/* -------------------------------------------------------
 *
 *     !! This file is creating a consistent design for the course
 *        'Kausalanalyse: Economics meets Data Science' !!
 *
 *  Changes made to this file directly will be overwritten
 *  if "css: ["default", "default-fonts", style.css]" used in the 
 *  corresponding .Rmd.
 *
 *  It can be seen as an extension to the basic xaringantheme.css.
 *
 *  This css-file currently includes options for:
 *    - Emojis
 *    - Content Boxes
 *    - Colors
 *    - Title-Slide
 *    - Footer
 *    - Blockquotes
 *    - Highlights
 *    - Bold Text
 *    - Links
 *    - Horizontal Emoji Alignment
 *    - Special Horizontal Alignment for some slide-sets
 *    - Preventing overlapping footer
 *    - Scrolling Boxes
 *  It can be easily extended or changed using css-commands.
 *
 *  Need help? Useful websites and tools:
 *    - ?xaringanthemer::style_xaringan
 *    - https://github.com/yihui/xaringan/issues/34 (Footer-issue)
 *    - https://pkg.garrickadenbuie.com/xaringanthemer/ (xaringanthemer)
 *    - https://coolors.co/dd7373-3b3561-ead94c-d1d1d1 (Color-reator)
 *    - https://unsplash.com/ (Free Images)
 *    - https://fonts.google.com/ (Google Fonts?)
 *
 *  Version: 0.4.2
 *
 * ------------------------------------------------------- */


/* Content-Boxes */

.filled{
  border-radius: 10px;
  background-color: #E7E7E7;
  padding: 10px;
  margin-bottom: 20px;
}

/* Colors */
:root{
--text-color: #000;
--header-color: #000;
--background-color: #FFF;
--link-color: var(--tugreen);
--text-bold-color: var(--tuorange);
--code-highlight-color: rgba(141, 81, 4, 0.5);
--inverse-text-color: #d6d6d6;
--inverse-background-color: #272822;
--inverse-header-color: var(--tuorange);
--inverse-link-color: var(--tuorange);
--title-slide-background-color: var(--tugreen);
--title-slide-text-color: #d6d6d6;
--header-background-color: #000;
--header-background-text-color: #FFF;
--tuorange: #CA7406;
--tugreen: #639A00;
--rubgrey: #E7E7E7;
--rubyellow: #FFCC00;
--ruborange: #ED7102;
--rubred: #E6332A;
--rubdarkred: #B61E3E;
--rubbeige: #C1BAA3;
--rubdarkgreen: #8C8751;
--rubbrown: #9C5516;
--rubdarkbrown: #59201B;
--lgreen: #C4EC32;
--lblue: #0065B8;
--lgrey: #FFFFFF;
--dblue: #000B14;
--dgrey: #C2C2C2;
--alpha5: 0.5;
}

/* Title Slide */

.title-slide {
  background-color: var(--tugreen);
}

/* Footer */

.remark-slide-content:after {
    z-index: 1;
    content: "Marc Justin Schmidt | Lehrstuhl für Mikroökonomie | Wintersemester 26 / 27";
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    font-size: 90%;
    text-align: center;
    line-height: 1.9;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/e/e6/Technische_Universit%C3%A4t_Dortmund_Logo.svg");
    padding: 5px
}

/* Blockquotes */

blockquote {
  background-color: rgba(141, 81, 4, 0.2);
  border-left: solid 5px;
  border-left-color: var(--tuorange);
  padding-left: 1em;
}

/* Highlights */

.remark-code-line-highlighted {
  background-color: rgba(141, 81, 4, 0.5);
}

/* Bold Text */

strong {
  font-weight: bold;
  color: var(--text-bold-color);
}

/* Standard-Links */
a, 
a > code {
  color: #CA7406;
  text-decoration: solid;
}

/* Links nur auf der Title-Slide */
.title-slide a,
.title-slide a > code {
  color: #333333 !important; /* oder #0000EE für klassisches Web-Blau */
  text-decoration: underline;
} 

/* Two-Column Layout */

.short-width{
  width: 5%
}

.long-width{
  width: 89%
}

/* Emoji Size */

.big-emoji{
  font-size: 300%
}

/* Horizontal Emoji Alignment */

.lo-wi{
  width: 89%;
  display: flex;
  align-items: center;
  height: 120px;
}

/* Special Horizontal Emoji Alignment for programming.Rmd */

.lo-wi2{
  width: 75%;
  display: flex;
  align-items: center;
  height: 120px;
}

/* Special Horizontal Alignment for reporting.Rmd */

.overlap-lr-width{
  width: 70%
}

/* Preventing Overlapping Footer */

.remark-slide-content {
  padding-top: 2px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 5px;
}

/* Scrolling Boxes */

.scroll-box-8 {
  height:8em;
  overflow-y: scroll;
}
.scroll-box-10 {
  height:10em;
  overflow-y: scroll;
}
.scroll-box-12 {
  height:12em;
  overflow-y: scroll;
}
.scroll-box-14 {
  height:14em;
  overflow-y: scroll;
}
.scroll-box-16 {
  height:16em;
  overflow-y: scroll;
}
.scroll-box-18 {
  height:18em;
  overflow-y: scroll;
}
.scroll-box-20 {
  height:20em;
  overflow-y: scroll;
}
.scroll-output {
  height: 90%;
  overflow-y: scroll;
}

/* Vierfeldertafel auf der Wahrscheinlichkeitsfolie */
.vierfeldertafel {
  width: 100%;
  margin-top: 0.35em;
  border-collapse: separate;
  border-spacing: 5px;
  font-size: 0.66em;
  text-align: center;
}

.vierfeldertafel th,
.vierfeldertafel td {
  padding: 0.7em 0.35em;
  border: 0;
  border-radius: 4px;
  vertical-align: middle;
}

.vierfeldertafel thead th,
.vierfeldertafel tbody th {
  background: #CA7406;
  color: white;
  font-weight: 700;
}

.vierfeldertafel thead th:first-child {
  background: transparent;
}

.vierfeldertafel tbody td {
  background: #f7eadb;
}

.vierfeldertafel .rand,
.vierfeldertafel td.rand {
  background: #e2e2e2;
  color: #333333;
  font-weight: 700;
}

.vierfeldertafel tr.rand th {
  background: #777777;
  color: white;
}

.vierfeldertafel tr.rand td {
  background: #e2e2e2;
  color: #333333;
  font-weight: 700;
}