/*
|--------------------------------------------------------------------------
| Studium Leone XIV - Indico Custom Theme
| Centro Studi Internazionale Leone XIV ETS
|--------------------------------------------------------------------------
*/

:root {

  /* ==========================================================================
     HEADER
  ========================================================================== */

  --conf-theme-header-bg: #2a205f;
  --conf-theme-header-border-bottom: #1d1744;
  --conf-theme-header-text: #f5f2eb;

  /* ==========================================================================
     SUBTITLE / HERO
  ========================================================================== */

  --conf-theme-subtitle-bg: #f7f4ee;
  --conf-theme-subtitle-border: #ddd4c4;
  --conf-theme-subtitle-text: #3e3a57;

  /* ==========================================================================
     MENU
  ========================================================================== */

  --conf-theme-menu-bg: #faf8f3;
  --conf-theme-menu-border: #ddd7cc;

  --conf-theme-menu-link: #2a205f;

  --conf-theme-menu-selected: #8b6b2e;
  --conf-theme-menu-selected-bg: #efe7d5;
  --conf-theme-menu-selected-border: #d8c8a3;

  --conf-theme-hover-bg: #f1ece3;
  --conf-theme-hover-color: #2a205f;

  /* ==========================================================================
     ANNOUNCEMENTS
  ========================================================================== */

  --conf-theme-announcement-bg: #f9f6f0;
  --conf-theme-announcement-border: #ddd2be;
  --conf-theme-announcement-text: #3a3550;

  --conf-theme-announcement-border-top:
    1px solid var(--conf-theme-announcement-border);

  --conf-theme-announcement-border-bottom: none;

  /* ==========================================================================
     SUPPORT BOX
  ========================================================================== */

  --conf-theme-support-bg: #f7f4ee;
  --conf-theme-support-border: #d7d0c4;

  --conf-theme-support-header-bg: #2a205f;
  --conf-theme-support-header-text: #f8f5ef;

  --conf-theme-support-text: #6f6a7d;

  /* ==========================================================================
     ICONS / SPRITES
  ========================================================================== */

  --conf-theme-title-sprite-bg: transparent;
  --conf-theme-announcement-sprite-bg: transparent;

  /* ==========================================================================
     OPTIONAL CUSTOM SPRITE
  ========================================================================== */

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

}

/* ==========================================================================
   TYPOGRAPHY
========================================================================== */

body {
  font-family: "Inter", "Helvetica Neue", sans-serif;
  color: #2f2f35;
  background: #fcfbf8;
}

h1, h2, h3, h4 {
  font-family: "Cormorant Garamond", serif;
  letter-spacing: 0.02em;
  color: #2a205f;
}

/* ==========================================================================
   LINKS
========================================================================== */

a {
  color: #2a205f;
  transition: all .2s ease;
}

a:hover {
  color: #8b6b2e;
  text-decoration: none;
}

/* ==========================================================================
   BUTTONS
========================================================================== */

.btn,
.ui.button,
button {
  background: #2a205f !important;
  border-color: #2a205f !important;
  color: #fff !important;
  border-radius: 3px;
}

.btn:hover,
.ui.button:hover,
button:hover {
  background: #1d1744 !important;
}

/* ==========================================================================
   CONFERENCE TITLE
========================================================================== */

.conference-title,
.conference-page-header h1 {
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* ==========================================================================
   FOOTER
========================================================================== */

#footer,
.footer {
  background: #201947;
  color: rgba(255,255,255,.8);
}

#footer a,
.footer a {
  color: #d8c8a3;
}

/* ==========================================================================
   CARDS / BOXES
========================================================================== */

.ui.segment,
.ui.card,
.paper-box {
  border-radius: 6px;
  border: 1px solid #e6dfd2;
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
}

/* ==========================================================================
   TABLES
========================================================================== */

table thead {
  background: #f1ece3;
  color: #2a205f;
}

/* ==========================================================================
   MOBILE
========================================================================== */

@media (max-width: 768px) {

  h1 {
    font-size: 2rem;
  }

  .conference-title {
    text-align: center;
  }

}