/* 
 * 2020-02: huge cleanup, integrated change of color themes, examples, etc etc
 * 2020-01: added derivWrapper
 * 2019-11: made default to be 'wide' (100%) with centered div (for GoingRomanceLeiden)
 *       new paradigm tables (total mess w/ prev tables, to be cleaned up!)
 * mainTitle css changed for long Zh2018 title  
 */

/* @import url('https://rsms.me/inter/inter.css'); */

/* added during spring 2020 */
.slide .highlight {color: #A00;}
.deck-container a, .deck-container a:visited, .deck-container a:hover {color: #52040B;} /* @import url('https://rsms.me/inter/inter.css'); */


/* undo deck.css & theme */
.deck-container {
  width: 100%;
  background: -webkit-linear-gradient(top, #FFF4E1 0%, #FFECCB 70%);
  color: #52040B;
}

.deck-container .sideBySide {display: flex;}

/* put slide into a centered div */
.slidewrap {
  display: flex;
  justify-content: center;
}
.slidewrap.flexpad {margin: 10% 20%;}
.slidewrap.smallpad {margin: 5% 5%;}
.slidewrap.fullwidth {margin: 10% 0;}
.slidewrap.full, .slidewrap.nowrap {margin: 0;}
.slidewrap.fullwidth .innerwrap, .slidewrap.full .innerwrap, .slidewrap.nowrap .innerwrap {width: 100%;}


section.slide header, section.slide footer {
  background-color: beige;
  padding-left: 5%;
  padding-bottom: .5em;
  padding-top: .5em; 
  line-height: 1;
  font-size: larger;
  font-weight: bold;
  font-family: "Hoefler Text"; /* this should be in some generic text/color/font declaration */
}

section.slide .lowRightUrl {
  right: 0;
  bottom: 0;
  position: absolute;
}


/* ------- text colors ---------*/

.slide .mainTitle {
  margin-top: 10%;
  margin-bottom: 25px;
  font-size: 4em; 
  font-weight: bold; 
  text-align: center; 
  font-family: 'Hoefler Text', Constantia, Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, serif;
}

.slide .secondaryTitle, .conference {
  color: #7A491EBC; 
  font-size: 2em; 
  font-weight: bold; 
  text-align: center; 
  font-family: 'Hoefler Text', Constantia, Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, serif;
}

.slide .bigText {
  font-size: 2.5em; 
  font-weight: bold; 
  font-family: 'Hoefler Text', Constantia, Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, serif;
}

.slide .mediumText {
  font-size: 1.8em; 
  font-weight: bold; 
  font-family: 'Hoefler Text', Constantia, Palatino, 'Palatino Linotype', 'Book Antiqua', Georgia, serif;
}

.slide .bulletBox {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: -12px;
}


.slide .ground, .slide .groundText {color:#960;}       /* 960 A70 C90 a47a2c b58122 */
.slide .figure, .slide .figureText {color: #b71818}    /* darkviolet brown darkorange #a80bb5; #ca0bbe;  a47a2c . blueTheme:9855DF . 4895AF . darker, nicer, but less distinguishale from black: 38758F 38859F */
.slide .illegal, .slide .bad, .slide .illegalText {color:#A00;}
.slide .scream, .slide .screamText {color:darkblue;}





/* derivations */

div.derivWrapper {position: relative;}
div.derivWrapper svg {
  position: absolute;
  bottom: 0; 
  right: 0;}

svg line {stroke: black; stroke-width: 2;}
svg text {fill: black;}

/* tables */

/* default table behaviour, changed 2022 centered small -> left-aligned big  */
.deck-container .slide table {
  border-collapse: separate;
  border-spacing: 0px;
}

.deck-container table th {
  font-size: 2.5em;
  font-weight: normal;        /* deck.js defaults to bold */
  text-align: left;
  padding: 2px 20px;
}

.deck-container table td {
  font-size: 3.5rem;
  font-weight: normal;        /* deck.js defaults to bold */
  padding: 5px 10px;
}

/* centered table, was default */
.deck-container table.centered th {
  font-weight:normal;
  padding: 2px 20px;
  text-align: center;
}

.deck-container table.centered td {
  font-weight:bold;
  padding: 5px 10px;
  text-align: center; 
}

.segmentationTable tbody tr td {
  text-align: left;
}

/* example tables */
.deck-container table td.exitem {
  text-align: left;
  white-space: nowrap;
}
.deck-container table .gloss td, .deck-container table td.extr {
  font-weight:normal;
  font-size: smaller;
  padding: 5px 10px;
  text-align: left;
  font-style: italic;
}
.deck-container table td.exjudg {color: green}
.deck-container table td.exjudg.bad {color: red}


.lexical-table td {
  background-color: #c3dbdf;
}

table .groundbk { 
  background-color:#A00;
}

table .figurebk {
  background-color:#C90;
}

table .empty {
  background-color:transparent;
}

table .neutralbk {
  background-color: #c3dbdf;
}

table .bordered {
  border: 2px solid blue;
}

/* ltable: obsolete after shift of default above? */
.ltable tbody tr td {
  text-align: left;
  font-size: xx-large; /* tentative 2022-01, console. Was tiny compared to rest */
}
.ltable tbody tr th {
  text-align: left;
}

.rtable tbody tr td {
  text-align: right;
}
.rtable tbody tr th {
  text-align: right;
  font-weight:normal;
}

.leftParadigmTable tbody tr td {
  text-align: left;
}

.leftParadigmTable tbody tr th {
  text-align: left;
  font-weight:normal;
}

.leftParadigmTable tbody tr th.centre  {
  text-align: center;
}

.leftParadigmTable tbody tr td.centre  {
  text-align: center;
}

/*  2019, new paradigm tables (what a mess, with the above!) */

.deck-container table.paradigm td {
  font-weight: normal;
  padding: 5px 3px;
}

.deck-container .paradigms {
  font-family: "Noto Sans";
}
/* https://makeawebsitehub.com/best-safe-web-fonts-html-css/
 * https://rsms.me/inter/
 * ok: Noto Sans, Inter, Didot, Georgia, Optima > Arial > Arial Narrow */


.deck-container table.paradigms thead tr th {
  text-align: left;
  font-weight: bold;
  padding: 5px 40px 5px 3px;
}

.deck-container table td.paradigms-cell {
  padding-right: 50px;
}

/* 2022 syncretism table... :( */

.deck-container table.syncr tbody td {
  padding: 8px 14px;
}

.deck-container table.syncr td.figure {
  background-color: brown;
  color: black;
}

.deck-container table.syncr td.ground {
  background-color: orange;
  color: black;
}