/*
Theme Name:     EVU
Theme URI:      https://evu.encyclopedia.kyiv.ua/
Author URI:     http://orcid.org/0000-0002-8910-111X
Version:        1.00.00
*/

html, body, span, applet, object, iframe, full-text
h1, h2, h4, h5, h6, h7, blockquote, pre, 
abbr, acronym, address, big, cite, code, del, dfn, em, font, 
ins, kbd, q, s, samp, small, strike, strong, sub, sup, 
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, chapter, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 1.6rem;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    line-height: 1.6;
    color: #1D1D1D;
}

div, a{
    border: 0;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    color: black;
}
article b i {
color: #333;
font-style: italic;
font-size: inherit;
font-family: 'Literata Italic', sans-serif;
font-weight: 600;
}

html {
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
    /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box;
    /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing: border-box;
    /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
}

a img {
    border: 0;
}

body,
button,
input,
select,
textarea {
    color: #181818;
    font-family: 'Literata Regular', sans-serif;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 400;
    word-spacing: 1.3px;
    letter-spacing: -0.04px;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7  {
    clear: both;
    font-weight: normal;
    font-family: 'Merriweather', sans-serif;
    line-height: 1.3;
    margin-bottom: 15px;
    color: #3d3d3d;
    font-weight: 700;
}

p {
    margin-bottom: 15px;
    color: black;
}
b,
strong {
    font-weight: bold;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 15px;
    font-size: 20px;
    font-style: italic;
    font-family: 'Merriweather', sans-serif;
    font-weight: 300;
}
address {
    margin: 0 0 15px;
}
pre {
    background: #eee;
    font-family: "Literata Regular", sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    word-spacing: 1.3px;
    letter-spacing: -0.04px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code,
kbd,
tt,
var {
    font: 15px "Merriweather", sans-serif;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: 75%;
}
big {
    font-size: 125%;
}
h1 {
    font-size: 24px;
}
h2 {
    font-size: 16px;
    color: #757575;
	}
h3 {
    font-size: 18px;
	margin-bottom: 25px;
    margin-top: 25px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
h7 {
    font-size: 16px;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}
ul,
ol {
    margin: 0 0 15px 20px;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 15px;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 15px 15px;
}
img {
    height: auto;
	max-width: 100%;
    vertical-align: middle;
}
figure {
    margin: 0;
}
table {
    margin: 0 0 15px;
    width: 100%;
    border-collapse: collapse;
}
th {
    font-weight: bold;
    border: 1px solid #CCC;
    padding: 5px 10px;
}
td {
    border: 1px solid #CCC;
    padding: 5px 10px;
}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.mt-container:after,
.mt-container:before {
    content: '';
    display: table;
}
.clearfix:after,
.row:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.mt-container:after {
    clear: both;
}
.clear {
    clear: both;
}
a {
    color: #f54337;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

a:visited {}

a:hover,
a:focus,
a:active {
    color: darkkhaki !important;
}

a:focus {
  outline: thin dotted;
}
body.modal-open {
            padding-right: 0 !important; 
        }

.card-img-top {
            cursor: pointer;
        }

.modal-body img {
            max-width: 100%;
            max-height: 90vh;
            object-fit: contain;
        }

/*--------------------------------------------------------------
Основне полотно сторінки
--------------------------------------------------------------*/

body {
    background: #fff;
    font-weight: 400;
    overflow: hidden;
    position: relative;
    line-height: 1.8;
}

.boxed_layout #page {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    width: 1200px;
    background: #ffffff;
}

body.fullwidth-layout #page {
    background: #fff none repeat scroll 0 0;
}

.mt-container {
    width: 1171px;
    margin: 0 auto;
}

.hide {
    display: none;
}

.pag {
  display: flex;  
background: #f1f1f1;
border: 1px solid #e7e4e4;
}

.pages {
    display: inline;

}
.pages a {
    font-family: inherit;
    font-size: inherit;
    color: #800000;
    padding: 5px 10px 5px 10px;  
    border: 1px solid #c6c4c4;
    margin-right: 10px;
}
.pages a::active {
    color: gray;
}

/*--------------------------------------------------------------
Основа колонка  #primary - для полотна із двох колонок, #primary_single - для полотна без колонки
--------------------------------------------------------------*/


#primary {
    float: left;
    width: 70%;
	padding-top: 12px;
	margin: 6px auto;
}
#primary article:first-child {
    margin-top: 0;
}
#primary_single {
    float: none;
    width: 100%;
    margin: 0 auto;
}
.left-sidebar #primary {
    float: right;
}

/*--------------------------------------------------------------
бічна колонка
--------------------------------------------------------------*/

#secondary,
.home.blog #secondary {
    float: right;
    width: 27%;
}
.no-sidebar #secondary {
    display: none;
}
.left-sidebar #secondary {
    float: left;
}
.widget {
    margin: 40px 0 25px;
    padding-bottom: 10px;
}
#title-nav {
    font-size: 15px !important;
    color: #000000;
    font-family: "Merriweather";
    display: inline-block;
    border-bottom: 1px solid maroon;
    border-bottom-style: dotted;
    padding-bottom: 11px;
    margin-bottom: 10px;
	padding-top: 10px;
}
#text-nav1  {
	margin-bottom: 7px !important;
	font-size: 15px !important;
	}

#text-nav2  {
	margin-bottom: 7px !important;
	font-size: 15px !important;
}
#text-nav3  {
	margin-bottom: 7px !important;
	font-size: 15px !important;
}
#text-nav4  {
	margin-bottom: 7px !important;
	font-size: 15px !important;
}
#text-nav5  {
	margin-bottom: 7px !important;
	font-size: 15px !important;
}
.wp-block-image:not(.is-style-rounded) img {
    padding-top: 10px;
}

.widgettitlewrapper {
    background: #f1f1f1 none repeat scroll 0 0;
    border-left: 2px solid #7f1416;
    line-height: 18px;
    margin-bottom: 20px;
    min-height: 23px;
    text-align: left;
}
.widgettitle {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 0 20px;
    text-transform: uppercase;
}
.w_list {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-family: 'Lora', serif;
    word-spacing: -0.5px;
}
.w_list li{
    margin-bottom: 5px;
    padding-bottom: 5px;
    list-style: outside none none;
}
.w_list li a {
    color: #444b60 !important;
    font-size: 14px;
    line-height: 24px;
    padding-left: 22px;
    position: relative;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    display: inline-block;
}
.w_list li a:hover {
    color: darkkhaki !important;
}
.w_list li a:before {
    color: #afb4bd;
    content: "\f181";
    font-family: "FontAwesome";
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 0px;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.w_articletitle li {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    
}
.w_author {
    font-size: 13px !important;
    font-weight: 400;
    color: #a19e9e !important;
    margin: -10px 0px 0px 22px;
    font-family: 'Lora', serif;
}
.w_articledate {
    font-size: 13px !important;
    font-weight: 400;
    color: #a19e9e !important;
    margin: 0px 0px 0px 7px;
}
.w_volumelist {
    font-size: inherit;
    color: black;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 5px;
    padding-left: 20px;
    font-family: "Arsenal";
}
.w_volumelist a {
    color: #444b60;
    font-family: "Arsenal";
}
.w_volumelist a:before {
    content: "\f07b";
    font-family: FontAwesome;
    margin-right: 8px;
    color: #afb4bd;
}
.w_volumelisthomepage {
    font-family: "Arsenal";
}
.w_volumelisthomepage a {
    color: #909090;
    font-size: 14px !important;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    background: #eaeaea94;
    padding: 1px 10px;
    display: inline-block;
    margin: 0 5px 10px 0;
}
.w_volumelisthomepage a:hover {
 color: white;  
 background: #eee;
  box-shadow: 0 2px 4px rgba(13, 13, 13, 0.24);
}
.w_volumelisthomepage a:before {
    content: "\f07b";
    font-family: FontAwesome;
    margin-right: 8px;
    color: #8d9fa8;
}
.w_volumes {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 6px;
    margin-top: 6px;
}
.w_sectionlist {
}
.w_sectionlist a {
    color: #909090;
    font-family: 'Lora', serif;
    font-size: 14px !important;
    border: 1px solid #cfcfcf;
    padding: 1px 10px;
    display: inline-block;
    margin: 0 5px 10px 0;
    border-radius: 2px;
}
.w_sectionlist a:hover {
     color: white;  
     background: #eee;
}
.w_sectionlisthomepage {
    font-family: "Arsenal";
}
.w_sectionlisthomepage a {
color: #909090;
font-size: 14px !important;
border: 1px solid #cfcfcf;
border-radius: 2px;
background: #eaeaea94;
padding: 1px 10px;
display: inline-block;
margin: 0 5px 10px 0;
}
.w_sectionlisthomepage a:hover {
 color: white;  
 background: #eee;
 box-shadow: 0 2px 4px rgba(13, 13, 13, 0.24);
}
.w_sectionlisthomepage a:before {
    content: "\f02c";
    font-family: FontAwesome;
    margin-right: 8px;
    color: #8d9fa8;
}
.homepage_list {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-family: 'Arsenal';
    word-spacing: 1.3px;
}
.homepage_list li{
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    list-style: outside none none;
}
.homepage_list li a {
    color: #444b60 !important;
    font-size: 15px;
    line-height: 24px;
    padding-left: 22px;
    position: relative;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    display: inline-block;
    letter-spacing: 0.05px;
}
.homepage_list li a:hover {
    color: darkkhaki !important;
}
.homepage_list li a:before {
    color: #afb4bd;
    content: "\f181";
    font-family: "FontAwesome";
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 0px;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.homepage_articletitle li {
    font-size: 15px;
	font-family: 'Arsenal', serif;
    font-weight: 400;
    line-height: 1.5;    
}

.homepage_author {
    font-size: 13px !important;
    font-weight: 400;
    color: #a19e9e !important;
    margin: -10px 0px 0px 22px;
    font-family: 'Arsenal', serif;
}
.homepage_articledate {
	font-family: 'Arsenal', serif;
    font-size: 13px !important;
    font-weight: 400;
    color: #a19e9e !important;
    margin: 0px 0px 0px 7px;
}
.keyword {
font-family: 'Merriweather', sans-serif;
font-size: 0.7em;
padding: 6px;
margin: 3px 2px 3px 2px;
display: inline-block;
background: #efedd8;
font-weight: 200;
display: inline-block;
color: #666947;
border: 1px solid #ced2a8;
border-radius: 3px;
}
.keyword a {
    color: #666947;
}
.keyword :hover {
    color: #385887 !important;
}
.keyword a:hover {
    color: #385887 !important;
}

/*--------------------------------------------------------------
стаття
--------------------------------------------------------------*/
article i {
font-family: 'Literata Italic', sans-serif;

}
article {
font-family: 'Literata Regular', sans-serif;
font-style: normal;
word-spacing: 1.3px;
letter-spacing: -0.04px;
font-weight: 300;
margin: 0;
outline: 0;
padding: 0;
line-height: 1.5;
color: #484646;
font-size: 1.7rem;
}

article em {
font-family: 'Literata Italic', sans-serif;
font-weight: 400;
word-spacing: 1.3px;
letter-spacing: -0.04px;
font-size: 1.7rem;
color: inherit;
font-style: normal;
}
article i {
font-family: 'Literata Italic', sans-serif;
font-weight: 400;
word-spacing: 1.3px;
letter-spacing: -0.04px;
font-size: 1.7rem;
color: inherit;
font-style: normal;
}
article b {
font-family: 'Literata Bold', sans-serif;
font-weight: 600;
word-spacing: 1.3px;
letter-spacing: -0.04px;
font-size: 1.7rem;
color: #484646;
}
article strong {
font-family: 'Literata Bold', sans-serif;
font-weight: 600;
font-size: 1.7rem;
word-spacing: 1.3px;
letter-spacing: -0.04px;
color: #484646;
}
article a {
    color: #842f2f;
}
article li {
font-family: 'Literata Regular', sans-serif;
font-style: normal;
font-weight: 300;
outline: 0;
padding: 0;
line-height: 1.5;
color: black;
font-size: 1.7rem;
padding-bottom: 10px;
margin-left: 15px;
}
article h3 {
    color: #800000;
    text-transform: uppercase;
}
#red_more {
    color: #800000;
    font-weight: 600;
    font-size: inherit;
}
.modern-footnotes-footnote__note {
    display: block;
    padding: 6px;
    border-top: 1px solid gray;
    margin: 20px 0 20px 0;
    font-size: 0.8em;   
}
.breadcrumbs {
    color: #646970;
    font-family: 'Arsenal', sans-serif;
    font-size: 1.0em;
    margin: 20px 0px 10px 0px;
} 
.breadcrumbs a {
    color: #800000;
}
.rubryka {
    padding-left: 0.4em;
    padding-bottom: 0.2em;
    padding-right: 0.4em;
    padding-top: 0.2em;
    font-size: 1.4rem;
    font-style: inherit;
    font-weight: inherit;
    line-height: 1.8;
    color: #646970;
    background-color: #F1F1F1;
    display: inline-block;
    margin: 0px;
    font-family: inherit;
    border: 1px solid #c5bebe;
    border-radius: 3px;
}
.article-date {
    color: #646970;
    font-size: 1.4rem;
    margin: 20px 0px 10px 0px;
    font-family: "Arsenal";
}
.article_title {
    line-height: 1.4;
    margin-bottom: 1em;
    font-size: 24px;
    color: #3d3d3d;
    font-family: "Merriweather";
    font-style: normal;
    font-weight: 900;
}
.author {
    font-family: "Merriweather";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #677A94;
    line-height: 1.3;
}
.author {
    color: #677A94;
}
.author a {
    color: #677A94;
}
.doi {
color: #3d3d3d;
font-family: 'PT Serif', sans-serif;
font-size: 16px;
font-weight: 400;
}
.doi a {
    color: #677A94;
    font-family: inherit;
}
.doi_vol{
    border-bottom: 20px solid #F3F3F3;
    padding-bottom: 17px;
    color: #3d3d3d;
font-family: 'PT Serif', sans-serif;
font-size: 16px;
font-weight: 400;
}
.doi_vol a {
    color: #677A94;
    font-family: inherit;
}
.abstract-title {
    text-transform: uppercase;
    margin-top: 10px;
    color: #800000;
}
.abstract   {
    border-left: 3px solid #d0d1ca;
    margin: 35px 25px 20px 0px;
    padding-left: 1em;
	padding-bottom: 1.4em;
	padding-top: 0.4em;
	padding-right: 1em;
	background-color: #f5f5f5;
}
.abstract_text {
 	font-size: 1.55rem;
    font-style: inherit;
    font-weight: 300;
	line-height: 1.5;
	color: #646970;  
	font-family: 'Literata Regular', sans-serif;
	word-spacing: 1.3px;
    letter-spacing: -0.04px;
}
.abstract_text a {
	color: #646970;
	background-color: transparent;
    text-decoration: none;
    border-color: #DA9393;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.abstract a:hover {
    color: #DA9393;
}
.abstract em {
font-size: 1.55rem;
font-family: 'Literata Italic', sans-serif;
word-spacing: 1.3px;
letter-spacing: -0.04px;
color: inherit;
font-style: normal;
}
.abstract i {
font-size: 1.55rem;
font-family: 'Literata Italic', sans-serif;
word-spacing: 1.3px;
letter-spacing: -0.04px;
color: inherit;
font-style: normal;
}
.abstract b strong {
    font-size: 1.55rem;
    font-family: 'Literata Bold', sans-serif;
    word-spacing: 1.3px;
    letter-spacing: -0.04px;
    
}
.abstract strong {
    font-size: 1.55rem;
    font-family: 'Literata Bold', sans-serif;
    word-spacing: 1.3px;
    letter-spacing: -0.04px;
    
}
.pdf-icon {
    padding-left: 0.1em;
    padding-bottom: 0.4em;
    padding-right: 0.1em;
    padding-top: 0.2em;
    font-size: 2.0rem;
    font-style: inherit;
    font-weight: inherit;
    color: white;
    border-radius: 3px;
    background-color: #800000;
    color: white;
    text-align: center;
    display: block;
    font-family: 'Arsenal', sans-serif;
}
.pdf-icon a {
     color: white; 
     display: block;
}
.pdf-icon a::after {
    content: "\f1c1";
    font-family: FontAwesome;
    margin-left: 0.45em;
    font-size: 1.5em;
}
.open-access {
    font-family: 'Arsenal', sans-serif;
    margin: 20px 0px;
    color: #757575;
    margin-bottom: 6px;
    font-size: 1.3rem;
    line-height: 130%;
}
.open-access a {
    color: #677A94;
}
.open-access::before {
    content: "\f25e";
    font-family: FontAwesome;
    margin-right: 0.35em;
    font-size: 14px;
}
.copyright {
    font-family: 'Arsenal', sans-serif;
    margin: 20px 0px;
    color: #757575;
    margin-bottom: 6px;
    font-size: 1.3rem;
    line-height: 130%;
}
.copyright::before {
    content: "\f1f9";
    font-family: FontAwesome;
    margin-right: 0.35em;
}
.citation {
    background: #f7f7f7;
    padding: 5px 20px 14px 20px;
}
.citation-inner {
    font-family: 'Literata Regular', sans-serif;
    font-size: 14px;
    word-spacing: 1.3px;
    letter-spacing: -0.04px;
    background: #f7f7f7;
    line-height: 1.3;
    color: #757575;
}
.citation-inner em {
    font-family: 'Literata Italic', sans-serif;
    font-size: 14px;
    background: #f7f7f7;
    line-height: 1.3;
    color: #757575;
    font-style: normal;
    word-spacing: 1.3px;
    letter-spacing: -0.04px;
}
.widget-lang {
    font-family: 'PT Serif', sans-serif;
    border-bottom: 1px solid #d4cdcd;
    font-size: 13px;
    font-weight: 600;
    color: #7f1416;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: right;
}
.dropdown-menu {
  display: none;
  position: absolute;
  background-color: white;
  padding: 0.5rem 1rem;
  border: 1px solid #ccc;
  z-index: 1000;
  list-style: none;
  margin-top: 5px;
}

.nav-item.dropdown {
  position: relative;
}

.dropdown-menu.show {
  display: block;
}

.button-read-ukr, .button-read-ukr::after {
display:block;
width: 250px;
min-height: 76px; 
line-height: 78px;
font-size: 17px;
font-family: Arsenal, sans-serif;
background: linear-gradient(45deg, transparent 5%, #F5F5F5 5%);
border: 0;
color: #800000;
text-align: center;
outline: transparent;
position: relative;
-webkit-user-select: none;
touch-action: manipulation;
font-weight: 600;
}
@media (max-width: 767px) {
.button-read-ukr, .button-read-ukr::after {
width: auto;
        max-width: 210px;
        font-size: 15px;
        padding: 0px 20px;
        line-height: 1.4;
}
.tooltips .tooltipstext {width: auto;}
}

#toc {
    background: #f5f5f5;
    padding: 10px;
    margin: 20px 25px 20px 0;
    border: 1px solid #ddd;
}
@media (min-width: 1649px) {
    #toc {
        background: unset;
        border: unset;
        padding: 0px 0px 3px 0px;
        margin-bottom: 20px;
        position: fixed;
        top: 28%;
        width: 12%;
        left: 1%;
        border-bottom: 2px solid #e6e3c5;
        box-shadow: 6px 6px 3px #c8c8c845;
    }
} 
#toc-en {
    background: #f5f5f5;
    padding: 10px;
    margin: 20px 25px 20px 0;
    border: 1px solid #ddd;
}
@media (min-width: 1649px) {
    #toc-en {
        background: unset;
        border: unset;
        padding: 0px 0px 3px 0px;
        margin-bottom: 20px;
        position: fixed;
        top: 28%;
        width: 12%;
        left: 1%;
        border-bottom: 2px solid #e6e3c5;
        box-shadow: 10px 5px 5px #c8c8c845;
    }
}
/* Загальний стиль для пунктів навігації */
#toc ul li a {
    display: block;
    color: #333;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}

/* Зміна стилю при наведенні */
#toc ul li a:hover {
    background-color: #f0f0f0;
    color: #007bff;
}

/* Стиль для активного пункту */
#toc ul li a.active {
    font-weight: bold;
    color: #fff;
    background-color: #007bff;
    border-radius: 4px;
}
/* Загальний стиль для пунктів навігації */
#toc-en ul li a {
    display: block;
    color: #333;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}

/* Зміна стилю при наведенні */
#toc-en ul li a:hover {
    background-color: #f0f0f0;
    color: #007bff;
}

/* Стиль для активного пункту */
#toc-en ul li a.active {
    font-weight: bold;
    color: #fff;
    background-color: #007bff;
    border-radius: 4px;
}

/*--------------------------------------------------------------
АВТОРИ
--------------------------------------------------------------*/

.authors_title {
    border-bottom: 20px solid #F3F3F3;
    padding-bottom: 17px;
}
#author_info {
    font-family: "Arsenal";
    font-size: 1.3em;
    color: gray;
    font-weight: 400;
    padding: 20px 20px 0px 20px;
}
#author_info strong{font-size: inherit}
#author_info a {
    color: rgba(128, 0, 0, 0.83);
}
.affiliation {font-weight: 600;color: #800000}
.orcid {font-weight: 600;color: #92c029}
.email {font-weight: 600;color: #800000}

.author_articles {
    text-transform: uppercase;
    font-family: 'Arsenal';
    font-size: 1.4em;
    padding: 20px 20px 10px 20px;
    font-weight: 600;
    color: #731b1b;
}

/*--------------------------------------------------------------
 ABOUT, FOR AUTHORS
 --------------------------------------------------------------*/
.headings-journal-about {
background: #F1F1F1;
min-height: 30px;
padding: 4px 0px 0px 6px;
font-size: 16px;
color: #2d3d62;
margin: 30px 0px 12px 0px;
	}

.headings-separator {
	background-color: maroon;
    margin: -10px 0px 45px 0px;
	border: 0;
    height: 2px;
}
	/*--------------------------------------------------------------
 EDITORIAL BOARD
 --------------------------------------------------------------*/
.scopus {
	border: 1px solid #e9711c;
    padding: 2px 2px 2px 2px;
    color: #FFFFFF;
    background: #e9711c;
	border-radius: 50%;
    font-size: 1.3rem;
	margin-left: 10px;
}
.scopus a {
	    color: #FFFFFF;
}
.orcid_id {
	border: 1px solid #A5CD39;
    padding: 2px 2px 2px 2px;
    color: #FFFFFF;
    background: #A5CD39;
    border-radius: 50%;
    font-size: 1.3rem;
}
.orcid a {
	    color: #FFFFFF;
}

.wos {
	border: 1px solid #369;
    padding: 2px 2px 2px 2px;
    color: #FFFFFF;
    background: #369;
	border-radius: 50%;
    font-size: 1.3rem;
	margin-left: 10px;
}
.wos a {
	    color: #FFFFFF;
}

/*--------------------------------------------------------------
contents
--------------------------------------------------------------*/
#contents {
    margin-bottom: 20px;
    padding: 20px 0px 10px 10px;
    border-bottom: 1px dashed #DDD;
    background: rgba(128,128,128,0.04);
    border-top: 1px dashed #DDD; 
    font-family: "PT Serif";
} 
a.contents, a {
    color: #7F1416;
    text-decoration: none;
} 
a.contents, a:hover, a:focus, a:active{
    color: darkkhaki;
    text-decoration: none;
}
.contents_title {
    font-family: 'PT Serif', sans-serif;
}
.contents_header {
    font-weight: 500;
    position: relative;
    display: block;
    margin-bottom: 10px;
    margin-left: 8px;
    font-size: 17px;
    width: 97%;
    line-height: 1.7;
    font-family: 'PT Serif', sans-serif;
}
.contents-description p {
    font-family: 'Arsenal';
    font-size: 1.1em;
    line-height: 1.6;
    padding: 5px;
    color: #253e4a;
}
.contents-description em {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: inherit;
    color: #253e4a;
}
.contents_table {
    text-transform: uppercase;
    font-family: 'Arsenal';
    font-size: 18px;
    padding: 20px 20px 30px 20px;
    font-weight: 600;
    color: #777;
}
.contents_table_main {
text-transform: uppercase;
font-family: 'Arsenal';
font-size: 24px;
padding: 17px 0 0 0;
font-weight: 600;
color: #777;
margin-bottom: 9px;
padding-bottom: 22px;
}
.contents_header a {
    color: rgba(128, 0, 0, 0.83);
}
.contents_author {
    font-weight: 400;
	font-size: 14px;
    color: #808080;
    margin: 0px 0px 15px 8px;
    font-family: 'PT Serif', sans-serif;
}
.contents_metadata {
    margin: 0px 0px 20px 10px;
    font-size: 12px;
    font-weight: 300;
    color: #677A94;
    font-family: 'PT Serif', sans-serif;
}
.contents_metadata:first-letter {
    text-transform: capitalize;
}
.contents_ref {
    color: #B7B6B6;
    font-size: 13px;
    margin: 0px 8px 18px 8px;
    font-weight: 300;
    font-family: 'PT Serif', sans-serif;
}
.contents_pdf {
    color: #B7B6B6;
    font-size: 13px;
    margin: 0px 8px 18px 8px;
    font-weight: 300;
    float: left;
}
.contents_pdf a {
    color:rgb(128, 128, 128);
    padding-left: 0.9em;
    font-size: 1.4rem;
}

.contents_pdf a:before {
    content: "\f1c1";
    font-family: FontAwesome;
    margin-right: 0.45em;
}    
    
.contents_metrics {
    color: #B7B6B6;
    font-size: 13px;
    margin: 0px 35px 18px 8px;
    font-weight: 300;
    font-family: 'PT Serif', sans-serif;

}
.contents_metrics a {
    color:rgb(128, 128, 128);
    padding-left: 0.9em;
    font-size: 1.4rem;
}
.contents_cite {
    display: inline-block;
    padding: 0px 0px 0px 22px;
    vertical-align: top;
}
.index-volumelist {
   font-family: 'Arsenal';
   font-size: 18px;
}
.index-volumelist a {

}
.index-volumelist a:before {
    content: "\f07b";
    font-family: FontAwesome;
    margin-right: 8px;
    color: #afb4bd;
}
.index-authorlist {
   font-family: 'Arsenal';
   font-size: 18px;
}
.index-authorlist::before {
    content: "\f2c0";
    font-family: FontAwesome;
    padding: 0px 9px 0px 4px;
    color: #afb4bd;
    font-size: 0.85em;
}
.section_title::first-letter {
    text-transform: capitalize;
}

/*--------------------------------------------------------------
 news
 --------------------------------------------------------------*/
.news-date  {
    border: 0;
    font-size: 1.4rem;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    line-height: 1.3;
    color: #A2A1A1;
	margin-bottom: 14px;
    margin-top: 10px;
    font-family: "PT Serif";
   } 
.news-references  {
    border: 0;
    font-size: 1.5rem;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    line-height: 1.3;
    color: #B76B1C;
	margin-bottom: 14px;
    margin-top: 10px;
    font-family: "PT Serif";
   } 
.news   {
    border: 0;
      font-style: inherit;
    font-size: 1.7rem;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    line-height: 1.3;
    color: #A2A1A1;
	margin-top: 0px;
    margin-bottom: 5px;
    font-family: "PT Serif";
   } 
.news::before   {
	content: "\2611  ";
	color: rgba(128, 0, 0, 0.56);
	} 
.news a  {
    border: 0;
    font-family: "PT Serif";
    font-size: 1.7rem;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    line-height: 1.3;
    color: #800000;
   } 
/*--------------------------------------------------------------
header
--------------------------------------------------------------*/

.journal-logo {
    max-height: none;
    width: auto;
    height: auto;
    padding-right: 10px;
}
img {
    max-width: none;
}
.header {
  background-color: #fff;
  border-bottom: 1px solid #962e2e;
  padding: 0 0 0 0;
}

.title-website {
	font-size: 30px;color: darkkhaki; text-shadow: 1px 0 0px darkkhaki; padding-left: 10px;text-transform: uppercase; font-weight: 600;letter-spacing: -0.04em;position: relative; top: -7px;font-family: 'Arsenal', sans-serif;
}
.subtitle-website {
	font-size: 20px;padding-left: 10px;font-weight: 600;color: #850000;letter-spacing: -0.04em;position: relative; top: -8px;font-family: 'Arsenal', sans-serif;
}
.description-website {
	font-size: 17px;padding: 10px;font-weight: 600;color: #6C0000;letter-spacing: -0.02em;font-family: 'Arsenal', sans-serif; 	line-height: 1.1;
}
.top-header-section {
    background: #6C0000;
    font-size: 12px;
    padding: 2px 0;
}
.top-header-section a {
	 color: white;
}
.top-header-section .date-section {
    float: left;
    margin-right: 15px;
    color: #666363;
}

.top-header-section .date-section::before {
    content: "\f017";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 8px;
}

.top-menu ul,
#footer-navigation ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.top-menu ul li,
#footer-navigation ul li {
    border-left: 2px solid #460404;
    display: inline-block;
    line-height: 12px;
    margin-right: 10px;
    padding: 0 0 0 10px;
}

.top-menu ul li a,
#footer-navigation ul li a {
    color: #fff  !important;
}

.top-menu ul li a:hover,
#footer-navigation ul li a:hover {
    color: darkkhaki;
}

#top-header-navigation {
    float: right;
}

#footer-navigation ul li ul {
    display: none;
}

.issn {
	color: #6C0000;
	font-size: 15px;
    padding: 10px 0px 25px 10px;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: 'Arsenal', sans-serif;
	line-height: 1.6;
}

.issn a {
	color: #6C0000;
}

.issn a:hover {
	color: darkkhaki;
}

.issn a:visited {
	color: #6C0000;
}
@media (max-width:600px) { 
.title-website {
	font-size: 14px;
	top: 3px;
	line-height: 2.2;
}
.description-website {
	font-size: 11px;
	line-height: 1.1;
	}
.issn {
	font-size: 11px;	
	}
}

@media (min-width:601px) and (max-width:900px) { 
.title-website {
	font-size: 20px;
	top: 0px;
}
.description-website {
	font-size: 14px;
	top: 0px;
}
}
.nav-link, #show-modal, #languageNav .dropdown-toggle {
  color: #000;
}
.btn-primary {
  color: green;
}
.citation_dropdown_button {
    color: white !important;
}
a.dropdown-it:hover {
	color: #FFF;
}
a.back-button:hover {
	color: #FFF;
}
.page-item.active .page-link {
  	color: #FFF;
}
.nav-item.show .nav-link.dropdown-toggle {
  	background-color: transparent;
}
.pkp_navigation_primary {position: relative;display: inline-block;}
 @media (min-width: 992px){.header{padding-left: 12%;padding-right: 12%}header .nav-link{margin-left: -15px}header li:last-child .nav-link.locales-toogle-off{padding-right: 0}}
 
 .upper-header{padding-top: 7px;padding-left: 16px}.journal-logo-text{color: #fff;padding-top: 5px;font-family: 'Arsenal', serif;font-size: 22px}.journal-logo-text:focus,.journal-logo-text:hover{color: #0268b3}.journal-logo{max-height: 160px;max-width: 100%;}.logo-wraper{padding-left: 0}.logo-wraper a{border-bottom: none}

.nav-link{color: gray;font-family: 'Arsenal', sans-serif;font-size: 14px; padding: 13px 25px;}.ion-icon-text{display: inline-block;vertical-align: middle}ion-icon{vertical-align: middle}.hide{display: none}.container-page{padding-top: 40px;padding-bottom: 150px}.flex_container{display: flex}
.ukrainian{color: #7f1416;font-family: 'Arsenal', sans-serif;font-size: 14px;font-weight:600;border-bottom: 3px solid #dee2e6 !important;background: center / cover linear-gradient(180deg, #005BBB 0, #005BBB 50%, #FFD500 50%, #FFD500 100%) #eaeaea;background-blend-mode: overlay;}
.ukrainian.active{border-bottom: 3px solid #7f1416 !important;background: center / cover linear-gradient(180deg, #005BBB 0, #005BBB 50%, #FFD500 50%, #FFD500 100%) !important;color: white !important;text-shadow: 1px 1px 1px black;}
.english{color: #7f1416;font-family: 'Arsenal', sans-serif;font-size: 14px;font-weight:600;border-bottom: 3px solid #dee2e6 !important;background: center / cover url(/images/eng.svg) #f1f3f3e6; background-blend-mode: overlay;}
.english.active{border-bottom: 3px solid #7f1416 !important;background: center / cover url(/images/eng.svg) #f1f3f333 !important; background-blend-mode: overlay; color: white !important; text-shadow: 0px 2px 1px #3b0505;}
.sub-menu {
    background: #f2f2f2 none repeat scroll 0 0;
    left: 0;
    min-width: 232px;
    position: absolute;
    top: 120%;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#site-navigation {
    float: left;
}

.home-icon {
    font-size: 22px;
    padding: 0px 1px;
    background: #f54337;
}

.home-icon a,
.home-icon a:hover {
    color: #ffffff;
}

#site-navigation ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

#site-navigation ul li {

    float: left;
    line-height: 42px;
    margin: 0 1px;
    position: relative;
    text-transform: capitalize;
}

#site-navigation ul li a {
    margin: 0 1px;
    padding: 1px 25px;
    color: black;
    font-weight: normal;
    display: block;   
}

#site-navigation ul li a:hover,
#site-navigation ul li.current-menu-item a {
    color: #f54337;
}
#site-navigation ul.sub-menu, #site-navigation ul.children {
    background: #f2f2f2 none repeat scroll 0 0;
    left: 0;
    min-width: 232px;
    position: absolute;
    top: 120%;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#site-navigation ul li:hover > ul.sub-menu, #site-navigation ul li:hover > ul.children {
    opacity: 1;
    visibility: visible;
    top: 100%;
    margin-top: -6px;
}

#site-navigation ul li.focus>ul.sub-menu,
#site-navigation ul li.focus>ul.children {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
}

#site-navigation ul.sub-menu li, #site-navigation ul.children li {
    float: none;
    display: block;
    border-bottom: 1px solid #e1e1e1;
	font-size: 14px;
}

#site-navigation ul.sub-menu li:last-child, #site-navigation ul.children li:last-child {
}

#site-navigation ul.sub-menu ul, #site-navigation ul.children ul {
    right: 0;
    left: auto;
    top: 44px !important;
    bottom: 0;
}

#site-navigation ul.sub-menu li:hover > ul, #site-navigation ul.children li:hover > ul {
    top: 0;
}

#site-navigation li.menu-item-has-children > a:after, #site-navigation li.page_item_has_children > a:after{
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    top: 2px;
}

#site-navigation ul.sub-menu li.menu-item-has-children > a:after, #site-navigation ul.children li.page_item_has_children > a:after {
    content: "\f105";
}

#site-navigation ul li.menu-item-has-children a, #site-navigation ul li.page_item_has_children a {
    margin-right: 15px;
	text-transform: none;
}
.note {
    font-size: 93%;
    background: #80000014;
    color: #2c596e;
    padding-left: 20px; 
    position: relative;
}
.note::before {
    content: "ℹ️"; /* Іконка інформації */
    position: absolute;
    left: 0;
    font-size: 0.95em;
    color: #2c596e;
}

.tooltips {position: relative;display: inline-block;margin-right: 25px;font-size: 1.7rem;color:inherit;}.tooltips .tooltipstext {line-height: 1.4;visibility: hidden;width: 700px;background-color: #efedd8;color: #3f4653;text-align: left;border-radius: 6px;padding: 20px;position: absolute; z-index: 1;bottom: 125%;left: 50%;margin-left: -60px;opacity: 0;transition: opacity 0.3s;}.tooltips:hover .tooltipstext {visibility: visible;opacity: 1;}.tooltips::after { content: "i"; position: absolute; top: 32%; right: -21px; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; background-color: #7f1416; color: #fff; text-align: center; line-height: 20px; font-size: 1.0rem; font-size: 1rem;}
.tooltipstext span {font-family: 'Literata Regular', sans-serif;font-style: normal;word-spacing: 1.3px;letter-spacing: -0.04px;font-weight: 300;margin: 0;outline: 0;padding: 0;line-height: 1.5;color: #484646;font-size: 1.6rem;}

@media screen and (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;justify-content: flex-end;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color: gray;border-bottom: 3px solid #7f1416;font-size:14px;font-weight:600}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;padding:.5rem 1rem}.navbar,.navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}
@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}
@media (min-width:576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}
@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}
@media (min-width:768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}
@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}
@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}
@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}
@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}
@media (min-width:576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}
@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}
@media (min-width:768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}
@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}
@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}
@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}
@media (min-width:1200px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler,input.tagit-hidden-field,ul.tagit li.tagit-choice .tagit-close .text-icon{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}}
@media (max-width: 991px){#show-modal{padding-left: 0}}#nav-small{display: none}.nav-tabs .nav-link{border: 0}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{color: #0268b3}#navigationUser{justify-content: flex-end;border-bottom: 0}#navigationUser a,#user-nav-wraper a{font-size: 14px;border: 0}#user-nav-wraper{display: flex;justify-content: flex-end}#languageNav{border-bottom: none}#languageNav li > a{padding-left: 16px}#languageNav .dropdown-toggle{color: white;cursor: pointer}#languageNav .show #languageToggleMenulanguageNav{color: #0268b3}.task_count{background-color: white;color: #000;font-weight: bolder;display: inline-block;border-radius: 10px;padding-left: 5px;padding-right: 5px;margin-left: 3px}#user-dashboard-link:hover .task_count{background-color: #0268b3}.show #user-dashboard-link .task_count{background-color: #0268b3}.navigation-dropdown.show .task_count{display: inline-block;background-color: #000;padding-left: 7px;padding-right: 7px;border-radius: 10px;color: white;font-weight: bolder}.nav-item.show .nav-link.dropdown-toggle{background-color: #000;color: #0268b3}.dropdown-it{font-family: 'Arsenal', sans-serif;padding: .75rem 1.5rem}.dropdown-it:focus,.dropdown-it:hover,.dropdown-it:active{background-color: #0268b3;color: #000}#navigationUser .dropdown-it{font-size: 14px}.nav-tabs .dropdown-menu{border-radius: 0}.upper-header{padding-top: 7px;padding-left: 16px}.journal-logo-text{color: #fff;padding-top: 5px;font-family: 'Arsenal', serif;font-size: 22px}.journal-logo-text:focus,.journal-logo-text:hover{color: #0268b3}.journal-logo{max-height: 100px}.logo-wraper{padding-left: 0}.logo-wraper a{border-bottom: none} 

 @media (max-width: 991px){#navigationUser .nav-item.show .nav-link.dropdown-toggle,#languageNav .nav-item.show .nav-link.dropdown-toggle{background-color: #000}#modal-on-small{ }#close-small-modal{display: none}}
 @media screen and (max-width: 991px) {
     #close-small-modal {
        display: block;

  position: absolute;
  right: 0;
  top: -14px;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  height: 100%;
  width: 33%;
}
}
@media screen and (min-width: 769px) and (max-width: 991px) {
    #close-small-modal {
        width: 50%;
    }
}

 @media (max-width: 767px){#user-nav-wraper{justify-content: flex-start;padding-left: 0}#navigationUser li:first-child .nav-link{padding-left: 0}}

 @media (min-width: 992px){#modal-on-small{display: block}#close-small-modal{display: none}#navigationPrimary{border: 0;justify-content: space-between;padding-bottom: 15px}#navigationPrimary .nav-link{text-transform: uppercase}.nav-modal.hide{display: block!important}}

 @media (max-width: 991px){#show-modal{cursor: pointer;color: #fff}#show-modal:focus,#show-modal:hover{color: #0268b3}#nav-small{display: flex;border-bottom: 0;padding-bottom: 15px}#nav-small li{margin-bottom: 0}#nav-small a{border: 0;text-transform: uppercase}.nav-modal{position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: #000;background-color: rgba(0,0,0,0.4)}.nav-modal.hide{display: none}#primary-nav-wraper{position: absolute;top: 0;left: 0;height: 100%;background-color: #fefefe;margin: auto;padding-top: 20px;padding-bottom: 20px;width: 50%;overflow-y: auto}#close-small-modal{position: absolute;right: 10px;top: 0;color: #aaaaaa;font-size: 28px;font-weight: bold}#close-small-modal:hover,#close-small-modal:focus{color: gray;text-decoration: none;cursor: pointer}#navigationPrimary{display: block;border-bottom: 0}#navigationPrimary a{border: 0;color: #0a0a0a}#navigationPrimary .user-dropdown a{font-size: 18px}.nav-item.show .nav-link.dropdown-toggle{background-color: white}#navigationPrimary .navigation-dropdown.dropdown-menu{transform: translate3d(15px, 37px, 0px) !important}#navigationPrimary > li{padding-top: 8px;padding-bottom: 8px}#navigationPrimary > li:not(:last-child){border-bottom: 1px solid #ced4da}}

@media (max-width: 767px){#primary-nav-wraper{width: 67%}}
@media (max-width: 767px){ion-icon{width: 1.3rem;height: 1.3rem}}

#modal-on-small{}
.navig {
    margin-bottom: -7px !important;
}
.navig a:hover {
    background: #eaeaed;
}
/*--------------------------------------------------------------
footer
--------------------------------------------------------------*/
footer{font-family: 'Arsenal', sans-serif;}
footer p,footer li,footer a{font-size: 16px;font-family: 'Arsenal', sans-serif}
footer ul{padding-left: 0;list-style-type: none}
footer a{color: inherit}
footer a:hover{color: #fff}
.sidebar_wrapper{display: flex;flex-wrap: wrap}
.sidebar_wrapper + .additional-footer-info{margin-top: 40px;padding-top: 35px;border-top: 1px solid #fff}.footer-brand-image{width: 100px}
.site-footer{background-color: #f7f7f7;border-top: 1px solid #962e2e;padding-top: 40px;padding-bottom: 40px}
.container-footer{padding-left: 7%;padding-right: 7%}
.additional-footer-info{display: flex;justify-content: flex-end;flex-wrap: wrap}
.user-page-footer{max-width: 75%;flex: 0 0 75%}
.user-page-footer p{margin-bottom: 6px;color:#636161;}
.user-page-footer{max-width: 100%;flex: 0 0 100%}
.sidebar_wrapper + .additional-footer-info{margin-top: 40px;padding-top: 35px;border-top: 1px solid #fff}
.footer-brand-image{width: 100px}
.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px){.container-fluid{flex-wrap:nowrap}}
@media (max-width:1199.98px){.container-fluid{padding-right:0;padding-left:0}}
@media (min-width:1200px){.container-fluid{flex-wrap:nowrap;padding-right:0;padding-left:0}}

/* Large desktop */
@media (min-width: 1000px) {
    #site-navigation {
        display: block !important;
    }
}

@media (max-width: 1200px) {
    .boxed_layout #page {
        width: 100%;
    }
    .mt-container {
        width: 100%;
        padding: 0 2%;
    }
}

@media (max-width: 979px) {
    .site-branding {
        float: none;
        text-align: center;
    }
    .custom-logo-link {
        margin: 0 0 15px;
    }
    .mt-featured-slider-wrapper,
    .featured-post-wrapper {
        float: none;
        margin: 0;
        width: 100%;
    }
    .editorialSlider img {
        width: 100%;
    }
    .featured-post-wrapper {
        margin-top: 12px;
    }
    .featured-slider-section .editorial_block_grid .post-meta-wrapper {
        display: none;
    }
    .featured-slider-section .editorial_block_grid .post-content-wrapper .post-title a {
        font-size: 15px;
    }
}


/* Portrait tablet to landscape and desktop */

@media (min-width: 769px) and (max-width: 1200px) {
    #site-navigation {
        display: block !important;
    }
}


/* Landscape phone to portrait tablet */

@media (max-width: 200px) {
    .home-primary-wrapper,
    .home-secondary-wrapper {
        float: none;
        width: 100%;
    }
    #top-footer.column1 .mt-footer-widget,
    #top-footer.column2 .mt-footer-widget,
    #top-footer.column3 .mt-footer-widget,
    #top-footer.column4 .mt-footer-widget {
        float: none;
        margin: 0;
        width: 100%;
    }
    .mt-footer-widget-wrapper {
        margin-left: 0;
    }
    .menu-toggle {
        display: block;
    }
    #site-navigation {
        background: #f2f2f2 none repeat scroll 0 0;
        display: none;
        left: 0;
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 99;
    }
    .bottom-header-wrapper {
        position: relative;
    }
    #site-navigation ul li {
        display: block;
        float: none;
    }
    .sub-toggle {
        background: #F54337 none repeat scroll 0 0;
        color: #ffffff;
        cursor: pointer;
        display: block;
        height: 24px;
        line-height: 25px;
        position: absolute;
        right: 15px;
        text-align: center;
        top: 6px;
        width: 24px;
    }
    #site-navigation ul > li:hover > .sub-toggle,
    #site-navigation ul > li.current-menu-item .sub-toggle,
    #site-navigation ul > li.current-menu-ancestor .sub-toggle {
        background: #BA2A1A;
    }
    .main-small-navigation li.current-menu-item > .sub-toggle {
        background: #ffffff none repeat scroll 0 0;
    }
    .main-small-navigation li.current-menu-item > .sub-toggle i {
        color: #d40234;
    }
    .menu-primary-container .sub-menu,
    #site-navigation li.menu-item-has-children > a::after {
        display: none;
    }
    #site-navigation ul.sub-menu,
    #site-navigation ul.children {
        position: static;
        min-width: 100%;
        opacity: 1;
        top: 0;
        left: 0;
        visibility: visible;
        display: none;
        background: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    #site-navigation ul > li:hover > .sub-menu,
    #site-navigation ul > li:hover > .children {
        top: 0;
    }
    #primary,
    .home.blog #primary,
    #secondary,
    .home.blog #secondary,
    .left-sidebar #secondary,
    .left-sidebar #primary {
        float: none;
        width: 100%;
    }
    #secondary,
    .home.blog #secondary {
        margin-top: 20px;
    }
    .search-results .entry-title,
    .archive .entry-title,
    .single .entry-title,
    .entry-title {
        font-size: 18px;
    }
    .archive.archive-classic .entry-title a::after {
        bottom: -10px;
    }
}


/* Landscape phones and down */

@media (max-width: 600px) {
    .editorial_block_grid .column-3-layout .single-post-wrapper {
        margin: 0 0 12px;
        width: 100%;
    }
    .editorial_block_grid .column-3-layout .block-posts-wrapper {
        margin: 0;
    }
    .editorial_block_grid .single-post-wrapper img {
        width: 100%;
    }
    .featured-slider-section .editorial_block_grid .post-content-wrapper .post-title a {
        font-size: 18px;
    }
    .editorial_block_grid .column-2-layout .single-post-wrapper,
    .editorial_block_grid .column-3-layout .single-post-wrapper,
    .editorial_block_grid .column-4-layout .single-post-wrapper,
    .home-primary-wrapper .editorial_block_column {
        float: none;
        margin-left: 0;
        width: 100%;
    }
    .mt-column-wrapper,
    .editorial_block_grid .block-posts-wrapper,
    .home-primary-wrapper .editorial_block_column-wrap {
        margin-left: 0;
    }
    .mt-column-1,
    .mt-column-2,
    .mt-column-3,
    .mt-column-4 {
        margin: 0 0 20px;
        width: 100%;
        float: none;
    }
    .top-social-wrapper {
        display: block;
        float: none;
        text-align: center;
    }
    .top-header-section .date-section,
    #top-header-navigation {
        display: inline-block;
        float: none;
    }
    .top-left-header {
        text-align: center;
        margin-bottom: 5px;
    }
    #bottom-footer .site-info,
    #footer-navigation {
        float: none;
        text-align: center;
        margin: 5px 0;
    }
    .featured-slider-section .editorial_block_grid .post-meta-wrapper {
        display: block;
    }
    .archive-columns .archive-content-wrapper article {
        margin-left: 0;
        width: 100%;
    }
    .archive-columns .archive-content-wrapper {
        margin-left: 0;
    }
    .archive-columns .archive-content-wrapper article img {
        width: 100%;
    }

    .ticker-caption::after {
        display: none;
    }

    .ticker-caption {
        display: block;
        float: none;
        padding: 5px 0;
        text-align: center;
        width: 100%;
    }

    .ticker-content-wrapper {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .editorial_featured_slider .slide-title {
        line-height: 24px;
    }
    .editorial_featured_slider .slide-title a {
        font-size: 16px;
        line-height: 10px;
    }
    .featured-left-section,
    .featured-right-section {
        float: none;
        width: 100%;
    }
    .featured-right-section {
        margin-top: 10px;
    }
    .editorial_block_list .post-thumb-wrapper {
        float: none;
        width: 100%;
    }
    .editorial_block_list .post-content-wrapper {
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }
}
/*Пошук------------------------------------------------------------------------------------------------------------------------------------------------- */
form, label {
    border: 0;
    font-family: inherit;
    font-size: 1.6rem;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 4px 0px 5px 20px;
    line-height: 1.6;
    color: #1D1D1D;
}
input[type="search"] {
    padding: 3px 6px;
    color: #666;
    border: 1px solid #ccc;
    height: 30px;
    width: 400px;
    -webkit-appearance: none;
    font-family: "Arsenal";
    font-style: normal;
    font-weight: 400;
    
}
input[type="text"] {

    font-family: "Arsenal";
}
.button_s {
    background: #460404 !important;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    line-height: 13px;
    height: 33px;
    border: none;
    padding: 10px 15px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    text-shadow: none;
    margin-top: 1px;
}
.search-form {
    display: block;
    background: #7f1416;
    padding: 0px;
    border-bottom: 10px solid white;
}
.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    word-wrap: normal!important;
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
}
ul#results {
    font-family: "Arsenal";
	display: none;
	list-style-type:none;
	width:270px;
	height: auto !important;
	margin:4px 0 0;
	padding:2px 4px;
	border: 1px solid #900000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;
	-moz-box-shadow: rgba(0,0,0,.15) 0 1px 3px;
	box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;
	overflow-y:auto;
	position: absolute;
    top: 39px;
    left: 0;
    height: 100%;
    background-color: #fefefe;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 50% !important;
    overflow-y: auto;
    z-index: 9;
	}
	ul#results li {
	margin: 0;
	padding: 4px 4px 5px;
	cursor: pointer;
	transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in-out;
	}
	ul#results li:hover {
	background-color: #e5e2e2;
	}
	ul#results li:first-child {
	border-top: none;
	}
	ul#results li p {
	margin:2px 0 0;
	padding: 5px;
	transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-webkit-transition: color .3s ease-in-out;
	color: #616161;
	line-height: 1.2em;
	font-weight: normal;
	}
	ul#results li p {
	color:#616161;
	font-size:15px;
	}
	ul#results li:hover p{
	color: #900000;
	}
	
#wlcm {
    background-color: rgba(255,255,255,0.9);
    padding: 30px 20px 30px 20px;
    margin: auto;
    max-width: 1000px;
    color: #545b62;
}
#welcome {
    background-image: url(/images/background.jpg);
    padding: 96px 0;
    background-position: center;
    background-size: 100%;
    height: fit-content;
}
.welcome-title {
    text-align:center;
    font-size:1.2em;
}
.announcement-card{
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    
}
.announcement-card:hover{
    transform: translateY(-6px);
box-shadow: 0 12px 24px rgba(0,0,0,0.08);
}
#info-container {
   display:flex; 
   justify-content: center; 
   flex-direction: row; 
}
#info-blocks {
    display:inline; 
    width: 30%;
    margin: 10px;
    background-color: #fdfdfd;
    padding: 1px 20px 1px 20px;
    color: #53667d;
    box-shadow: 2px 2px 2px 2px #d0d0d0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#info-blocks a {
    color: #53667d;
}
#info-blocks:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.08);
}
@media (max-width:1190px) {
 #info-container {
   display:flex; 
   justify-content: center; 
   flex-direction: column; 
} 
 #info-blocks {
    width: 97%;
    margin: 10px;
    background-color: #eee;
    padding: 1px 20px 1px 20px;
    color: #53667d;
 }
}	
.exp{
border-left: 5px solid #efedd8;
padding-left: 10px;
margin-left: 10px;
background: #fbfbfa;
}
.dropdown-it{
padding:6px 12px !important;
font-size: 1.1em;
background: #fffef3;
line-height: 2 !important;
}
.citation-badge {padding: 5px 10px;border-radius: 50%;background-color: #007bff;
color: white;font-size: 16px;font-weight: bold;text-align: center;
min-width: 50px;min-height: 50px;line-height: 50px;}

.citation-badge.show-number {background-color: #fdc530;}

.citation-badge:not(.show-number) {background-color: #f0ad4e;color: white;}
.citation-badge:hover {background-color: gray}
.citat {color: inherit}   
.citat:hover {color: #800000 !important}
.exprt{background: #d3cfa8;padding: 5px;margin: 15px 1px 8px 1px;border-radius: 4px;display: inline-block;}