/*
 * EN: This file has been prepared for you to add your personal CSS styles
 * IT: Questo file è stato predisposto per accogliere regole CSS personalizzate
 */

/* CUSTOM STYLES: CLASSNUM */

body {
  font-family: "Libertinus Serif", Times, Junicode, serif;
  /*  font-size: 150%;*/
}

#text {
  text-align: justify;
}

/* space between paragraphs */
p {
  margin-bottom: 12px;
}

/* display of text in dipl and interp */
#text_frame div,
#text_frame-add div {
  padding-bottom: 0px;
  padding-top: 0px;
}

/* display of headings in dipl and interp */
/*#text_frame h1[data-tagname="head"],
#text_frame-add h1[data-tagname="head"] {*/
h1[data-tagname="head"] {
  font-weight: bold;
  padding-bottom: 1.5em;
}

#text_frame h1[data-tagname="head"] {
  padding-top: 30px;
}

/* display of p containing sources */
p[data-ana="source"] {
  padding-top: 1.5em;
  text-align: right;
}

/* display of transl div */
div[class="translation_text"]:first-child {
  margin-top: 100px;
}

/* display of title page (front matter) */

#text[data-doc="ovid_metamorphoses"] {
  display: inline;
  vertical-align: middle;
}

#text_frame[data-page="ovid_metamorphoses_front"] {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#text_frame[data-page="ovid_metamorphoses_front"] div div {
  font-size: 1em;
}

#text_frame[data-page="ovid_metamorphoses_front"] h1[data-type="main"] {
  font-size: 200% !important;
  font-style: italic;
  padding-top: 5em;
  padding-bottom: 1em;
  color: grey;
}

#text_frame[data-page="ovid_metamorphoses_front"] h1[data-type="sub"] {
  padding-bottom: 1.5em;
}

#text_frame-add[data-page="ovid_metamorphoses_front"] {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#text_frame-add[data-page="ovid_metamorphoses_front"] div div {
  font-size: 1em;
}

#text_frame-add[data-page="ovid_metamorphoses_front"] h1[data-type="main"] {
  font-size: 200% !important;
  font-style: italic;
  padding-top: 5em;
  padding-bottom: 1em;
  color: blue;
}

#text_frame-add[data-page="ovid_metamorphoses_front"] h1[data-type="sub"] {
  padding-bottom: 1.5em;
}

span[data-tagname="hi"] {
  font-weight: bold;
}

.lb {
  padding-bottom: 0.5em;
}

/* display of specific tags */
/* span[data-tagname="persName"] { */
/*   background-color: yellow; */
/* } */
span[data-ref="APO"] {
  background-color: yellow;
}
span[data-ref="IUP"] {
  background-color: orange;
}
span[data-ref="MIN"] {
  background-color: palegreen;
}

.option[data-value="name"][data-type="divin"] .filter_color {
  background-color: yellow;
}

.doc.current span.name[data-type="divin"].list_active,
.doc.current span.name[data-type="divin"].list_active span.trigger,
.doc.current span.name[data-type="divin"].over > span.trigger,
.doc.current span.name[data-type="divin"].opened > span.trigger {
  background-color: yellow;
}

/* display of notes: numbering */

body {
  counter-reset: css-counter 0;
}

span.inline_note i.open_note {
  counter-increment: css-counter 1;
}

span.inline_note i.open_note:before {
  content: counters(css-counter, ".") "";
}

/* diplay of tooltip boxes containing the text of notes  */

span[class="tooltip_text"]:before {
  content: counters(css-counter, ".") ". ";
}

span[class="tooltip_text"] {
  text-align: left;
}

/* display of corrections */

.dipl-corr {
  color: blue;
}

.dipl-sic {
  color: red;
}

span.interp-choice_popup_corr span.interp-sic {
  color: red;
  /*background-color: rgba(255,255,204,0.8);*/
}

span.interp-choice_popup_corr span.interp-corr {
  color: blue;
  /*background-color: rgba(255,255,204,0.8);*/
}

.interp-corr {
  font-color: blue;
}

.interp-sic {
  font-color: red;
}

.interp-del:before {
  content: "";
}

.interp-del:after {
  content: "";
}

.interp-del {
  /* text-decoration: line-through; */
  display: none;
}

/* font */

@font-face {
  font-family: "Libertinus Serif";
  src: url("../fonts/LibertinusSerif-Semibold.eot");
  src:
    local("Libertinus Serif Semibold"),
    local("LibertinusSerif-Semibold"),
    url("../fonts/LibertinusSerif-Semibold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/LibertinusSerif-Semibold.woff2") format("woff2"),
    url("../fonts/LibertinusSerif-Semibold.woff") format("woff"),
    url("../fonts/LibertinusSerif-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Libertinus Serif";
  src: url("../fonts/LibertinusSerif-BoldItalic.eot");
  src:
    local("Libertinus Serif Bold Italic"),
    local("LibertinusSerif-BoldItalic"),
    url("../fonts/LibertinusSerif-BoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/LibertinusSerif-BoldItalic.woff2") format("woff2"),
    url("../fonts/LibertinusSerif-BoldItalic.woff") format("woff"),
    url("../fonts/LibertinusSerif-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Libertinus Serif";
  src: url("../fonts/LibertinusSerif-Italic.eot");
  src:
    local("Libertinus Serif Italic"),
    local("LibertinusSerif-Italic"),
    url("../fonts/LibertinusSerif-Italic.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/LibertinusSerif-Italic.woff2") format("woff2"),
    url("../fonts/LibertinusSerif-Italic.woff") format("woff"),
    url("../fonts/LibertinusSerif-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Libertinus Serif";
  src: url("../fonts/LibertinusSerif-Regular.eot");
  src:
    local("Libertinus Serif Regular"),
    local("LibertinusSerif-Regular"),
    url("../fonts/LibertinusSerif-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/LibertinusSerif-Regular.woff2") format("woff2"),
    url("../fonts/LibertinusSerif-Regular.woff") format("woff"),
    url("../fonts/LibertinusSerif-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Libertinus Serif";
  src: url("../fonts/LibertinusSerif-Bold.eot");
  src:
    local("Libertinus Serif Bold"),
    local("LibertinusSerif-Bold"),
    url("../fonts/LibertinusSerif-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/LibertinusSerif-Bold.woff2") format("woff2"),
    url("../fonts/LibertinusSerif-Bold.woff") format("woff"),
    url("../fonts/LibertinusSerif-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Libertinus Serif";
  src: url("../fonts/LibertinusSerif-SemiboldItalic.eot");
  src:
    local("Libertinus Serif Semibold Italic"),
    local("LibertinusSerif-SemiboldItalic"),
    url("../fonts/LibertinusSerif-SemiboldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/LibertinusSerif-SemiboldItalic.woff2") format("woff2"),
    url("../fonts/LibertinusSerif-SemiboldItalic.woff") format("woff"),
    url("../fonts/LibertinusSerif-SemiboldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

/* DEFAULT EVT CONTENT */
.option[data-value="seg"][data-type="kenning"] .filter_color {
  color: #00ff00;
}

.doc.current span.seg[data-type="kenning"].list_active,
.doc.current span.seg[data-type="kenning"].list_active span.trigger,
.doc.current span.seg[data-type="kenning"].over > span.trigger,
.doc.current span.seg[data-type="kenning"].opened > span.trigger {
  background: #00ff00;
}

/* The following css rules are provided as an example to style the <titlePage> element */
.byline {
  display: block;
  text-align: center;
}

.docAuthor {
  display: block;
  text-align: center;
  font-size: 110%;
}

.docEdition {
  display: block;
  text-align: center;
}

.docImprint {
  display: block;
  text-align: center;
  font-size: 80%;
}
