/**
 * @file
 * CSS specific to the front page.
 */

body > .page > .pageheader,
body > .page > .sidebar {
  display: none;
}

body > .page {
  background: #fff;
}

#pagebody {
  width: 100%;
  padding: 0;
  margin: 0;
}

#pagebody #content {
  margin: 0;
  padding: 0;
}

#footer {
  padding-bottom: 0;
}

body > .page > #ikifooter {
  background-color: #4EB980;
  border-top: 0;
  padding: 2em;
  margin: 0;
}

@media (min-width: 480px) {
  margin: 0 2em;
  padding: 0px 10em;
}

body > .page > #ikifooter a {
  color: #fff;
}

/**
 * Top menu
 */
#topmenu {
  position: absolute;
  top: 0;
  right: 1em;
  z-index: 99999;
}

#topmenu ul {
  background: rgba(255, 255, 255, 0.8);
}

#topmenu ul li {
  display: inline;
  padding: 0 0.5em;
}

@media (min-width: 480px) {
  #topmenu {
    padding: 0 1em;
    font-weight: bold;
  }
}

#topmenu ul li a {
  border-bottom: dotted 1px;
  color: #4eb980;
  text-decoration: none;
}

#topmenu ul li a:hover,
#topmenu ul li a:active {
  border-bottom: solid 1px;
  color: #4eb980;
  text-decoration: none;
}