/*
    Use this stylesheet to modify the layout of your
    conference.
*/

:root {
  /* Header */
  --conf-theme-header-bg: #1a64a0;
  --conf-theme-header-border-bottom: #3d90ce;
  --conf-theme-header-text: white;

  /* Subtitle area */
  --conf-theme-subtitle-bg: #3d90ce;
  --conf-theme-subtitle-border: #3d90ce;
  --conf-theme-subtitle-text: white;

  /* Menu colors */
  --conf-theme-menu-bg: #f6f6f6;
  --conf-theme-menu-border: #ccc;
  --conf-theme-menu-link: #275c86;
  --conf-theme-menu-selected: #bd891a;
  --conf-theme-menu-selected-bg: #dadada;
  --conf-theme-menu-selected-border: #d0d0d0;
  --conf-theme-hover-bg: #e0e0e0;
  --conf-theme-hover-color: var(--conf-theme-menu-link);
  --conf-theme-title-sprite-bg: transparent;
  --conf-theme-announcement-sprite-bg: transparent;
  --conf-theme-announcement-border-top: 1px solid var(--conf-theme-announcement-border);
  --conf-theme-announcement-border-bottom: none;

  /* Support box */
  --conf-theme-support-bg: #f6f6f6;
  --conf-theme-support-border: #ccc;
  --conf-theme-support-header-bg: #1a64a0;
  --conf-theme-support-header-text: #f3f3f3;
  --conf-theme-support-text: #aaa;

  /* Background images */
  --conf-theme-sprite-image: url('/images/conf/sprites_blue.png');

  /* Announcement colors */
  --conf-theme-announcement-bg: #f5faff;
  --conf-theme-announcement-border: #c2d6e7;
  --conf-theme-announcement-text: #0f283d;
}

/* Other CSS as needed */

/* Fade Up Animation Keyframes */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Apply animation to figure element */
figure {
  animation: fadeUp 0.6s ease-out forwards;
}

.map-container {
  border: 1px solid var(--conf-theme-menu-border);
  border-radius: 6px;
  overflow: hidden;
  margin: 20px 0;
}

/* General Paragraph Styling with Roboto font and larger size */
p {
  font-family: Roboto, sans-serif;
  font-size: 1.1rem;
  line-height: 1.4285em;
}

/* Targeted styling for Indico Event Description sections */
.event-description p,
.user-content p,
.event-details p,
.description p {
  font-family: Roboto, sans-serif;
  font-size: 1.1rem !important;
  line-height: 1.4285em !important;
}

/* Style clickable image links except .confLogo */
a img:not(.confLogo) {
  border: 2px solid #3182ce;
  border-radius: 8px;
  padding: 3px;
  background-color: #ffffff;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}

/* Hover and focus effects except .confLogo */
a img:not(.confLogo):hover,
a img:not(.confLogo):focus {
  border-color: #1a202c;
  box-shadow: 0 6px 16px rgba(49, 130, 206, 0.4);
  transform: translateY(-3px);
}