.custom-button {
    background-color: white;
    border: 1px solid #214C4A;
    color: #214C4A;
    padding: 7px 5px; /* Зменшена висота кнопок - перше число */
    font-size: small;
    cursor: pointer;
    width: 100%; /* Ширина кнопок 100% від контейнера */
    border-radius: 4px;
    text-align: center;
    display: block;
    transition: background-color 0.5s, color 0.5s;
}
.custom-button:hover {
    background-color: #214C4A;
    color: white;
}
/*бликаюча кнопка*/
        @keyframes colorCycle {
            0% {
                background-color: white;
                color: #214C4A;
            }
            5% {
                background-color: #214C4A;
                color: white;
            }
            100% {
                background-color: white;
                color: #214C4A;
            }
        }

        .custom-button-blink {
            background-color: white;
            border: 1px solid #214C4A;
            color: #214C4A;
            padding: 7px 5px;
            font-size: small;
            cursor: pointer;
            width: 100%;
            border-radius: 4px;
            text-align: center;
            display: block;
            animation: colorCycle 15s infinite;
        }
/* зелена кнопка */
.lang-button {
    background-color: #214C4A;
    border: 1px solid #214C4A;
    color: white;
    padding: 7px 5px; /* Зменшена висота кнопок - перше число */
    font-size: small;
    cursor: pointer;
    width: 100%; /* Ширина кнопок 100% від контейнера */
    border-radius: 4px;
    text-align: center;
    display: block;
    transition: background-color 0.5s, color 0.5s;
}
.lang-button:hover {
    background-color: white;
    color: #214C4A;
}

.button-container {
    display: inline-block;
    width: 200px; /* Встановлюємо ширину контейнера у відсотках */
    margin: 2px 0; /* Зменшена вертикальна відстань між кнопками */
}

.cmp_button_wire, .obj_galley_link {
    display: inline-block;
    padding: 0 1em; /* Preserve original padding */
    background: #fff; /* Preserve original background */
    border: 1px solid #214C4A; /* Preserve original border */
    border-radius: 3px; /* Preserve original border radius */
    font-size: 0.93rem; /* Preserve original font size */
    line-height: calc(2.143rem - 2px); /* Preserve original line height */
    color: #214C4A; /* Preserve original text color */
    text-decoration: none;

    /* New styles for color and effects */
    background-color: white;
    border-color: #214C4A;
    color: #214C4A;
    transition: background-color 0.5s, color 0.5s;
}

.cmp_button_wire:hover, .obj_galley_link:hover {
    background-color: #214C4A;
    color: white;
}

/* приклади абзац*/
.p-sample {
    background-color: #e9f9f6; /* #d7f1ec */
    border: 1px solid #214c4a;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(33, 76, 74, 0.5);
    text-align: justify;
    line-height: 1.0em;
    padding: 10px;
    margin: 10px 0;
}
/* приклади цитування*/
.p-cite-sample {
    background-color: #e9f9f6; /* #d7f1ec */
    border: 1px solid #214c4a;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(33, 76, 74, 0.5);
    text-align: justify;
    line-height: 1.0em;
    padding: 10px;
    margin: 10px 0;
    padding-left: 3em; /* Зсуває весь абзац праворуч */
    text-indent: -2.5em; /* Від'ємний відступ для першого рядка */
}
/* наукові праці редактора*/
.p-works {
    line-height: 1.0em;
    padding: 5px;
    margin: 10px 0;
    padding-left: 3em; /* Зсуває весь абзац праворуч */
    text-indent: -3em; /* Від'ємний відступ для першого рядка */
}


/* смугаста таблиця */
/* Striped table */
.striped-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0.8em; /* Added margin-top */
    margin-bottom: 0.8em; /* Added margin-bottom */
}

.striped-table tr:nth-child(odd) {
    background-color: #e9f9f6;
}

.striped-table tr:nth-child(even) {
    background-color: #ffffff; /* Optional: specify a different color for even rows if needed */
}

.striped-table td, .striped-table th {
    padding: 0px;
    text-align: left;
}

/* Adjust paragraph spacing within table cells */
.striped-table td p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 5px; /* Optional: adjust padding if needed */
}

/* Global style to remove top margin from all <p> and <ul> tags */
p, ul {
    margin-top: 0em !important;
    margin-bottom: 0.5em !important;
    line-height: 1.5em !important;
}

/* імена авторів */
.obj_article_details .authors .name {
    font-weight: bold;
    display: block;
    font-size: 1.2em; /* Adjust the size as needed */
    color: #214C4A; /* Change the font color */
}

/* колір заголовків змісту*/
.obj_article_summary > .title a {
    color: #214C4A; /* Change the font color */
    text-decoration: none; /* Remove the underline from the link */
}

.obj_article_summary > .title a:hover {
    color: green; /* Change the font color to green on hover */
}

/* список з галочками*/

ul.check-list {
            list-style-type: none; /* Вимикаємо стандартні маркери */
            padding-left: 3.0em;
        }
        ul.check-list li::before {
            content: "\2714"; /* Встановлюємо символ галочки Unicode номером */
            color: green; /* Колір галочки */
            display: inline-block;
            width: 1.5em; /* Ширина відступу для вирівнювання тексту */
            margin-left: -1.5em; /* Зміщуємо галочку вліво */
        }


/* список із забороною*/

ul.prohibited-list {
            list-style-type: none; /* Вимикаємо стандартні маркери */
            padding-left: 3.0em;
        }
        ul.prohibited-list li::before {
            content: "\1F6AB"; /* Встановлюємо символ prohibited Unicode номером */
            display: inline-block;
            width: 1.5em; /* Ширина відступу для вирівнювання тексту */
            margin-left: -1.5em; /* Зміщуємо prohibited вліво */
        }

/*top*/
        ul.star-list-top {
            list-style: none; /* Видалення стандартних маркерів */
            padding: 0; /* Видалення стандартного відступу */
            margin: 0; /* Видалення стандартного маргіну */
        }

        ul.star-list-top li {
            position: relative;
            padding-left: 2.5em; /* Відступ для тексту від зірки */
            margin-bottom: 0.5em; /* Вертикальний відступ між елементами списку */
            text-indent: -2.5em; /* Відступ для всього абзацу, щоб текст починався на тому ж рівні */
        }

        ul.star-list-top li::before {
            content: '★ '; /* П'ятикутна зірка */
            color: Teal   !important; /* Колір зірки */
            position: inline;
            left: 0; /* Розташування зірки на місці відступу для першого рядка */
            top: 0;
       /*      font-size: 1.0em; Розмір зірки */
            line-height: 1.0em; /* Розмір зірки відповідно до висоти рядка */
        }
/*middle*/
        ul.star-list-middle {
            list-style: none; /* Видалення стандартних маркерів */
            padding: 0; /* Видалення стандартного відступу */
            margin: 0; /* Видалення стандартного маргіну */
        }

        ul.star-list-middle li {
            position: relative;
            padding-left: 2.5em; /* Відступ для тексту від зірки */
            margin-bottom: 0.5em; /* Вертикальний відступ між елементами списку */
            text-indent: -2.5em; /* Відступ для всього абзацу, щоб текст починався на тому ж рівні */
        }

        ul.star-list-middle li::before {
            content: '★ '; /* П'ятикутна зірка */
            color: SeaGreen  !important; /* Колір зірки */
            position: inline;
            left: 0; /* Розташування зірки на місці відступу для першого рядка */
            top: 0;
       /*      font-size: 1.0em; Розмір зірки */
            line-height: 1.0em; /* Розмір зірки відповідно до висоти рядка */
        }
/*low*/
        ul.star-list {
            list-style: none; /* Видалення стандартних маркерів */
            padding: 0; /* Видалення стандартного відступу */
            margin: 0; /* Видалення стандартного маргіну */
        }

        ul.star-list li {
            position: relative;
            padding-left: 2.5em; /* Відступ для тексту від зірки */
            margin-bottom: 0.5em; /* Вертикальний відступ між елементами списку */
            text-indent: -2.5em; /* Відступ для всього абзацу, щоб текст починався на тому ж рівні */
        }

        ul.star-list li::before {
            content: '★ '; /* П'ятикутна зірка */
            color: LimeGreen   !important; /* Колір зірки */
            position: inline;
            left: 0; /* Розташування зірки на місці відступу для першого рядка */
            top: 0;
       /*      font-size: 1.0em; Розмір зірки */
            line-height: 1.0em; /* Розмір зірки відповідно до висоти рядка */
        }

/* прозорий фон меню фон */
.pkp_site_nav_menu {        
        background-color: rgba(30, 69, 67, 0.8);
    }
/* трохи посунути головне меню праворуч*/    
.pkp_site_nav_menu .pkp_nav_list {
       margin-left: 1em;
}
/* колір посилань*/
a {
    color: #1e4543;
}
a:hover,a:focus {
    color: green;
}
/* колір дроп-даун меню */
 .pkp_nav_list ul {
        background: #f6f8df;
        
    }
.pkp_nav_list ul a {
        color: #1e4543;
    }

.pkp_nav_list ul a:hover,.pkp_nav_list ul a:focus {
        outline: 0;
        background: #ddd;
        border-color: #1e4543;
        color: green;
    }
.pkp_navigation_primary .dropdown-menu a:focus,.pkp_navigation_primary .dropdown-menu a:hover {
        border-color: #1e4543
    }

/* CRediT */
.obj_article_details .authors .userGroup {
    margin-top: .5em;
    padding-bottom: 0em;
    font-size: small;
    color: inherit;
}
/* CRediT Icon */
/*
.obj_article_details .authors .userGroup:before {
    content: url(/templates/images/credit-icon-20x20.png);
    display: inline-block;
    margin-right: .4em;
    vertical-align: bottom;
}
*/
/* Виправлення ширини меню ( але може fit-content; )*/
@media (min-width: 992px) and (min-width:992px) {
    .pkp_navigation_primary {
        max-width: max-content;
    }
}
/* відстань від ORCiD до наступного автора */
.obj_article_details .authors .orcid {
    margin-bottom: 3em;
}
/* Зменшує відступи футера */
.pkp_footer_content {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
    padding-bottom: 1em;
}
/* Змінює колір фону всього сайту */
html, body {
    background: #fEfEFE;
}
/* Прибирає великий проміжок під меню */
@media (min-width: 992px) {
    .pkp_structure_content {
        padding-top:0.25rem
    }
}
/* Колір футера*/
.pkp_structure_footer_wrapper {
    background: #fefefe;
}
/* Ущільнює розташування блоків на сайдбарі */
@media (min-width: 992px) {
    .pkp_block {
        padding:1rem
    }
}
/* DOI Icon */
.obj_issue_toc .pub_id:before {
    content: url(/templates/images/doi.png);
    display: inline-block;
    margin-right: 0.2em;
    vertical-align: middle;
}
/* DOI Icon for article view */
.obj_article_details .item.doi:before {
    content: url(/templates/images/doi.png);
    display: inline-block;
    margin-right: 0.2em;
    vertical-align: middle;
}

/*Ширина колонок анонсів*/
@media (min-width: 768px) {
    .pkp_page_index .cmp_announcements .more {
        width: 50%;
    }
    .pkp_page_index .cmp_announcements>.obj_announcement_summary {
        width: 50%;
    }    
}
/* Зменшує відстані між розділами у змісті випуску по вертикалі */
@media (min-width: 992px) {
    .obj_issue_toc .galleys, .obj_issue_toc .section {
        margin: 0rem -2.143rem 0rem -2.143rem;
    }
}
@media (min-width: 768px) {
    .obj_issue_toc .galleys, .obj_issue_toc .section {
        padding: .5rem 2.143rem 0rem 2.143rem;
    }
}
/* Зменшує розмір шрифту у назвах найбільш читаних */
.most_read_article_title
{
    font-size:small
}

/* Зазор між авторами та кнопкою у змісті */
@media (min-width: 768px) {
    .obj_article_summary .authors {
        padding-bottom: 1em;
    }
}
/* Розмір шрифту назв статей у змісті */
.obj_article_summary>.title {
    font-size: 1.2rem;
}