:root {
  --bs-blue: #3763f4;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #e33cd1;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #00b779;
  --bs-teal: #00b4c9;
  --bs-cyan: #00b4c9;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #4e5d78;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f5f6f8;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #4e5d78;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #2d2d2d;
  --bs-primary: #2d2d2d;
  --bs-secondary: #e33cd1;
  --bs-success: #00b779;
  --bs-info: #00b4c9;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f5f6f8;
  --bs-dark: #343a40;
  --bs-primary-rgb: 55, 99, 244;
  --bs-secondary-rgb: 227, 60, 209;
  --bs-success-rgb: 0, 183, 121;
  --bs-info-rgb: 0, 180, 201;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 245, 246, 248;
  --bs-dark-rgb: 52, 58, 64;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 45, 45, 45;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --bs-font-serif: Georgia, "Times New Roman", Times, serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-serif);
  --bs-body-font-size: 0.8rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.6;
  --bs-body-color: #2d2d2d;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.2rem;
  --bs-border-radius-sm: 0.2rem;
  --bs-border-radius-lg: 0.2rem;
  --bs-border-radius-xl: 0.2rem;
  --bs-border-radius-2xl: 0.2rem;
  --bs-border-radius-pill: 10rem;
  --bs-link-color: #3763f4;
  --bs-link-hover-color: #2c4fc3;
  --bs-code-color: #e33cd1;
  --bs-highlight-bg: #fff3cd;

  --bs-accent-color: var(--bs-green);
}

::selection {
  background: var(--bs-accent-color);
}

/* unvisited link */
a:link {
  color: var(--bs-accent-color);
  text-decoration: none;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  font-weight: 500;
}

/* visited link */
a:visited {
  color: var(--bs-accent-color);
}

/* mouse over link */
a:hover {
  filter: brightness(0.85);
}

h1 {
  padding-top: 2rem;
  padding-bottom: 1rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
}

h2 {
  padding-top: 2rem;
  padding-bottom: 1rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
}

h3 {
  padding-top: 2rem;
  padding-bottom: 1rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
}

h4 {
  padding-top: 2rem;
  padding-bottom: 1rem;
  font-size: 28px;
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
}

h5 {
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
}

h6 {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: medium;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
}

#navbar-main a:link {
  color: var(--bs-white)
}

#navbar-main a:hover {
  color: var(--bs-primary);
}

#navbar-main li a::after {
  content: '';
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1em;
  background-color: var(--bs-white);
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
}

#navbar-main li a:hover::after,
#navbar-main li a:focus::after {
  opacity: 1;
}

.navbar-collapse {
  margin: 0;
  background: var(--bs-primary);
}


img {
  filter: grayscale(100%);
}





/* selected link
a:active {
  color: blue;
} */


#navbar-main .btn {
  --bs-btn-color: #2d2d2d;
  --bs-btn-border-width: 1px;
  /* --bs-btn-border-color: transparent; */
  --bs-btn-border-radius: 0.2rem;
  --bs-btn-hover-border-color: transparent;
  /* --bs-btn-hover-color: var(--bs-primary); */
  /* --bs-btn-active-color: var(--bs-white); */
  color: white;
  /* --bs-btn-active-color: var(--bs-primary); */
  height: 3rem;
}

.pt-5 {
  padding-top: 1rem !important;
  padding-bottom: 1rem;
}

#navbar-main {
  height: 4.5rem;
  background: var(--bs-primary);
  font-family: var(--bs-font-sans-serif);
}


/* #navbar-main .navbar-brand {
  font-weight: 700;
  height: 3rem;
} */

.navbar-brand img {
  height: 3rem;
}

.navbar-nav li {
  margin-left: 1rem;
  margin-right: 1rem;
}

/* #logo-navbar {
  width: 3rem;
} */

#footer-main {
  background-color: var(--bs-primary);
}

#footer-logo img {
  height: 3rem;
}


.common-grid {
  columns: 2;
  column-gap: 3rem;
  align-items: center;
  padding-bottom: 3rem;
}

.common-grid p > section {
  margin-top: 0;
  -webkit-margin-after: 0;
}

.about-content {
  padding-top: 3rem;
  padding-bottom: 4.5rem;
}

.about-content p {
  font-size: 20px;
  font-family: Alegreya, serif;
  /* text-align: justify; */
  text-indent: 60px;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
}

.about-content h3 {
  padding-top: 2rem;
  padding-bottom: 1rem;
  font-size: 28px;
  font-family: "Martian Mono", sans-serif;
  font-weight: 800;
}

.about-content h4 {
  padding-top: 1rem;
  padding-bottom: 0rem;
  text-indent: 60px;
  font-size: 18px;
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
}

.about-content blockquote p {
  text-indent: 0px;
  padding-left: 60px;
}

.about-content hr {
  margin: 0;
  padding-bottom: 2rem; 
  border-top: 4px solid black;
  opacity: 1;
}



#article-header {
  width: 100%;
  border-style: none;
  position: static;
  color: var(--bs-white);
  background: radial-gradient(
    farthest-corner at 40px 40px,
    var(--bs-gray-800) 0%, 
    var(--bs-primary) 70%);
  background-position: 0 0;
  /* font-family: Alegreya, serif; */
  font-size: 16px;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  padding: 48px;
}

#article-title-ru {
  padding-right: 3rem;
  text-align: justify;
  line-height: 3;
  font-family: "Martian Mono", sans-serif; 
  font-size: 60px; 
  font-weight: 500;
}

#article-title-en {
  /* font-family: 'Rubik Mono One', sans-serif; */
  font-size: 24px;
  font-weight: 700;
}

#character_justify {
  color: var(--bs-white);
  text-align: justify;
  text-justify: inter-character; 
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  line-height: 2;
}

#article-header-info {
  margin: 10px;
  color: var(--bs-white);
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
}

#article-header-info .row{
  padding-bottom: 1rem;
}

#article-header-info strong{
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
}

.article-header-author {
  font-family: 'Oswald', sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.article-header-udk {
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  font-weight: 700;
}

/* #character_justify {
  color: var(--bs-white);
  position: relative;
  width: 100%;
  font-size: 32pt;
  padding: 0;
} */

/* #character_justify * {
  margin: 0;
  padding: 0;
  border: none;
} */

#article-header-comment {
  padding-top: 1rem;
  color: var(--bs-white);
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
}

#article-content {
  padding-top: 4rem;
  padding-bottom: 1rem;
  font-size: 20px;
}

.article-text p {
  padding-right: 1rem;
  padding-bottom: 1rem;
  font-size: 20px;
  font-family: Alegreya, serif;
  /* text-align: justify; */
  text-indent: 60px;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
}

.article-text blockquote p {
  text-indent: 0px;
  padding-left: 60px;
}


.footnote-ref {
  font-family: var(--bs-font-sans-serif);
  font-size: 16px;
  font-weight: 700;
  font-stretch: extra-expanded;
  /* vertical-align: super; */
  color: var(--bs-accent-color);

}

.footnote-item ol {
  /* font-family: var(--bs-font-monospace); */
  /* font-family: 'Oswald', sans-serif; */
  /* font-family: 'Roboto', sans-serif; */
  font-family: 'Rubik', sans-serif;
  font-weight: 300;
  font-size: 13px;
  text-indent: 0px;
  /* text-align: justify; */
  overflow-wrap: break-word;
}

.footnote-item p {
  /* font-family: var(--bs-font-monospace); */
  /* font-family: 'Oswald', sans-serif; */
  /* font-family: 'Roboto', sans-serif; */
  font-family: Alegreya, serif;
  font-weight: 300;
  font-size: 18px;
  text-indent: 0px;
  /* text-align: justify; */
  padding-top: 0;
  padding-bottom: 0;
  overflow-wrap: break-word;
}

.bibliography ol {
  font-family: 'Rubik', sans-serif;
  font-weight: 300;
  font-size: 13px;
  text-indent: 0px;
  overflow-wrap: break-word;
}

.bibliography ol p {
  /* font-family: var(--bs-font-monospace); */
  /* font-family: 'Oswald', sans-serif; */
  /* font-family: 'Roboto', sans-serif; */
  font-family: Alegreya, serif;
  font-weight: 300;
  font-size: 18px;
  text-indent: 0px;
  /* text-align: justify; */
  padding-top: 0;
  padding-bottom: 0;
  overflow-wrap: break-word;
}

/* 
.footnotes {
  font-family: Alegreya, serif;
  /* font-family: 'Rubik', serif; */
  font-weight: 300;
  font-size: 14px;
  padding-top: 2rem;
  padding-bottom: 2rem;
} */

.footnotes {
  font-family: Alegreya, serif;
  /* font-family: 'Rubik', serif; */
  font-weight: 300;
  font-size: 14px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.footnotes h3 {
  padding-top: 2rem;
  padding-bottom: 1rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
}


.image-row {
  padding-top: 2rem;
  padding-bottom: 4rem;
}

.image-annatation {
  /* color: var(--bs-blue); */
  /* font-family: var(--bs-font-monospace); */
  font-family: 'Oswald', sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-align: right
  /* text-align: justify; */
}

.image {
  padding-right: 1rem;
}


/* Carousel */

.gallery {
  background: #fff;
}

.gallery-row {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  border-style: none;
  position: static;
  padding-top: 2rem;
  padding-bottom: 6rem;
}

.gallery-cell {
  width: 66%;
  height: 550px;
  /* margin-right: 10px; */
  margin-left: 1rem;
  margin-right: 1rem;
  /* background: #8C8; */
  counter-increment: gallery-cell;
  border: 0;
  border-radius: 0.2rem;
}

.gallery-image {
  height: 100%; 
  width: 100%;
  object-fit: contain;
  border-radius: 0.2rem;
}




/* #navbar-main img {
  height: 3rem;
} */

.bibliography {
  font-family: Alegreya, serif;
  /* font-family: 'Rubik', serif; */
  font-weight: 300;
  font-size: 18px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.bibliography h3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
}

/* .bibliography p {
  display: list-item;
  list-style-position: inside;
} */


/* .bibliography {
  font-size: 16px;
  font-family: Alegreya, serif;
  padding-top: 6rem;
} */

#about {
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  font-weight: 300;
  padding-top: 4rem;
  padding-bottom: 6rem;
}

#about .col {
  padding-left: 1rem;
  padding-right: 1rem;
}

#about p {
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
  font-size: 16px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}


.authors-grid {
  /* columns: 2;
  column-gap: 1rem; 
  align-items: center; */
  padding-top: 3rem;
  padding-bottom: 4.5rem;
}

.authors-card {
  break-inside: avoid-column;
}

.authors-list {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.authors-list p {
  font-family: Alegreya, serif;
  font-weight: 500;
  font-size: 20px;
  padding-left: 4rem;
  padding-bottom: 0rem;
}

.authors-list a {
  color: var(--bs-accent-color);
  /* color: #000; */
  padding-bottom: 0rem;
}

.authors-list a:hover {
  text-decoration: underline;
}

.authors-list-not-empty {
  color: var(--bs-accent-color);
}

/* issues list */

.issues-grid {
  padding-top: 3rem;
  padding-bottom: 4.5rem;
}

.issues-card {
  break-inside: avoid-column;
  padding-bottom: 3rem;
}

.issues-card img {
  object-fit:contain;
  width: 100%;
  filter: brightness(1) grayscale(0%);
  border-radius: 0.2rem;
  padding-bottom: 0.5rem;
  transition: all 0.5s ease;
}

.issues-card img:hover {
  filter: brightness(0.8)
}

.issues-card a {
  font-size: 20px;
  font-family: 'Oswald', sans-serif;
  color: #000;
}

.issues-card a:hover {
  text-decoration: underline;
}






.authors-list h3 {
  padding-top: 2rem;
  padding-bottom: 1rem;
  font-family: 'Oswald', sans-serif;
  /* font-family: "Martian Mono", sans-serif;  */
  font-weight: 500;
}


.contents-list {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.contents-list p {
  font-family: Alegreya, serif;
  font-weight: 500;
  font-size: 20px;
  padding-left: 4rem;
  padding-bottom: 1rem;
}

.contents-list strong {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 20px;


}



.contents-list a {
  color: #000;
  padding-bottom: 1rem;
}

.contents-list a:hover {
  text-decoration: underline;
}

.contents-list h3 {
  padding-top: 2rem;
  padding-bottom: 1rem;
  font-family: "Martian Mono", sans-serif;
  font-weight: 500;
}

.contents-list h1 {
  padding-top: 2rem;
  padding-bottom: 1rem;
  font-family: "Martian Mono", sans-serif; 
  font-weight: 800;
  padding-bottom: 3rem;
}



/* banner */

.banner {
  background-color: var(--bs-accent-color);
  /* background-image: url('../../assets/img/Screenshot-2022-11-10-at-16.30.23.jpg'); */
  margin: 0;
  padding: 0;
  height: 10rem;
  position:sticky;
  overflow: hidden;
  clip-path: inset(0)
}

.banner-cliped-image {
  padding: 0;
  margin: 0;
  width: 1400px;
  height: 1400px;
  clip-path: url(#banner-clip-mask);
  position: absolute;
  overflow: hidden;
}

.banner-logo {
  position: absolute;
  /* height: 10rem; */
  /* z-index: 1; */
}

.footer {
  font-family: var(--bs-font-sans-serif);
}

.card-link {
  font-family: var(--bs-font-sans-serif);
}

.archive img {
  object-fit: cover;
}

.article-header {
  padding: 20px;
  background-color: var(--bs-gray-dark);
}

.article-header {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
}


/* .article-text p:has(> img) {
  text-indent: 0px;
} */

.article-image {
  padding-bottom: 2rem;
}

.article-image img {
  border-radius: 0.2rem;
  max-height: 36rem;
  object-fit:contain;
  width: 100%;
}

.article-image .caption {
  padding-top: 1rem;
  font-family: var(--bs-font-monospace);
  /* font-family: "Martian Mono", sans-serif; */
  text-align: right;
  font-size: 12px;
  font-weight: 500;
}

.cards-grid {
  columns: 1;
  column-gap: 3rem;
  align-items: center;
}

/* @include media-breakpoint-up(sm) {
  .cards-grid {
    columns: 2;
  }
}

@include media-breakpoint-up(md) {
  .cards-grid {
    columns: 3;
  }
} */

@media (min-width: 768px) {
  .cards-grid {
    columns: 2;
  }
}

@media (min-width: 992px) {
  .cards-grid {
    columns: 3;
  }
}

.card {
  --bs-card-spacer-y: 0.5rem;
  --bs-card-spacer-x: 0.5rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: 0;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 0.2rem;
  --bs-card-inner-border-radius: 0.2rem;
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 25%;
  height: var(--bs-card-height);
  word-wrap: break-word;
  /* background-color: var(--bs-card-bg); */
  background-clip: border-box;
  border: 0;
  border-radius: var(--bs-card-border-radius);
  padding-bottom: 3rem;
}

.card-title a {
  color: var(--bs-primary);
}

.card-title a:hover {
  color: var(--bs-accent-color);
  filter: brightness(0.85);
}

.card-title {
  padding-top: 0.5rem;
  margin-bottom: var(--bs-card-title-spacer-y);
  font-family: 'Oswald', sans-serif;
  text-align: justify;
  font-weight: 700;
  font-size: 26px;
}

.card-img, .card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  /* margin: 0.5rem; */
  color: var(--bs-card-color);
  overflow-wrap: break-word;
  font-family: Alegreya, serif;
  font-size: medium;
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
}

.card-body p {
  padding-top: 0.5rem;
}


@keyframes vignette-hover {
  from {
    box-shadow: 0 0 200px rgba(0, 0, 0, 0.0) inset;
  }
  to {
    box-shadow: 0 0 200px rgba(0, 0, 0, 0.9) inset;
  }
}


.vignette {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 80%);
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.card:hover .vignette {
  opacity: 1;
}



.card {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.card img {
  display: block;
  width: 100%;
  height: auto;
  filter: brightness(1) grayscale(100%);
  transition: all 0.5s ease;
}

.card:hover img {
  filter: brightness(0.8) grayscale(100%);
}

.card::before img {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse at center, transparent 40%, rgba(0, 0, 0, 0.8) 100%);
  opacity: 0;
  transition: opacity 0.5s ease;
}

.card:hover::before {
  opacity: 1;
}

.card-img {
  width: 100%;
  height: auto;
  display: block;
}

.card-link {
  font-family: var(--bs-font-sans-serif);
  font-size: 14px;
  font-weight: 700;
  font-stretch: extra-expanded;
  /* vertical-align: super; */
  color: var(--bs-accent-color);
  padding-top: 1rem;
}

.card-links {
  padding-top: .5rem;
}









.issue-list-of-content {
  padding-top: 3rem;
  padding-bottom: 4.5rem;
}

.issue-list-of-content h3 {
  padding-top: 2rem;
  padding-bottom: 0rem;
  font-size: 32px;
  font-family: "Martian Mono", sans-serif;
  font-weight: 800;
}

.issue-list-of-content h4 {
  padding-top: 2rem;
  padding-bottom: 1rem;
  font-size: 28px;
  font-family: "Martian Mono", sans-serif;
  font-weight: 800;
}

.issue-list-of-content h5 {
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-indent: 50px;
  font-size: 24px;
  font-family: 'Oswald', sans-serif;
  font-weight: 800;
}

.issue-list-of-content p {
  padding-left: 100px;
  font-family: Alegreya, serif;
  font-weight: 500;
  font-size: 20px;
  padding-bottom: 1rem;
}

.issue-list-of-content hr {
  /* display: block;
  height: 10px;
  border: 0;
  border-top: 10px solid;
  background-color:#000;
  border-color:#000;
  margin: 1em 0; */
  margin: 0;
  padding-bottom: 2rem; 
  border-top: 4px solid black;
  opacity: 1;
}


.issue-list-of-content a:link {
  color: var(--bs-green);
  text-decoration: none;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  font-weight: 500;
}

.issue-list-of-content a:hover {
  color: var(--bs-green);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  font-weight: 500;
}

.issue-list-of-content a:visited {
  color:  var(--bs-green);
}

.issue-list-of-content strong {
  font-size: 20px;
  /* font-family: "Martian Mono", sans-serif; */
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
}

.issue-list-of-content img {
  width: 100%;
  border-radius: 0.2rem;
  filter: none;
}

.issue-list-of-content .text {
  padding-left: 4rem;
}