@charset "UTF-8";
/*!
 * Copyright (c) Pro3W 2026.
 * author: Sławomir Moskal
 * filename: rzespark.scss
 * last update: 3.04.2026, 01:47
 */
:root {
  --rzespark-brown: #5E3136;
  --rzespark-pink: #F4ACFF;
  --rzespark-orange: #FF820C;
  --font-newtitle: "NewTitle", serif;
  --font-switzer: "Switzer", sans-serif;
}

/*!
 * Copyright (c) Pro3W 2026.
 * author: Sławomir Moskal
 * filename: _fonts.scss
 * last update: 3.04.2026, 00:41
 */
@font-face {
  font-family: "NewTitle";
  src: url("/urbanlab/fonts/newtitle/NewTitle-Variable.woff2") format("woff2-variations");
  font-weight: 200 700;
  font-display: swap;
}
@font-face {
  font-family: "Switzer";
  src: url("/urbanlab//fonts/switzer/Switzer-Variable.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Switzer";
  src: url("/urbanlab//fonts/switzer/Switzer-VariableItalic.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
}
.nav-item.rzespark {
  font-family: var(--font-newtitle);
  background: var(--rzespark-brown);
  color: var(--rzespark-pink);
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.nav-item.rzespark span {
  color: white;
}
.nav-item.rzespark .nav-link {
  color: var(--rzespark-pink);
  font-family: var(--font-newtitle);
  font-size: 1.8rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.nav-item.rzespark .nav-link span {
  color: white;
}

#menu-all-submenu .nav-link.active {
  color: white;
  background: var(--rzespark-pink);
}
#menu-all-submenu .nav-link:hover {
  color: white;
  background: var(--rzespark-brown);
}

.speakers-row {
  gap: 1rem;
  display: flex;
  background: var(--rzespark-pink);
  border-radius: 0.75rem;
  color: var(--rzespark-brown);
  transition: background 0.3s, color 0.3s;
}
.speakers-row img {
  border-radius: 50em;
  border: 3px solid var(--rzespark-brown);
  transition: background 0.3s, color 0.3s;
}
.speakers-row:hover {
  background: var(--rzespark-brown);
  color: white;
  transition: background 0.3s, color 0.3s;
}
.speakers-row:hover img {
  border: 3px solid var(--rzespark-pink);
  transition: background 0.3s, color 0.3s;
}

.speakers-content {
  gap: 1rem;
  display: flex;
  flex-direction: column;
}

.speaker-name {
  font-family: var(--font-newtitle);
  font-size: 1.8rem !important;
}

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