/* DKNOG styles. */
@import url("https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --header-offset: 128px;
  --border-radius: 0.375rem;
  --primary: #020202;
  --secondary: #242424;
  --background-alt: #e8e8e8;
  --background: #f5f5f5;
  --accent: #dd1237;
  --accent-light: #ef3b5c;
  --info-light: #c9f3fb;
  --info: #12bfde;
  --muted-border: #b6b6b6;
  --warmblack: #0d1b2a;
  --textblack: #242424;
  --textdarkgrey: #666;
  --darkbg: #272626;
  --boxbg: #2b2933;
  --white: #fff;
  --offwhite: #faf9f6;
  --offgreytext: #adaeb1;
  --burgundy: #780116;
  --red-50: #fef2f3;
  --red-100: #fde3e5;
  --red-200: #fcccd0;
  --red-300: #f9a8ae;
  --red-400: #f3767f;
  --red-500: #e63946;
  --red-600: #d52d3a;
  --red-700: #b3222d;
  --red-800: #942029;
  --red-900: #7b2128;
  --red-950: #430c10;
  --blue-50: #f3f7fc;
  --blue-100: #e5eff9;
  --blue-200: #c5ddf2;
  --blue-300: #93c1e6;
  --blue-400: #59a1d7;
  --blue-500: #3486c3;
  --blue-600: #246aa5;
  --blue-700: #1e5586;
  --blue-800: #1d486f;
  --blue-900: #1d3e5d;
  --blue-950: #0d1b2a;
  /* @link https://utopia.fyi/type/calculator?c=320,16,1.2,3840,18,1.25,7,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
  --step--2: clamp(0.6944rem, 0.6921rem + 0.0116vw, 0.72rem);
  --step--1: clamp(0.8333rem, 0.8273rem + 0.0303vw, 0.9rem);
  --step-0: clamp(1rem, 0.9886rem + 0.0568vw, 1.125rem);
  --step-1: clamp(1.2rem, 1.1813rem + 0.0938vw, 1.4063rem);
  --step-2: clamp(1.44rem, 1.4111rem + 0.1445vw, 1.7578rem);
  --step-3: clamp(1.728rem, 1.6853rem + 0.2133vw, 2.1973rem);
  --step-4: clamp(2.0736rem, 2.0124rem + 0.3059vw, 2.7466rem);
  --step-5: clamp(2.4883rem, 2.4024rem + 0.4295vw, 3.4332rem);
  --step-6: clamp(2.986rem, 2.8673rem + 0.5934vw, 4.2915rem);
  --step-7: clamp(3.5832rem, 3.4213rem + 0.8097vw, 5.3644rem);
}

html {
  font-size: 16px;
  background-color: var(--background);
  font-family: "Epilogue", sans-serif;
  font-optical-sizing: auto;
}

body {
  font-size: var(--step-1);
}
@media only screen and (min-width: 992px) {
  body {
    font-size: var(--step--1);
  }
}

h1 {
  font-family: "Epilogue", sans-serif;
  font-optical-sizing: auto;
}

h2 {
  font-family: "Epilogue", sans-serif;
  font-optical-sizing: auto;
}

h3 {
  font-family: "Epilogue", sans-serif;
}

a,
p,
body {
  font-family: "Epilogue", sans-serif;
}

a,
.fake-link,
.ui-widget-content a {
  color: var(--accent-light);
}

.action-box.highlight {
  background: var(--background-alt);
  color: var(--primary);
  font-size: var(--step-1);
  border-top: 1px solid var(--muted-border);
  border-bottom: 1px solid var(--muted-border);
  border-left: 1px solid var(--muted-border);
  border-right: 1px solid var(--muted-border);
}
@media only screen and (min-width: 992px) {
  .action-box.highlight {
    font-size: var(--step--1);
  }
}
.action-box.highlight .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain) .text .label {
  color: var(--accent);
}
.action-box.highlight .label {
  color: var(--info);
}

main.main {
  display: block;
}

.conf {
  display: flex;
  flex-direction: column;
}
.conf .confheader {
  top: 0;
  justify-content: flex-start;
  background: var(--background);
  display: block;
}
.conf .confheader .confTitleBox {
  display: flex;
  flex-direction: inherit;
  background: var(--background);
  min-height: initial;
  width: 100%;
}
.conf .confheader .confTitleBox .confTitle {
  width: 100%;
  padding-left: 1rem;
}
.conf .confheader .confTitleBox .confTitle .conference-title-link {
  display: flex;
  flex-direction: inherit;
  padding: 0;
  color: var(--primary);
  width: 100%;
  font-size: var(--step-2);
}
.conf .confheader .confTitleBox .confTitle .conference-title-link span {
  display: inline-flex;
  align-items: center;
  width: 100%;
  font-size: var(--step-4);
}
.conf .confheader .confTitleBox .confTitle .conference-title-link .confLogoBox .confLogo {
  height: 10rem;
  width: auto;
  padding: 1rem;
}
.conf .confheader .confSubTitleBox {
  background: var(--background);
  border: 0;
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  padding: 0;
}
.conf .confheader .confSubTitleBox .confSubTitleContent {
  width: 100%;
  margin: initial;
  padding-left: 0.75rem;
}
.conf .confheader .confSubTitleBox .confSubTitleContent .confSubTitle {
  padding-left: 0.75rem;
}
.conf .confheader .confSubTitleBox .confSubTitleContent .confSubTitle div.datePlace > div.timezone {
  color: var(--primary);
}
.conf .confheader .simpleTextAnnouncement {
  background: var(--background-alt);
  border-top: none;
  padding: 0.75rem 0;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.conf #confSectionsBox {
  width: 100%;
  margin-top: 0;
  background: var(--background);
}
@media only screen and (min-width: 992px) {
  .conf #confSectionsBox {
    background: var(--background);
    display: grid;
    grid-template-areas: "sidebar main";
    grid-template-columns: 1fr 5fr;
    gap: 1.5rem;
  }
}
.conf #confSectionsBox .conf_leftMenu {
  grid-area: sidebar;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--background);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 992px) {
  .conf #confSectionsBox .conf_leftMenu {
    margin-bottom: 0;
    box-shadow: none;
    min-height: calc(100vh - var(--header-offset));
    max-height: none;
    position: sticky;
    top: var(--header-offset);
    overflow-y: auto;
    align-self: flex-start;
  }
}
.conf #confSectionsBox .conf_leftMenu #outer {
  background: var(--background);
  padding-left: 0;
  border: 0;
}
.conf #confSectionsBox .conf_leftMenu #outer li a {
  font-size: var(--step-3);
}
@media only screen and (min-width: 992px) {
  .conf #confSectionsBox .conf_leftMenu #outer li a {
    font-size: var(--step-1);
  }
}
.conf #confSectionsBox .conf_leftMenu #outer .menuConfTitle {
  display: list-item;
}
@media only screen and (min-width: 992px) {
  .conf #confSectionsBox .conf_leftMenu #outer .menuConfTitle {
    padding: 0.25rem 0.5rem;
  }
}
.conf #confSectionsBox .conf_leftMenu #outer .menuConfTitle a {
  color: var(--secondary);
  border-radius: var(--border-radius);
  padding: 1rem;
  margin-top: 0.25rem;
}
@media only screen and (min-width: 992px) {
  .conf #confSectionsBox .conf_leftMenu #outer .menuConfTitle a {
    padding: 0.5rem 0.75rem;
  }
}
.conf #confSectionsBox .conf_leftMenu #outer .menuConfTitle a:hover {
  background: var(--accent-light);
}
.conf #confSectionsBox .conf_leftMenu #outer .menuConfTitle ul.inner li a {
  padding-left: 2rem;
}
.conf #confSectionsBox .conf_leftMenu #outer .menuConfSelected,
.conf #confSectionsBox .conf_leftMenu #outer .menuConfMiddleCellSelected {
  border: 0;
  background: var(--background);
}
.conf #confSectionsBox .conf_leftMenu #outer .menuConfTitle.selected > a,
.conf #confSectionsBox .conf_leftMenu #outer .menuConfMiddleCell.selected > a {
  border-radius: var(--border-radius);
  color: var(--primary);
  background: var(--accent-light);
}
.conf #confSectionsBox .conf_leftMenu .support_box {
  background: var(--background);
  border: 0;
}
.conf #confSectionsBox .conf_leftMenu .support_box h3 {
  font-family: verdana, arial, sans-serif;
  background: var(--background);
  color: var(--primary);
  font-weight: bold;
  margin: initial;
  padding: initial;
  padding: 0.25rem 0.5rem;
}
.conf #confSectionsBox .conf_leftMenu .support_box ul li {
  border-radius: var(--border-radius);
  padding: 0.25rem 0.5rem;
}
.conf #confSectionsBox .conf_leftMenu .support_box ul li a {
  font-family: verdana, arial, sans-serif;
  margin-top: 0.25rem;
  color: var(--primary);
}
.conf #confSectionsBox .conf_leftMenu .support_box ul li a:hover {
  color: var(--primary);
}
.conf #confSectionsBox .conf_leftMenu .support_box ul li:hover {
  background: var(--accent);
}
.conf #confSectionsBox .conf_leftMenu .support_box ul li:hover a {
  color: var(--background);
}
.conf #confSectionsBox .confBodyBox {
  grid-area: main;
  margin-left: 0px;
  flex: 1;
}
.conf #confSectionsBox .confBodyBox .mainContent .col2 .conference-page .item-text {
  color: var(--background);
}
.conf #confSectionsBox .confBodyBox .mainContent .col2 .conference-page header h2 {
  color: var(--accent);
}
.conf #confSectionsBox .confBodyBox .mainContent .col2 .conference-page section .header-row h3 {
  color: var(--accent);
}
.conf #confSectionsBox .confBodyBox .mainContent .col2 .conference-page .page-content {
  background: var(--background);
  color: var(--primary);
  padding: 0.25rem;
}
.conf #confSectionsBox .confBodyBox .mainContent .col2 .conference-page .page-content h3 {
  color: var(--accent-light);
}
.conf #confSectionsBox .confBodyBox .mainContent .col2 .conference-page .page-content .conferenceDetails .description {
  margin: initial;
  color: var(--primary);
}
@media only screen and (min-width: 992px) {
  .conf #confSectionsBox .confBodyBox .mainContent .col2 .conference-page .page-content {
    background: var(--background);
  }
}
.conf #confSectionsBox .confBodyBox .mainContent .col2 .conference-page .page-content .infogrid .infoline.info {
  background: var(--background-alt);
  color: var(--primary);
  border: 1px solid var(--muted-border);
}
.conf #confSectionsBox .confBodyBox .mainContent .col2 .conference-page .page-content .registrations table.i-table {
  width: 100%;
}
.conf #confSectionsBox .confBodyBox .mainContent .col2 .conference-page .page-content #timetable .ui-widget-content {
  background: var(--background);
}
.conf #confSectionsBox .confBodyBox .mainContent .col2 .conference-page .other-fields th {
  color: var(--accent-light);
}

.footer {
  display: none;
}

/*# sourceMappingURL=dknog.css.map */