/* ==UserStyle==
@name         22ABC
@namespace    local
@version      1.0.0
@match        https://conferenceworks.eventsair.com/*
==/UserStyle== */

@font-face {
  font-family: "Aspekta";
  src: url("https://ik.imagekit.io/8m142qhpi4c/22ABC/Aspekta-400.woff2")
    format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aspekta";
  src: url("https://ik.imagekit.io/8m142qhpi4c/22ABC/Aspekta-700.woff2")
    format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --primary-color: #cc1513;
  --primary-color-dark: #111;
  --primary-color-dark-lighten: color-mix(
    in srgb,
    var(--primary-color-dark) 98%,
    white 2%
  );

  --page-title-text-color: var(--primary-color);
  --primary-label-color: white;
  --text-secondary-700: #111111 !important;

  --font-size-h1: 20pt !important;
  --font-size-h2: 16pt !important;
  --font-size-h3: 14pt !important;
  --font-size-h4: 12pt !important;
  --font-size-h5: 11pt !important;
  --font-size-h6: 10pt !important;

  --font-color-h1: var(--primary-color) !important;
  --font-color-h2: var(--primary-color-dark) !important;
  --font-color-h3: var(--primary-color-dark) !important;
  --font-color-h4: var(--primary-color-dark) !important;
  --font-color-h5: var(--primary-color-dark) !important;
  --font-color-h6: var(--primary-color-dark) !important;

  --font-family-h1: "Aspekta" !important;
  --font-family-h2: "Aspekta" !important;
  --font-family-h3: "Aspekta" !important;
  --font-family-h4: "Aspekta" !important;
  --font-family-h5: "Aspekta" !important;
  --font-family-h6: "Aspekta" !important;
  --font-family-base: "Aspekta" !important;

  --max-width-inner-content: 800px !important;
  --form-max-width: var(--max-width-inner-content, 800px) !important;
  --panel-max-width: var(--max-width-inner-content, 800px) !important;
  --page-background-color: var(--primary-color-dark) !important;

  --Module-background: #fff !important;

  --Mob-CardPadding-X: 32px;
}

@media (min-width: 832px) {
  :root {
    --Panel-Padding: 42px;
    /* --Card-Padding: var(--Desktop-CardPadding); */
    /* --Panel-Radius: 24px; */
  }
}

#theme-modern body {
  color: var(--primary) !important;
}

#theme-modern .page-background {
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: fixed
    url("https://ik.imagekit.io/8m142qhpi4c/22ABC/22-abc-bg.webp")
    var(--page-background-color, lightgray) 50% / cover no-repeat !important;
}

#theme-modern .brand-header .header img {
  opacity: 0;
}
#theme-modern .brand-header .header {
  background-image: url(https://ik.imagekit.io/8m142qhpi4c/22ABC/22abc-r100.webp);
  background-size: 800px auto;
  background-repeat: no-repeat;
  min-height: 316px;
  background-position: 50% 0;
}
#theme-modern .brand-header-bg {
  padding-top: 40px;
}
#theme-modern .modern-page-content.full-page-layout {
  border-radius: 0;
}

/* Footer Button bar */
footer > nav > div > div.navbar-buttons-container {
  padding-bottom: calc(var(--Mob-CardPadding-X) + 120px) !important;
  padding-top: 0 !important;
  background-color: transparent !important;
  border: 0 !important;
}
footer .navbar.navbar-inverse.navbar-inside-page.center-block {
  margin-top: 0 !important;
  border-top: 0 !important;
  background-color: transparent !important;
}
footer .navbar-buttons {
  background-color: #eaeaea !important;
  padding-top: var(--Mob-CardPadding-X) !important;
  padding-bottom: var(--Mob-CardPadding-X) !important;
  padding-left: var(--Panel-Padding) !important;
  padding-right: var(--Panel-Padding) !important;
  border-top: 1px solid var(--primary-color-dark-lighten) !important;
  border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
}
#theme-modern .modern-progress {
  background-color: var(--primary-color-dark-lighten) !important;
}

#theme-modern .theme-btn-primary {
  border-radius: var(--radius-full) !important;
}

.modern-page > .component[data-component-type*="PageBreakComponent"] {
  margin-top: 0 !important;
}

/* R100 only */
/* 
<style>
#theme-modern body .brand-header .header {
  background-image: url(https://ik.imagekit.io/8m142qhpi4c/22ABC/r100-ea-header.webp);
  min-height: 335px;
}
</style> 
*/

/* ABC only */
/* 
<style>
#theme-modern body .brand-header .header {
  background-image: url(https://ik.imagekit.io/8m142qhpi4c/22ABC/22abc-ea-header.webp) !important;
  min-height: 323px !important;
}
</style> 
*/