/*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;}
p.Subehead---Multi, p.Subehead---Single {font-size: 23px; line-height: 31px; 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}
  p.Subehead---Multi, p.Subehead---Single {font-size: 21px;}
}

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

/*Main tags*/
h2 {margin: 50px 0 20px; font-size: 22px;}
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;}

/*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;}

/* 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;}
}