/* GLOBAL ? */
.wiki-content * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.wiki-content ul {
  list-style: none;
}

.brikit-content-layer-container {
  width: 1440px !important;
}

:root {
  --spacing-100: 6.25rem;
  --spacing-150: 9.34rem;
  --color-dark-green: #256838; 
}
/* GLOBAL */

/* ###################################################################################################### */
/* LINKED DOCS CONTAINER START */
#main #main-content #linked-docs-container {
  border-left: 1px solid var(--color-neutral-light-grey);
  padding: 0 0 0 var(--spacing-24);
  width: 260px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-32);
}

#main #main-content #linked-docs-container .linked-docs {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
}

#main #main-content #linked-docs-container > a {
  font-size: var(--font-size-18);
  line-height: 22px;
  color: var(--color-accent-blue);
  width: max-content;
  margin: var(--spacing-12);
  border:none;
  text-decoration:underline !important;
}

#main #main-content #linked-docs-container > a:visited {
  text-decoration:underline !important;
  background-color: transparent;
}

#main #main-content #linked-docs-container > a:hover,#main #main-content #linked-docs-container > a:active  {
  text-decoration:none !important;
  background-color: transparent;
}

#main #main-content #linked-docs-container .linked-docs > .linked-doc {
  border: 1px solid var(--color-neutral-light-grey);
  border-radius: 8px;
  padding: var(--spacing-16);
  width: 236px;
  min-height: 68px;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  background-color: var(--color-neutral-white);
  text-decoration: none !important;
  line-height: 18px;
  transition: background-color 0.4s;
  align-items: center;
}

#main #main-content #linked-docs-container .linked-docs > .linked-doc >span{
  color: var(--color-neutral-black);
  font-size: var(--font-size-14);
}

#main #main-content #linked-docs-container .linked-docs > .linked-doc >span:last-of-type{
  overflow: hidden;
  text-overflow: ellipsis;
}


#main #main-content #linked-docs-container .linked-docs > .linked-doc:visited {
}

#main #main-content #linked-docs-container .linked-docs > .linked-doc:hover{
  background-color: var(--color-functional-default-light-blue-hover);
}

#main #main-content #linked-docs-container .linked-docs > .linked-doc:hover > span {
  color:var(--color-neutral-white);
}

#main #main-content #linked-docs-container .linked-docs > .linked-doc:active {
}

/* LINKED DOCS CONTAINER END */

/* ###################################################################################################### */
/* INFORMATION CONTAINER START */
#information-container {
  padding-block: var(--spacing-24);
}

#information-container > .h4{ margin-bottom: var(--spacing-40);
}

#information-container > .information-items{width: min(100%,658px); display:flex; flex-direction: row; flex-wrap: wrap; gap:var(--spacing-40);
}

#information-container > .information-items > .information-item{width: min(100%,309px); display: grid; grid-template-columns: 64px auto; gap:0 24px;}

#information-container > .information-items > .information-item .icon-container{grid-column: 1; grid-row: 1/3; height: 64px; background-color: var(--color-accent-light-blu); border-radius: var(--spacing-8); display: flex; justify-content: center; align-items: center;} 

#information-container > .information-items > .information-item .info-title{grid-column: 2; grid-row: 1; font-size: var(--font-size-24) ;  font-weight: 600; color: var(--color-neutral-black);}

#information-container > .information-items > .information-item .info-description{grid-column: 2; grid-row: 2; font-size: var(--font-size-18) ;  color: var(--color-neutral-dark-grey);}

/* INFORMATION CONTAINER END */

/* ###################################################################################################### */

/* TIMELINE START*/

#timeline{display: flex; flex-direction: column; width: min(900px,100%); gap:var(--spacing-80);}

#timeline .timeline-intro{display: flex; flex-direction: column; width: 100%; gap:var(--spacing-24);}

#timeline .timeline-intro .h4{font-weight:600; color:var(--color-neutral-black);}

#timeline .timeline-intro p:first-of-type{font-size: var(--font-size-24);  color:var(--color-neutral-black);}

#timeline .timeline-intro p:not(:first-of-type){font-size: var(--font-size-18);  color:var(--color-neutral-dark-grey);}

#timeline .timeline-container{display: flex; flex-direction: column; width: 100%; gap:var(--spacing-80);}

#timeline .timeline-container .tl-day{display: flex; flex-direction: column; width: 100%;}

#timeline .timeline-container .tl-day .tl-day-title{font-size: var(--font-size-24);  font-weight: 600; color:var(--color-neutral-black); padding-bottom: var(--spacing-24); border-bottom: 3px solid var(--color-functional-default-light-blue);}

#timeline .timeline-container .tl-day .tl-day-timeslot-container{display: flex; flex-direction: column; width: 100%;}

#timeline .timeline-container .tl-day .tl-day-timeslot{display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto 1fr ; gap:0 var(--spacing-40); padding-block: var(--spacing-32);}

#timeline .timeline-container .tl-day .tl-day-timeslot:not(:last-child){border-bottom: 1px solid var(--color-neutral-light-grey);}

#timeline .timeline-container .tl-day .tl-day-timeslot .timeslot-hour{grid-column: 1; grid-row:1; margin-bottom:20px; font-size: var(--font-size-18);  font-weight: 600; color:var(--color-primary-night-blue);}

#timeline .timeline-container .tl-day .tl-day-timeslot .timeslot-title{grid-column: 1; grid-row:2; font-size: var(--font-size-20); line-height: 24px; font-weight: 600; color:var(--color-neutral-black) !important;}

#timeline .timeline-container .tl-day .tl-day-timeslot .timeslot-subtitle{grid-column: 1; grid-row:3;  font-style: italic; font-size: var(--font-size-18); color: var(--color-neutral-dark-grey);}

#timeline .timeline-container .tl-day .tl-day-timeslot .timeslot-description{grid-column: 2; grid-row: 1/4; font-size: var(--font-size-18); color:var(--color-neutral-dark-grey); display: flex; flex-direction: column; gap:var(--spacing-8);}

#timeline .timeline-container .tl-day .tl-day-timeslot .timeslot-description >p {color:inherit;}



/* TIMELINE END*/
/* ###################################################################################################### */

/* WRAPPERS START */
.linked-docs-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.information-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;

}
/* WRAPPERS END */