:root {
  --font-colour: #333333;

  /* Those are LMU colors */
  --accent-blue: #0F1987;
  --accent-cyan: #009fe3;
  --accent-violet: #8c4091;
  --accent-red:rgb(215, 25, 25);
  --accent-red-dark:#a30d0d;
  --accent-yellow:#e6e316;
  --accent-yellow-dark:#b3b01b;
  --accent-green: #00873b; 
  --accent-green-dark: #00662b;

  /* Background Styles */
  --accent-darkgray: #626468;
  --accent-mediumgray: #c0c1c3;
  --accent-lightgray: #e6e6e7;
  --accent-lightergray: #f5f5f5;

  /* Styles for Background Padding */
  --accent-padding: rgb(201 201 201 / 30%);
  --accent-padding-hover: rgb(201 201 201 / 50%);
  --accent-padding-dark: rgb(133 133 133 / 30%);
  --accent-padding-dark-hover: rgb(133 133 133 / 50%);

  --bg-colour: var(--accent-lightergray);
  --current-accent: var(--accent-blue);

  /* Current accent */
  /* MAKE THIS DYNAMIC! */
  /* Accent green */
  /* --current-accent-light: rgb(191, 225, 206); */
  /* --current-accent-dark: rgb(0, 102, 43); */

  /* Accent yellow */
  /* --current-accent-light: rgb(230, 227, 150); */
  /* --current-accent-dark: rgb(134, 132, 17); */

  /* Accent blue */
  --current-accent-light: rgb(128, 153, 204);
  --current-accent-dark: rgb(0, 32, 96);

  --logo-transparent: url(_bookdown_files//_main_files//figure-html//LMU_logo_transparent.png);
  --logo-white-full: url(_bookdown_files//_main_files//figure-html//LMU_logo_white_full.png);
  --logo-white: url(_bookdown_files//_main_files//figure-html//LMU_logo_white.png);
  --logo-header: url(_bookdown_files//_main_files//figure-html//Logo_full.png);
  --logo-fintech: url(_bookdown_files//_main_files//figure-html//FinTech_logo.png);

  --cursor-christmas: url(_bookdown_files//_main_files//figure-html//socken.png);
  
}

.logo {
  content: "";
  z-index: 0;
  position: absolute;
  top: 20px;
  left: 40px;
  width: 400px;
  height: 200px;
  background-image: var(--logo-header);
  background-size: contain;
  background-repeat: no-repeat;
}

img.logo-img {
  margin: 15%;
  position: center;
}

.intro {
  padding: 20px;
  font-size: smaller;
}

.summary {
  overflow-y: scroll !important;
}

th.code {
  width: 100px;
}

th.name {
  width: 450px;
}

th.etcs {
  width: 50px;
}

th.semester {
  width: 150px;
}

.page-wrapper {
  background-color: var(--accent-lightergray);
  position: relative;
  background-repeat: no-repeat;
  background-position: bottom right;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: scroll;
  cursor: default;
}

.book-summary {
  background-color: white;
}

.book .book-summary ul.summary li a:hover, .book .book-summary ul.summary li.active>a {
  color: var(--current-accent);
  background: var(--accent-lightgray);
  text-decoration: none;
}

.xmpl {
    border: 1px solid;
    background: white;
    padding: 30px;
    font-family: serif;
    color: black!important;
    margin-bottom: 20px;
}

.xmpl:hover {
    cursor: pointer;
}

.xmpl p, .xmpl ol li, .xmpl li, .xmpl {
    color: black;
    font-size: 14pt;
}

/* .MJXc-display {
  display: block;
  background-color: var(--accent-padding);
  text-align: center;
  margin: 1em 0;
  padding: 20px !important;
} */

.page-inner, .normal {
background-color: transparent !important;
}

.i {
  font-family: serif !important;
}

.MJXc-display {
  display: block;
  text-align: center;
  margin: 1em 0;
  padding: 0;
  background-color: var(--accent-lightgray);
  padding: 20px !important;
}

.big-equation .mjx-chtml {
  margin: -17px 0px 0px 0px;
}

.big-equation {
  margin: 30px 0px 20px 0px;
}

.big-equation-numbered {
  margin: 30px 0px 20px 20px;
  display: inline-block;
  width: 80%;
}

.big-equation-number {
  margin: 30px 0px 20px 0px;
  display: inline-block;
  width: 5%;
}

img.logo-img {
  margin: 15%;
  position: center;
}

img {
  max-height: 500px;
}

.sourceCode {
  background-color: transparent !important;
}

.book .book-summary {
  background-color: white;
}

.sourceCode > .sourceCode {
  background-color: var(--accent-lightgray) !important;
}

li.chapter > a {
  font-weight: 200 !important;
}

p.caption {
  color: #777;
  margin-top: 10px;
}
p code {
  white-space: inherit;
}

pre {
  word-break: normal;
  word-wrap: normal !important;
  overflow-x: auto !important;
}

pre code {
  white-space: inherit;
  word-wrap: normal !important;
}

/* Text styles */
h1 { color: var(--current-accent); font-family: 'Trocchi', serif; font-size: 45px; font-weight: normal; line-height: 48px; margin: 0; }

h2, h3 { 
  color: var(--current-accent); 
  font-family: 'Trocchi', serif; 
  font-size: 45px; 
  font-weight: normal; 
  line-height: 48px; 
  margin-bottom: 0.1em !important; 
  border-bottom: 1px solid var(--accent-mediumgray);
}

p { color: var(--accent-darkgray); font-size: 18px; line-height: 32px; margin: 0 0 24px; }



/* Styling of Header */
.logo {
  content: "";
  z-index: 0;
  position: absolute;
  top: 20px;
  left: 40px;
  width: 400px;
  height: 200px;
  background-image: var(--logo-header);
  background-size: contain;
  background-repeat: no-repeat;
}

.logo-fintech {
  background-image: var(--logo-fintech);
  /* background-color: red; */
  background-position: bottom 30px;
  /* background-position: top 0px right 0px; */
  z-index: 0;
  position: absolute;
  background-size: contain;
  top: 95px;
  right: -85px;
  width: 350px;
  height: 50px;
  background-repeat: no-repeat;
  transform: rotate(-12deg);
}


.slide-url {
  position: absolute;
  bottom: 0px;
  right: 20px;
}

.slide-url a {
  font-style: italic;
}

.slide-url a:hover {
  font-weight: 400;
}

#picture {
  border-style: solid;
  border-width: 2pt;
  border-color: var(--bg-colour);
  border-radius: 50%;
  padding: 5pt;
}

a, a > code {
  color: var(--font-colour);
  text-decoration: none;
}


a:hover {
  text-decoration: underline;
}

/* Highlight classes */
[class^='highlight'], a {
  font-weight: 600;
}

.highlight, th, .highlight-centered {
  color: var(--accent-darkgray);
}

.highlight-syntax {
  color: var(--accent-darkgray);
  font-family: Trocchi serif;
  background-color: var(--accent-lightgray);
  font-size: 16px;
}

.highlight-syntax.green {
  color: var(--accent-green);
  background-color: #a7e4c2;
}

.highlight-syntax.red {
  color: var(--accent-red);
  background-color: #e4a7d0;
}

td.box>span.highlight-syntax {
    background-color: transparent;
}

.highlight:hover, th:hover {
  color: black;
}

.highlight-red{
  color: var(--accent-red);
}

.highlight-darkred{
  color: var(--accent-red-dark);
}

.highlight-red:hover{
  color: var(--accent-red-dark);
}

.highlight-blue, a {
  color: var(--accent-cyan);
}

.highlight-blue:hover, a:hover {
  color: var(--accent-blue);
}

.highlight-darkblue {
  color: var(--accent-blue) !important
}

.highlight-green {
  color: var(--accent-green)
}

.highlight-green:hover {
  color: var(--accent-green-dark)
}

.highlight-yellow {
  color: var(--accent-yellow)
}

.highlight-yellow:hover {
  color: var(--accent-yellow-dark)
}

.highlight-mediumgray {
  color: var(--accent-mediumgray)
}

.highlight-mediumgray:hover {
  color: var(--accent-darkgray)
}


.highlight-centered{
  margin: 20%;
  display: block;
  text-align: center;
}

.hint {
  color: var(--accent-mediumgray)
}

.transparent {
  color: #ffffff00;
}

/* a:hover {
  color: var(--font-colour) !important;
  text-decoration: none;
  font-weight: 400;
} */


.footnote {
  position: absolute;
  bottom: 10px;
  font-size: 80%;
  color: var(--accent-mediumgray);
}

.slidenumber.footnote {
  position: absolute;
  right: 43px;
}

h1, h2, h3, h4, .toc .h2, .toc .h3{
  padding-top: 00px;
  padding-bottom: 00px;
  color: var(--current-accent);
  text-shadow: none;
  font-weight: 400;
  text-align: left;
  margin-left: 00px;
  margin-bottom: -10px;
}

.summer, .winter {
  width: 75px !important;
  background-color: var(--accent-lightgray);
  border-color: var(--accent-mediumgray);
  padding: 5px;
  margin: -14px !important;
  display: block;
  text-align: center;
}

.winter {
  float: left;
}

.summer {
  float: right;
}

td, th {
  border: 5px solid var(--accent-lightergray) !important;
  background-color: white;
}

table th {
  text-align: left;
}
/* Custom Scrollbar Design */
.summary > ::-webkit-scrollbar {
  width: 7px;
  height: 4px;
  background-color: var(--accent-lightgray);
}

::-webkit-scrollbar {
  width: 10px;
  height: 4px;
  background-color: var(--accent-lightgray);
}
::-webkit-scrollbar-thumb {
  background-color: var(--accent-mediumgray);
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--accent-darkgray);
  cursor: pointer;
}

::-webkit-scrollbar-track {
  background-color: var(--accent-lightgray);
}

a.bookdown-ref {
  font-weight: 100;
  font-size: smaller;
  color: var(--accent-mediumgray);
}

/* Popups */.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.box, td {
    border: 2px solid var(--bg-colour);
    background-color: white;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    transition: all 200ms ease-in;
    color: var(--accent-darkgray);
    font-size: 16px;
}

tr:hover td {
  background-color: var(--accent-lightgray);
  color: #26272a;
}

tr:hover td.box::after {
    display:block;
    width:100%;
    content:'';
    box-sizing:border-box;
    position:absolute;
    height:0px;
    border-left:3px solid var(--current-accent);
    left:100%;
    bottom:0;
    height:0px;
}

@-webkit-keyframes left-up {
    0% {
        left:100%;
        height:0;
    }
    50% {
        left:0;
        height:0;
    }
    100% {
        height:100%;
        left:0;
    }
}

pre:not(.sourceCode) {
  background-color: white !important;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 10px -10px;
}

p.big-eq {
    background-color: white !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 10px -10px;
    padding: 10px;
}

tr:hover td.box:after {
  -webkit-animation-duration:500ms;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards
}
tr:hover td.box:after {
    -webkit-animation-name:left-up;
}

p.date {
  color:var(--accent-mediumgray)
}

.isDisabled > a {
  color: var(--accent-darkgray) !important;
  display: inline-block;  /* For IE11/ MS Edge bug */
  pointer-events: none;
  text-decoration: none;
}