/**
 * @file
 * The footer components.
 *
 * It includes styles for the footer itself and its
 * components.
 */

/**
 * Global footer rules
 */
.footer {
  padding: 1rem;
  color: #ffffff;
  background-color: #111111;
  text-align: center;
}
.footer .menu {
  margin: 0;
  text-align: center;
}
.footer a,
.footer .menu a.is-active {
  color: #ffffff;
}
@media all and (min-width: 500px) {
  .footer:after {
  	content: '';
  	display: block;
  	clear: both;
  }
  .footer .block {
    width: 50%;
    float: left;
  }
}
@media all and (min-width: 700px) {
  .footer .block {
    width: 33%;
  }
}
@media all and (min-width: 1000px) {
  .footer {
  	padding: 0;
  }
  .footer .block {
  	display: table-cell;
    width: 16.6667%;
    padding: 1rem;
    float: none;
    vertical-align: middle;
    border-left: 1px dashed #404040;
  }
  .footer .block:nth-child(1), .footer .block:nth-child(2), .footer .block:nth-child(3){
    border-left: none;
  }
  .footer .block:last-child {
    border-right: 1px dashed #404040;
  }
}