/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
* {
    color: #212121;
}

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

nav .brand-logo {
    font-weight: 300;
}

nav .brand-logo-image {
    margin-bottom: -4px;
}

.first-blue {
    background-color: #6ecadc;
}

.second-green {
    background-color: #3eb991;
}

.third-pink {
    background-color: #e01563;
}

.fourth-yellow {
    background-color: #e9a820;
}

.first-blue-text {
    color: #6ecadc;
}

.second-green-text {
    color: #3eb991;
}

.third-pink-text {
    color: #e01563;
}

.fourth-yellow-text {
    color: #e9a820;
}

footer.page-footer {
    margin-top: 0px;
    background-color: #e9a820;
}

a.link-underline {
    color: #212121;
    text-decoration: underline;
}

nav ul a:hover {
    background-color: transparent; /* Removes hover in navbar */
}

p.landing-page-text {
    font-size: larger;
}

.uservoice-button {
    height: 26px;
    top: 6px;
    position: relative;
}

.mobile-screenshot {
    width: 100%;
    max-width: 400px;
}

.image-button {
    height: 26px;
    top: 6px;
    position: relative;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

code {
    font-size: .72rem;
    line-height: .72rem;
    white-space: normal;
    color: #c25;
    padding: 1px 3px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 3px;
}