/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.icon-block {
    padding: 0 15px;
}
.icon-block .material-icons {
    font-size: inherit;
}

/* Define the background image for the top navbar. */
.nav-background-image {
    background-image: url(../images/futureprototype-bg.png);
}

.nav-logo {
    display: inline-block;
    height: 64px;
    padding: 8px;
}

.footer-logo {
    height: 30px;
    vertical-align: middle;
    margin-right: 5px;
}

.nav-logo>img {
    vertical-align: middle
}

.debian-red-text {
    color: #dd1155 !important;
}

/**
 * Setting a different background-color for the menu entries in the nav bar
   in case they are hovered.
 */
nav ul a.download-hover:hover {
    background-color: rgba(109, 109, 221, 0.74);
    background-color: #d500f9; /* purple darken-2 */
    color: black;
}

nav ul a.support-hover:hover {
    color: black;
    background-color: rgba(109, 221, 137, 0.74);
    background-color: #00e676; /* green accent-3 */
}

nav ul a.community-hover:hover {
    background-color: rgba(221, 198, 109, 0.74);
    background-color: #ffa000; /* amber darken-2 */
    color: black;
}

nav ul a.devel-hover:hover {
    background-color: rgba(221, 109, 109, 0.74);
    background-color: #d32f2f; /* materialize-red darken-2 */
    color: black;
}

@media only screen and (max-width: 601px) {
    .flex-s {
        display: flex;
        flex-direction: column; /* Stack on top */
        /*flex-wrap: wrap; */
      }
    .order-1 {
        order: 1;
        /*display: flex; */
    }
    .order-2 {
        order: 2;
        /*display: flex; */
    }
  }