@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap') ;
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;500&display=swap");

:root {
    --color-body: #f7f8f8; /* domyślna wartość */
    --color-primary: #22252a; /* domyślna wartość */
    --color-secondary: #0d47a1; /* domyślna wartość */
    --c-white: #fff; /* domyślna wartość */
    --c-gray: #b9bdc5; /* domyślna wartość */
    --c-h5: #22252a; /* domyślna wartość */


}










.sidebar h2 {
    border-bottom: 3px solid var(--color-secondary);
    margin-bottom: 1em;
    padding-bottom: 0.3em;
    font: 500 20px / 28px var(--custom-font) !important;
    color: var(--c-h5)!important;
}






.btn-outline-primary:hover {
    color: var(--c-colorfontmenu);
}



.btn-primary:not(:disabled):not(.disabled), .show>.btn-primary.dropdown-toggle {
    color: var(--c-colorfontmenu);
     border-color:  var(--c-colorfontmenu);
}



.dropdown-item {
    color: var(--c-colorfontmenu);
}

.btn-primary:hover {
    color: var(--c-colorfontmenu);
    background-color: color-mix(in srgb, var(--c-colortlomenu) 80%, white 20%);
    border-color: color-mix(in srgb, var(--c-colortlomenu) 80%, white 20%);
}




/* Główne style kontenera */
.journals-main {
    flex-grow: 1;
}

.container-custom.indexJournal {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
}

.journals-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.journal-card {
    display: flex;
    flex-direction: column;
    width: calc(33.33% - 20px); /* 3 bloki w rzędzie na desktopie */
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

@media (max-width: 992px) {
    .journal-card {
        width: calc(50% - 20px); /* 2 bloki na tabletach */
    }
}

@media (max-width: 576px) {
    .journal-card {
        width: calc(100% - 20px); /* 1 blok na wiersz na mobilnych */
        margin: 0 auto; /* Wyśrodkowanie */
    }
}

.journal-content {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    height: 100%;
}

.journal-cover-link {
    flex: 0 0 auto;
    width: 40%; /* Okładka zajmuje 40% szerokości */
    background-color: #fff;
}

.journal-cover-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Dopasowanie obrazka */
}

.journal-info {
    flex: 1;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.journal-title-link {
    text-decoration: none;
    color: #333;
    margin-bottom: 10px;
}

.journal-title {
    font-size: 1.25rem;
    margin: 0;
    line-height: 1.2;
}

.journal-issn {
    margin-top: 10px;
}

.journal-issn-item {
    margin-bottom: 5px;
}

.journal-label {
    font-weight: bold;
    color: #555;
}

.journal-value {
    font-weight: normal;
    color: #564848;
}

/* Marginesy i układ na urządzeniach mobilnych */
@media (max-width: 576px) {
    .container-custom.indexJournal {
        padding: 10px; /* Marginesy 10px z lewej i prawej strony */
    }

    .journal-content {
        flex-direction: row; /* Układ poziomy również na mobilnych */
        align-items: center; /* Wyrównanie w pionie */
    }

    .journal-card {
        margin-left: 10px; /* Marginesy po bokach */
        margin-right: 10px;
    }

    .journal-cover-link {
        width: 40%; /* Okładka zachowuje proporcje */
    }

    .journal-info {
        padding: 10px; /* Dopasowanie paddingu do mniejszego ekranu */
    }
}


/* Uniwersalne stylowanie */
body {
    overflow-x: hidden; /* Wyłącz przesuwanie na boki */
}

img, table {
    max-width: 100%;
    height: auto;
}

/* Ukryj treść "About the Site" domyślnie */
.about-site-content {
    display: none;
    max-width: 100%;
    word-wrap: break-word;
    padding: 20px;
    background-color: #f2f2f2;
    font-size: 16px;
    color: #333;
    box-sizing: border-box;
}


.libcomimg {
    max-width: 180px !important; /* Dodaj !important, aby wymusić szerokość */
    height: 250px !important; /* Dodaj !important, aby wymusić wysokość */
    object-fit: cover; /* Przycinanie obrazu, aby dopasować */
}

img:not(.libcomimg) {
    max-width: 100%;
    height: auto;
}


/* Na urządzeniach mobilnych (ekrany o szerokości do 768px) */
@media (max-width: 768px) {
    .logo-image {
        display: none; /* Ukryj logo */
    }
    .about-site-content {
        display: block;
        width: 100%;
        height: auto;
    }
    
    .header__logo img {
        max-height: 29px;
    }
    
    .header__menu.top-menu {
        transform: none; /* Usuń skalowanie, aby menu było poprawne */
    }
    
    .header__wrapper {
        display: block;
        overflow: visible; /* Upewnij się, że nic nie przycina menu */
    }
    
    .header__menu {
        display: flex;
        flex-wrap: wrap; /* Umożliwienie zawijania elementów */
        justify-content: center; /* Wycentrowanie elementów w poziomie */
        gap: 10px; /* Odstępy między przyciskami */
        position: relative;
        z-index: 10; /* Menu nadrzędne widoczne nad bannerem */
    }

    .dropdown-menu {
        position: absolute !important; /* Aby menu było widoczne */
        z-index: 100; /* Wyższy niż header__menu i banner */
        background-color: #fff; /* Tło dla widoczności menu */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Cień dla wyróżnienia menu */
    }

    .banner {
        z-index: 1; /* Banner pod menu */
       /* margin-top: 50px; /* Odstęp powyżej bannera */
    }

    /* Przyciski WCAG, zmiana języka i menu */
    .header__menu .btn-group {
        flex: 1 1 calc(50% - 10px); /* Dopasowanie szerokości (50% dla 2 elementów w linii) */
        text-align: center; /* Wyśrodkowanie treści w przyciskach */
    }

    /* Opcjonalne dopasowanie szerokości dla jednego przycisku w osobnej linii */
    .header__menu .btn-group.wcag {
        flex: 1 1 100%; /* Przyciski WCAG w osobnej linii */
    }
}



#articlesBySameAuthorList h3 {
    text-transform: uppercase; /* Zamienia tekst na wielkie litery */
    font-size: small;
    font-weight: bold;
}

/* Stylowanie zawartości (np. lista artykułów) */
#articlesBySameAuthorList ul,
#articlesBySameAuthorList ul li {
    font-size: small; /* Ustawia mały rozmiar czcionki */
}


#articlesBySimilarityList h3 {
    text-transform: uppercase; /* Zamienia tekst na wielkie litery */
    font-size: small;
    font-weight: bold;
}

/* Stylowanie zawartości (np. lista artykułów) */
#articlesBySimilarityList ul,
#articlesBySimilarityList ul li {
    font-size: small; /* Ustawia mały rozmiar czcionki */
}







.primary, .user {
    position: fixed; /* Ustawienie menu na stałe */
    z-index: 1050; /* Wyższy niż inne elementy */
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.dropdown-menu {
    position: absolute;
    z-index: 1060; /* Wyższy niż menu główne */
    background-color: var(--c-colortlomenu)!important; 
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}




.sidebar .pkp_block {
    border-bottom: 1px solid #ccc; /* Dodaje linię dolną */
    padding-bottom: 10px;          /* Dodaje odstęp poniżej zawartości bloku */
    margin-bottom: 10px;           /* Dodaje odstęp pomiędzy blokami */
}

.sidebar .pkp_block:last-child {
    border-bottom: none;           /* Usuwa linię po ostatnim bloku */
}




.logoColorFont {
    font-size: 14px;
}

    
.bg-white {
background-color : #fff;
}
.box-bordered {
border : var(--c-gray) solid 1px;
}
body, html {
background-color : #f7f8f8;
font-family: var(--custom-font);
font-size : 16px;
line-height : 24px;
color : var(--color-primary);
font-weight : 400;
}
a {
color : var(--color-secondary);
font-size : inherit;
}
.h1, h1 {
font : 500 40px/60px var(--custom-font);

}
.h2, h2 {
font : 500 36px/48px var(--custom-font);

}
.h3, h3 {
font : 500 24px/32px var(--custom-font);

}
.h4, h4 {
font : 500 22px/30px var(--custom-font);

}
.h5, h5 {
font : 500 20px/28px var(--custom-font);
color: var(--c-h5);
}
.h6, h6 {
font : 500 16px/24px var(--custom-font);

}
.container-custom {
max-width : 1320px;
}
.container-custom, .container-small {
width : 100%;
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
.container-small {
max-width : 950px;
}
@media (max-width: 991px) {
.container {
max-width : 100%;
}
}
.card {
box-shadow : 0 1px 5px 2px rgb(34, 37, 42, 0.1);
}
.header-bordered h1, .header-bordered h2, .header-bordered h3, .header-bordered h4, .header-bordered h5, .header-bordered h6 {
border-bottom : 3px solid var(--color-secondary);
margin-bottom : 1em;
}
.btn {
font-family : var(--custom-font);
font-style : normal;
font-weight : 400;
font-size : 12px;
line-height : 24px;
    min-width: 100px;
}
.btn-outline-primary {
color : var(--color-secondary);
border-color : var(--c-colorfontlabelart);
background-color : #fff;
}
.btn-outline-primary:hover, .btn-primary {
background-color : var(--c-colormenu);
border-color : var(--c-colormenu);
}
.btn-small {
font-family : Poppins;
font-style : normal;
font-weight : 400;
font-size : 12px;
line-height : 18px;
}
.formsBlock {
padding-top : 48px;
padding-bottom : 48px;
}
.formsBlock--small {
max-width : 392px;
}
.formsBlock h2 {
text-align : center;
}
.formsBlock .card, .formsBlock h2 {
margin-bottom : 32px;
}
.form-group {
margin-bottom : 24px;
}
.form-group label {
margin-bottom : 8px;
font-weight : 500;
}
.form-group input, .form-group select {
margin-bottom : 8px;
border : #444a55 solid 1.5px;
border-radius : 100px;
}
.form-group .desc {
font-size : 13px;
line-height : 20px;
color : #444a55;
}
.form-group a {
text-decoration : underline;
}
.form-row--gap {
display : grid;
grid-template-columns : 1fr 1fr;
grid-template-rows : 1fr;
gap : 0 24px;
}
@media (max-width: 767px) {
.form-row--gap {
grid-template-columns : 1fr;
}
}
.form-row--gap .col-md-6 {
padding : 0;
}
.recaptcha {
margin-top : 24px;
}
label h3, legend h3 {
margin-top : 20px;
}
.search_results {
padding-inline-start : 0;
}
.test {
font-size : 12px;
}
.class {
margin-bottom : 30px;
}
.header {
background : #fff;
border-bottom : 1px solid var(--c-gray);
}
.header__wrapper {
display : flex;
justify-content : space-between;
min-height : 80px;
align-items : center;
gap : 20px;
padding-top : 15px;
padding-bottom : 15px;
}
.header__menu, .header__wrapper {
flex-wrap : wrap;
}
.header__menu {
display : inline-flex;
gap : 16px;
}
.header__logo img {
max-height : 59px;
}
html {
transition : all 0s 0s ease-in;
}
html.wcag-size1 {
font-size : 32px;
}
html.wcag-size2 {
font-size : 44px;
}
.top-menu .d-none {
display : none;
}
html.wcag-size1 h1, html.wcag-size1 h2, html.wcag-size1 h3 {
font-size : 40px;
line-height : 1;
}
html.wcag-size2 h1, html.wcag-size2 h2, html.wcag-size2 h3 {
font-size : 60px;
line-height : 1;
}
html.wcag-size1 .navbar-nav a, html.wcag-size1 .title-strona {
font-size : 28px;
}
html.wcag-size2 .navbar-nav a, html.wcag-size2 .title-strona {
font-size : 38px;
}
html.wcag-contrast .menuBlock {
background-color : #000;
}
.top-menu a.wcag {
padding : 0.5rem;
color : #000;
background-color : #fff;
text-decoration : none;
border-top : 2px solid transparent;
border-bottom : 2px solid transparent;
padding-bottom: 1px;
}
.top-menu a.wcag-size0 {
font-size : 14px;
}
.top-menu a.wcag-size1 {
font-size : 17px;
}
.top-menu a.wcag-size2 {
font-size : 20px;
}
.top-menu a.wcag.wcag-contrast svg {
width : 20px;
height : 20px;
display : block;
}
.top-menu a.wcag.wcag-contrast {
font-size : 1.75rem;
padding-left : 0.875rem;
padding-right : 0.875rem;
}
.top-menu a.wcag.active, .top-menu a.wcag:hover {
color : #000;
text-decoration : none;
border-bottom-color : #000;
}
.top-menu .wcag-container {
background : #fff;
display : flex;
padding : 5px;
margin-right : 10px;
}
html.wcag-contrast .libcomheader, html.wcag-contrast .top-menu .wcag-container, html.wcag-contrast .top-menu a.wcag, html.wcag-contrast body {
background-color : #000 !important ;
color : #ff0;
}
html.wcag-contrast .top-menu a.wcag.active, html.wcag-contrast .top-menu a.wcag:hover {
background : #000;
color : #ff0;
border-bottom-color : #ff0;
}
html.wcag-contrast .top-menu a.wcag svg path {
fill : #ff0;
}
html.wcag-contrast .libcomheader button {
border-color : #ff0;
color : #ff0;
}
html.wcag-contrast .libcomheader button:active, html.wcag-contrast .libcomheader button:focus, html.wcag-contrast .libcomheader button:hover {
border-color : #ff0;
color : #000;
background-color : #ff0;
}
html.wcag-contrast header {
background-color : #000;
border-color : #000;
}
html.wcag-contrast .mainNavBarRow {
background-color : #000;
}
html.wcag-contrast .mainNavBar li > a:hover {
color : #ff0;
border-bottom-color : #ff0;
}
html.wcag-contrast .fas.fa-search {
color : #ff0;
}
html.wcag-contrast #searchBtn {
border : #000 solid 1px !important ;
background-color : #000 !important ;
}
html.wcag-contrast input#formInput, html.wcag-contrast input#formInput:focus, html.wcag-contrast input#formInput:hover {
background-color : #000 !important ;
color : #fff !important ;
border-color : #ff0 !important ;
}
html.wcag-contrast .footer {
background-color : #000 !important ;
color : #ff0;
}
html.wcag-contrast .footer a {
color : #ff0;
}


html.wcag-contrast .journal-content {
    background-color: #000 !important; /* Czarny kolor tła */
    color: #ff0 !important; /* Jasnożółty tekst */
}

html.wcag-contrast .journal-value {
    background-color: #000 !important; /* Czarny kolor tła */
    color: #ff0 !important; /* Jasnożółty kolor tekstu */
}


html.wcag-contrast .journal-issn-item {
    background-color: #000 !important; /* Czarny kolor tła */
    color: #ff0 !important; /* Jasnożółty kolor tekstu */
}

html.wcag-contrast .journal-label {
    background-color: #000 !important; /* Czarny kolor tła */
    color: #ff0 !important; /* Jasnożółty kolor tekstu */
}


html.wcag-contrast .btn-outline-primary {
    border-color:  yellow;
background-color : transparent;
}

html.wcag-contrast .btn-primary:not(:disabled):not(.disabled), .show>.btn-primary.dropdown-toggle {
    color: yellow;
     border-color:  yellow;
    background-color : transparent;
}

html.wcag-contrast .navbar-toggler {
background-color : #000 !important ;
}
html.wcag-contrast .navbar-toggler .navbar-toggler-icon {
background-image : url("data:image/svg+xml;utf8,%3csvg width="24" height="24" viewBox="0 0 24 24"%3e%3cpath fill="none" d="M0 0h24v24H0V0z"/%3e%3cpath fill="rgb(255,255,255)" d="M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/%3e%3c/svg%3e") !important ;
}
html.wcag-contrast .container-fluid.bg-light {
background-color : #000 !important ;
}
html.wcag-contrast .announcement-date, html.wcag-contrast .card-body, html.wcag-contrast .card-titlelibcom, html.wcag-contrast .issn-info *, html.wcag-contrast a, html.wcag-contrast a:hover, html.wcag-contrast article.txt li, html.wcag-contrast h1, html.wcag-contrast h2, html.wcag-contrast h3, html.wcag-contrast h4, html.wcag-contrast h5, html.wcag-contrast h6, html.wcag-contrast p {
color : #ff0 !important ;
    background-color : transparent;
}
html.wcag-contrast .dropdown-menu, html.wcag-contrast .dropdown-menu .dropdown-item {
background-color : #000 !important ;
}
html.wcag-contrast .dropdown-menu a:hover {
color : #ff0 !important ;
background-color : #000 !important ;
}
html.wcag-contrast .card, html.wcag-contrast .container-fluid.bg-light, html.wcag-contrast .toc-content {
background-color : #000 !important ;
}
html.wcag-contrast .card .cardy-body {
background-image : none !important ;
}
html.wcag-contrast .main-btn {
border : #ff0 solid 1px;
background-color : #000;
}
html.wcag-contrast .container-fluid.bg-light .main-btn:hover {
color : #000 !important ;
background-color : #ff0;
}
html.wcag-contrast .cmp_form .main-btn, html.wcag-contrast .cmp_form label, html.wcag-contrast .cmp_notification.notice {
color : #ff0;
}
html.wcag-contrast #login input, html.wcag-contrast .cmp_form input, html.wcag-contrast .cmp_form select {
color : #ff0;
background-color : #000;
border : #ff0 solid 1px;
}
html.wcag-contrast .container-fluid.bg-light .dropdown-item {
color : #000 !important ;
}
html.wcag-contrast .container-fluid.bg-light .dropdown-item:focus, html.wcag-contrast .container-fluid.bg-light .dropdown-item:hover {
color : #ff0 !important ;
background-color : #000;
}
html.wcag-contrast #login .btn, html.wcag-contrast #lostPasswordForm .main-btn, html.wcag-contrast #lostPasswordForm input, html.wcag-contrast #register .btn, html.wcag-contrast #register .main-btn, html.wcag-contrast #register input, html.wcag-contrast #register select {
border : #ff0 solid 1px;
background-color : #000;
color : #ff0 !important ;
}
html.wcag-contrast #login .btn:hover, html.wcag-contrast #lostPasswordForm .main-btn:hover, html.wcag-contrast #register .btn:hover {
color : #000 !important ;
background-color : #ff0;
}
html.wcag-contrast .navbar-default .navbar-toggle, html.wcag-contrast .top-menu {
background-color : #000;
}
html.wcag-contrast .navbar-default .navbar-toggle span {
background-color : #ff0;
}
html.wcag-contrast .page-header, html.wcag-contrast hr {
border-color : #ff0;
}
.top-menu {
display : flex;
flex-direction : row;
justify-content : flex-end;
align-items : center;
}
html.wcag-contrast .card {
border-color : #ff0;
}
html.wcag-contrast .btn-outline-dark {
color : #ff0;
border-color : #ff0;
}
html.wcag-contrast .btn-outline-dark:hover {
color : #000;
border-color : #ff0;
background-color : #ff0;
}
html.wcag-contrast .menuBlock__search {
border-color : #ff0;
}
html.wcag-contrast .menuBlock__search button {
border : #000 solid 1px !important ;
}
html.wcag-contrast .footer, html.wcag-contrast .menuBlock {
border-color : #ff0;
}
html.wcag-contrast .alert-primary {
background-color : #000;
color : #ff0;
border-color : #ff0;
}
html.wcag-contrast .alert-primary svg path {
fill : #ff0;
}
html.wcag-contrast .tabsEl .card-header button {
background-color : #000;
color : #ff0;
border-color : #000;
border-radius : 0;
}
html.wcag-contrast .tabsEl .card-header button svg path {
fill : #ff0;
}

html.wcag-contrast .tabsEl .card-header button.active, html.wcag-contrast .tabsEl .card-header button:hover {
color : #ff0;
border-bottom : 3px solid #ff0;
}
html.wcag-contrast .tabsEl .card-header button.active svg path, html.wcag-contrast .tabsEl .card-header button:hover svg path {
fill : #ff0;
}
html.wcag-contrast .tabsEl .card-header button.active i, html.wcag-contrast .tabsEl .card-header button:hover i {
color : #ff0;
}
html.wcag-contrast .bg-light {
background-color : #000 !important ;
}
html.wcag-size1, html.wcag-size1 .mainNavBar a, html.wcag-size1 body {
font-size : 20px;
}
html.wcag-size2, html.wcag-size2 .mainNavBar a, html.wcag-size2 body {
font-size : 24px;
}

.menuBlock {
background-color : var(--c-colormenu);
border : var(--c-gray) solid;
border-width : 0 0 1px;
}
.menuBlock__nav {
padding : 16px 0;
}
.menuBlock__nav .nav {
gap : 32px;
}
@media (max-width: 767px) {
.menuBlock__nav .nav {
flex-direction : column;
gap : 16px;
padding : 16px 0;
}
}
.menuBlock__nav li {
padding : 0;
}
.menuBlock__nav li .dropdown-menu {
padding : 5px;
}
.menuBlock__nav li a {
font-weight : 500;
color : var(--c-colorfontmenu);
padding : 1px 0;
border-bottom : 2px solid transparent;
}
.menuBlock__nav li a:hover {
border-bottom : 2px solid var(--c-colorfontmenu);
text-decoration : none;
}


.menuBlock__search {
display : inline-flex;
height : 30px;
border : var(--color-primary) solid 1.5px;
border-radius : 100px;
position : relative;
margin-bottom: 0;
border-width: 1px
}
.menuBlock__search:focus-visible {
outline : none;
}
.menuBlock__search input {
border-radius : 100px;
padding-left : 10px;
border : none;
padding-right : 35px;
background-color : #fff;
}
.menuBlock__search input:focus-visible {
outline : none;
}
.menuBlock__search button {
border : none;
background-color : #fff;
padding : 0;
display : block;
position : absolute;
top : 8px;
right : 11px;
}
.menuBlock .mainNavBar {
justify-content : space-between;
gap : 15px;
}

@media (max-width: 991px) {
.menuBlock .mainNavBar {
flex-direction : column;
align-items : flex-start;
}
}
.skla {
font-size : 12px;
}
.footer {
padding-top : 48px;
padding-bottom : 48px;
background-color : #fff;
border-top : 2px solid var(--c-gray);
}
@media (max-width: 991px) {
.footer {
padding-top : 32px;
padding-bottom : 32px;
}
}
.footer__wrapper {
display : grid;
grid-template-columns : 1fr 1fr 1fr;
grid-template-rows : 1fr 1fr;
gap : 24px 24px;
grid-template-areas : "column-1 column-2 column-3" "column-logo column-logo column-logo";
grid-template-rows : minmax(0,1fr) auto;
}
@media (max-width: 767px) {
.footer__wrapper {
grid-template-columns : 1fr;
grid-template-areas : "column-1" "column-2" "column-3" "column-logo";
}
}
.footer__wrapper .column-logo {
grid-area : column-logo;
display : flex;
justify-content : center;
}
.footer__wrapper .column-logo img {
max-height : 69px;
}
.footer__wrapper .column-1 {
grid-area : column-1;
}
.footer__wrapper .column-2 {
grid-area : column-2;
}
.footer__wrapper .column-3 {
grid-area : column-3;
}
@media (max-width: 767px) {
}
.footer__wrapper ul {
list-style : none;
padding-left : 0;
margin-bottom : 0;
}
.footer__wrapper ul li a {
color : var(--color-primary);
}
.footer__column strong {
margin-bottom : 5px;
display : inline-block;
}
.banner {
display : block;
height : 250px;
position : relative;
}
.banner .background {
height : 100%;
width : 100%;
object-fit : cover;
object-position : right center;
}
.banner .logo {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
width : 100%;
max-width : 450px;
height : auto;
max-height : 250px;
}
.archives {
display : flex;
flex-direction : column;
gap : 32px;
}
.archives--second {
display : grid;
gap : 32px 24px;
grid-template-columns : repeat(4,1fr);
}


@media (max-width: 1300px) {
.archives--second {
grid-template-columns : repeat(3,1fr);
}
}
@media (max-width: 700px) {
.archives--second {
grid-template-columns : repeat(2,1fr);
}
}
@media (max-width: 500px) {
.archives--second {
grid-template-columns : repeat(1,1fr);
}
}
.archives__item {
padding : 24px;
display : grid;
grid-template-columns : 189px 1fr;
grid-template-rows : 1fr;
gap : 24px 32px;
grid-template-areas : "image desc";
}
@media (max-width: 776px) {
.archives__item {
grid-template-columns : 1fr;
grid-template-areas : "image" "desc";
}
}
.archives__item .image {
grid-area : image;
}
.archives__item .indexSiteDescription .description {
display : block;
text-overflow : ellipsis;
overflow-wrap : break-word;
word-break : break-word;
overflow : hidden;
line-height : 24px;
transition : all 0.5s;
}
.archives__item .indexSiteDescription .readMore {
display : none;
text-align : right;
margin-top : 12px;
}
.archives__item .indexSiteDescription .readMore.open {
display : block;
}
.archives__item .desc {
grid-area : desc;
}
@media (max-width: 776px) {
}
.archives__item .desc h2, .archives__item .desc h3 {
font-weight : 500;
font-size : 24px;
line-height : 32px;
color : var(--color-primary);
margin-bottom : 8px;
}
.archives__item .desc .item-title {
color : var(--color-secondary);
font-size : 20px;
line-height : 28px;
}
.archives__item .desc .published {
margin-bottom : 12px;
}
.archives__item .issn {
margin-bottom : 12px;
display : flex;
flex-direction : row;
gap : 16px;
flex-wrap : wrap;
}
.archives__item:hover {
text-decoration : none;
}
.archives__item--second {
padding : 24px;
}
.archives__item--second .image {
text-align : center;
}
.archives__item--second .image img {
width : 100%;
}
.archives__item--second h2, .archives__item--second h3 {
font-weight : 500;
font-size : 16px;
line-height : 32px;
color : var(--color-primary);
margin-bottom : 8px;
text-align : center;
}
.archives__item--second:hover {
text-decoration : none;
}
.article .font400 {
font-weight : 400;
}
.article .row--alignStretch {
align-items : stretch;
}
.article .row--hightMax {
height : 100%;
}
.article .tabsEl {
background : #eee;
border-radius : 0;
border : none;
width : 100%;
}
.article .tabsEl .card-header {
border-radius : 0;
}
.indexJournal .custom-grid .card {
height : 100%;
}
.indexJournal #announcemetText img {
width : 100%;
max-width : 420px;
}
.indexJournal .sidebar .title {
font : 500 20px/28px Poppins, sans-serif;
}
.indexJournal .sidebar img {
width : 100%;
height : auto;
}
.indexJournal .moreReadWrappper ul {
column-count : 3;
column-gap : 36px;
}
@media (max-width: 991px) {
.indexJournal .moreReadWrappper ul {
column-count : 2;
}
}
@media (max-width: 550px) {
.indexJournal .moreReadWrappper ul {
column-count : 1;
}
}
.customGrid--articleSummary {
display : grid;
grid-template-columns : 1fr max-content;
grid-template-areas : "author pages";
gap : 16px;
}
.customGrid--articleSummary .author {
grid-area : author;
}
.customGrid--articleSummary .libcompage {
grid-area : pages;
}
.pkp_op_view .galley_view {
height : 100%;
}
.pkp_op_view .galley_view iframe {
width : 100%;
height : 100%;
border : none;
}
.pkp_op_view {
flex-direction : column;
height : 100vh;
line-height : 0;
}
.header_view, .pkp_op_view {
display : flex;
}
.header_view {
align-items : stretch;
}
.header_view .return {
width : 44px;
position : relative;
display : block;
flex-shrink : 0;
}
.header_view .return:before {
content : "";
display : block;
width : 12px;
height : 12px;
position : absolute;
top : 50%;
left : 50%;
border-left : 2px solid var(--color-secondary);
border-top : 2px solid var(--color-secondary);
transform : translate(-50%,-50%) rotate(-45deg);
}
.header_view .return span {
display : none;
}
.header_view .title {
background : #0d47a1;
padding : 10px 20px;
color : var(--c-white);
width : 100%;
line-height : 1.5;
}
.archive_title, .download {
font-weight : 700;
}
.download {
top : 0;
right : 0;
padding : 10px 20px;
line-height : 1.5;
}
.download .pkp_screen_reader {
display : none;
}
.alert-primary {
color : var(--color-primary);
}
.alert-primary a {
color : var(--color-secondary);
text-decoration : underline;
}
.tabsEl {
background : #fff;
border : #b9bdc6 solid 1px;
border-radius : 6px;
height : 100%;
}
.tabsEl > .card-body {
padding : 0;
}
.tabsEl .card-header {
background : #fff;
padding : 0;
border-radius : 6px 6px 0 0;
}
.tabsEl .card-header .row {
margin : 0;
}
.tabsEl .card-header .col {
padding : 0;
}
.tabsEl .card-header button {
width : 100%;
padding : 16px;
font-size : 16px;
line-height : 24px;
font-weight : 500;
color : var(--c-colorfontlabelart);
display : flex;
justify-content : center;
align-items : center;
gap : 8px;
border-bottom : 3px solid var(--c-white);
}
.tabsEl .card-header button i {
font-size : 14px;
}
.tabsEl .card-header button:focus {
box-shadow : none;
}
.tabsEl .card-header button.active, .tabsEl .card-header button:hover {
color: var(--c-colorfontlabelart);
border-bottom : 3px solid var(--c-colorfontlabelart);
}
.tabsEl .card-header button.active svg path, .tabsEl .card-header button:hover svg path {
fill : var(--color-secondary);
}
.tabsEl .card-header button.active i, .tabsEl .card-header button:hover i {
color : var(--c-colorfontlabelart);
}
.tabsEl .card-header button.column {
flex-direction : column;
padding : 16px 0;
gap : 8px;
}
.imageText {
display : flex;
gap : 64px;
}
.imageText__image {
width : 140px;
}
.imageText__image img {
width : 140px;
height : auto;
border-radius : 50%;
border : var(--c-gray) solid 1px;
}
@media (max-width: 991px) {
.imageText {
flex-direction : column;
gap : 16px;
}
}
.cookieBar {
background-color : #b9bdc5;
width : 100%;
bottom : 0;
left : 0;
position : fixed;
z-index : 99999;
padding : 32px;
display : none;
}
.cookieBar.open {
display : block;
}
.cookieBar__wrap {
justify-content : space-between;
gap : 32px;
}
.cookieBar__buttons, .cookieBar__wrap {
display : flex;
}
.cookieBar__buttons {
align-items : flex-start;
gap : 8px;
}