/* ************************* */

/* EVT 2.0 CUSTOM STYLESHEET */

/* ***************************************************************** */

/*                                                                   */

/* Add here your CSS to customize the style of the elements          */

/* If you'll not see any changes, try adding !important to the rule  */

/*                                                                   */

/* For generic TEI elements, use the tagName as class                */

/* e.g. <del/> => .del{ # your style goes here # }                   */

/*                                                                   */

/* ***************************************************************** */
.term {
    background-color: coral;
}

.figDesc {
    display: block;
    border-left: 5px solid #b30000;
    background-color: #ffe6e6;
    padding: 5px 5px 5px 8px;
    margin-bottom: 3%;
    text-align: justify;
    font-size: 95%;
    font-style: italic;
}

span.analogue span.analogue__text span.quote {
    font-style: italic;

}

span.quote sup.iconbis-evt_quote-left,
span.quote sup.iconbis-evt_quote-right {
    display: none;
}

.hi[data-style = "font-style: italic;"] {

    font-style: italic;
}

.hi[data-style = "font-weight: bold;"] {

    font-weight: bold;

}


[data-rend = "superscript"] {
    vertical-align: super !important;
    font-size: 75% !important;
}

[data-rend = "bold"] {
    font-weight: bold;
}
/* oranžová pro zdroje dvou typů paraphare + alluion*/
.hi[data-rend = "paraphrase allusion"]:hover  {
    background-color: #E8B15A!important;
      padding: 5px 5px!important;
  border-radius: 5px!important;
  cursor: pointer!important;
}

.hi[data-rend = "allusion paraphrase"]:hover  {
    background-color: #E8B15A!important;
      padding: 5px 5px!important;
  border-radius: 5px!important;
  cursor: pointer!important;
}

/* trochu jíná oranžová pro zdroje dvou typů paraphare + quotation*/

.hi[data-rend = "quotation paraphrase"]:hover  {
    background-color: #DE722A!important;
      padding: 5px 5px!important;
  border-radius: 5px!important;
  cursor: pointer!important;
}

.hi[data-rend = "paraphrase quotation"]:hover  {
    background-color: #DE722A!important;
      padding: 5px 5px!important;
  border-radius: 5px!important;
  cursor: pointer!important;
}


.hi[data-rend = "paraphrase"]:hover  {
    background-color: #98E8ED!important;
      padding: 5px 5px!important;
  border-radius: 5px!important;
  cursor: pointer!important;
}

.hi[data-rend = "allusion"]:hover  {
    background-color: #BBED98!important;
      padding: 5px 5px!important;
  border-radius: 5px!important;
  cursor: pointer!important;
}

.p[data-rend = "right"] {
    text-align: right;
}

.opener
{
    font-weight: bold;
    text-align: center;
}

/*.space[data-quantity = "1"]
{
    /\*background-color: yellow;*\/
    margin-left: 20px
}*/

/*.l[data-rend="indent"]
{
	background-color: yellow;
	
}*/

/*.space[data-quantity = "2"]
{
    /\*background-color: green;*\/
    margin-left: 110px
}*/

.l[data-rend = 'indent2']:not(.l-hasLineN),
.l-hasLineN[data-rend = 'indent2'] .lineContent {
    text-indent: 4.5rem;
    /*background-color: green;*/
}
.l-hasLineN[data-rend = 'indent2'] {
    text-indent: 0 !important
}

/*.space[data-quantity = "3"]
{
    /\*background-color: red;*\/
    margin-left: 140px
}*/

.l[data-rend = 'indent3']:not(.l-hasLineN),
.l-hasLineN[data-rend = 'indent3'] .lineContent {
    text-indent: 6.5rem;
    /*background-color: red;*/
}
.l-hasLineN[data-rend = 'indent3'] {
    text-indent: 0 !important
}

/*.l[data-part = "M"]
{
    background-color: pink;

}
.l[data-part = "I"]
{
    background-color: silver;

}
.l[data-part = "F"]
{
    background-color: gold;

}*/
 
.head[data-type = "desc"]
{
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-align: center;
    margin-top:15px;
    margin-bottom: 0px
}
.head[data-type = "main"]
{
    font-weight: bold;
    font-style: normal;
    font-variant: small-caps;
    text-align: center;
    font-size: larger;
    margin-bottom: 0px
}

.head
{
    /*background-color: blue;*/
    font-weight: bold;
    font-style: normal;
    font-variant: small-caps;
    text-align: center

}
.div[data-type = "title"]
{

    text-align: center;
    font-weight: bold;
    margin-top:5px;
    margin-bottom:30px
}

.div[data-type = "act"] > .head
{
    /*background-color: red;*/
    font-weight: bold;
    font-style: normal;
    font-variant: small-caps;
    text-align: center

}
.div[data-type = "scene"] > .head
{
    /*background-color: purple;*/
    font-weight: bold;
    font-style: normal;
    font-variant: small-caps;
    text-align: center

}
.div[data-type = "num"] > .head
{
    /*background-color: orange;*/
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-align: center

}
.div[data-n = "performace"]
{
    text-align: center;
    font-size: larger;
    line-height: 80%;
    margin-top: 5px;
    margin-bottom: 30px

}

.argument {
    font-style: italic;
    text-align: justify
}


.titleStmt > .title
{
    display: block;
    font-weight: bold !important;
    font-variant: small-caps !important;
    text-align: center !important;

}


.name::after
{
    content: " - ";
}

.name:last-child::after
{
    content: "";
}

.speaker .supplied::before
{
    content: "[";
}

.speaker .supplied::after
{
    content: "]";
}
/*NEPLATNE POKUSY XML nepředává parametr type pro seg*/
/*[data-type = "quotation"]{
    background-color: red!important;
    padding: 1px 3px!important;
  border-radius: 2px!important;
  transition: background-color 0.2s ease, color 0.2s ease!important;
  cursor: pointer!important;
   }
   
.seg[data-type = "quotation"] {
  background-color: #e3f2fd!important;
  padding: 1px 3px;
  border-radius: 2px;
  transition: background-color 0.2s ease, color 0.2s ease;
  cursor: pointer;
}

.seg[data-type = "quotation"]:hover {
  background-color: #1976d2;
  color: #fff;
}

/\* Aluse (allusion) - zelená *\/
seg[type="allusion"] {
  background-color: #e8f5e9;
  padding: 1px 3px;
  border-radius: 2px;
  transition: background-color 0.2s ease, color 0.2s ease;
  cursor: pointer;
}

seg[type="allusion"]:hover {
  background-color: #388e3c;
  color: #fff;
}

/\* Parafráze (paraphrase) - oranžová *\/
seg[type="paraphrase"] {
  background-color: #fff3e0;
  padding: 1px 3px;
  border-radius: 2px;
  transition: background-color 0.2s ease, color 0.2s ease;
  cursor: pointer;
}

seg[type="paraphrase"]:hover {
  background-color: #f57c00;
  color: #fff;
}
evt-analogue[data-analogue-type="quotation"] .analogue__text {
  background-color: #e3f2fd !important;
}

evt-analogue[data-analogue-type="quotation"] .analogue:hover {
  background-color: #1976d2 !important;
  color: #fff !important;
}

evt-analogue[data-analogue-type="quotation"] .analogue__text {
  color: #1976d2 !important;
}



*/