/*Custom CSS*/
/*Load MinionPro - font for book covers*/
@font-face {
  font-family: MinionPro;
  font-weight: 300;
  src: url("../fonts/MinionPro-Regular.otf") format("opentype");
}
@font-face {
  font-family: MinionPro;
  font-weight: 500;
  src: url("../fonts/Minion Pro Medium Subhead.otf") format("opentype");
}
@font-face {
  font-family: MinionPro;
  font-weight: 700;
  src: url("../fonts/MinionPro-SemiboldSubh.otf") format("opentype");
}

/*Main font family, line height and letter-spacing */
body {margin-top: 0;}
body, h1, p {font: 18px/1.6 Arial, Helvetica, sans-serif; letter-spacing: 0.4px;}

/*Use font for book covers*/
.book_cover, h1, .book_cover p {font-family: MinionPro, serif;}

/*Book cover*/
.book_cover, .book_cover p {text-align: center;}
h1 {font-size: 55px; margin-top: 0; font-weight: bold; line-height: 1.1;}
h2.Subhead---1-Line,
h3.Subhead---1-Line {text-align: center;}
h2.Subhead---1-Line {font-size: 30px; margin: 60px 0 10px; }
h3.Subhead---1-Line {font-size: 20px;  margin: 30px 0 20px; }
p.Subehead---Multi, p.Subehead---Single {font-size: 23px; line-height: 1.4; margin-top: 70px; font-weight: bold;}
.author_name { font-size: 25px; margin-top: 80px; margin-bottom: 90px;}
.translation_year {font-size: 14px; }

/* Mobile styles for the Book cover */
@media only screen and (max-width: 550px) {
  h1 {font-size: 30px}
  h2.Subhead---1-Line {font-size: 25px;}
  h3.Subhead---1-Line {font-size: 19px;}
  p.Subehead---Multi, p.Subehead---Single {font-size: 21px;}
}

/*Navigation*/
.book_navigation_title {font-size: 22px; text-align: center; margin-bottom: 20px;}

/*Main tags*/
p {text-align: justify;}
hr {border: 1px solid #c0c0c0; border-bottom: unset;}

/*Remove link underline, because it crosses/eats parts of literas in Ukrainian*/
a, .book_navigation a {text-decoration: none;}

/*Content width*/
.responsive-table {max-width: 640px;}
table {border-spacing: 0;}

/*Header && footer*/
.header {border-bottom: #c0c0c0 1px solid; padding-bottom: 5px; padding-top: 3px;}
.header .fontSize {margin-top: 3px;}
.footer {margin-top: 80px;} /*Add more space below the main text*/
.boldtitlearticles.crumb.bottom {border-color: #c0c0c0; padding-top: 12px;}
.boldtitlearticles {font-weight: normal;}

/*Paragraph with images*/
p.has-images {display: flex; justify-content: center; gap: 20px;}
p.has-images img {max-width: 100%; width: 200px;}
/* Footnotes*/
p[sm] {line-height: 1.3; font-size: 15px; margin-bottom: 10px; font-style: italic;}

/* FZN 2-column style*/
.Sketches {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}
.Sketches p {text-align: center;}
/*FZN mobile version*/
@media only screen and (max-width: 600px) {
  .Sketches {display: block; text-align: center;}
  .Sketches > div {width: 100% !important;}
  .Sketches .image_container {margin-top:0;}
  .Sketches .right, 
  .Sketches .left {margin-top: 30px;}
}