html {
    font-family: 'Quicksand', sans-serif;
}

pre {
    font-family: 'Quicksand', sans-serif;
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

h1 {
    color: #6a1b9a;
}

h2 {
    color: #6a1b9a;
}

h3 {
    color: #6a1b9a;
}

.text-purple-darken-3 {
    color: #6a1b9a !important;
}

.content-container {
    min-height: calc(100vh - 134px);
}

.purple.darken-5 {
    background-color: #3b106f !important;
}

.purple.darken-6 {
    background-color: #18042f !important;
}

/* Overwrite */

.sidenav-overlay {
    z-index: 996 !important;
}

.btn, .btn-large, .btn-small {
    background-color: #6a1b9a;
}

.btn:hover, .btn-large:hover, .btn-small:hover {
    background-color: #7b1fa2;
}

.datepicker-date-display {
    background-color: #6a1b9a;
}

.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
    color: #6a1b9a;
}

.datepicker-table td.is-today {
    color: #6a1b9a;
    text-decoration: underline;
}

.datepicker-table td.is-selected{
    background-color: #6a1b9a;
    color: #fff;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #6a1b9a;
    -webkit-box-shadow: 0 1px 0 0 #6a1b9a;
    box-shadow: 0 1px 0 0 #6a1b9a;
}

[type="checkbox"]:checked+span:not(.lever):before {
    border-right: 2px solid #6a1b9a;;
    border-bottom: 2px solid #6a1b9a;;
}

.dropdown-content li>a {
    color: #6a1b9a;
}

.dropdown-content li>a, .dropdown-content li>span {
    color: #6a1b9a;
}

.select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid #6a1b9a;
}

.enjoyhint_next_btn {
    border: 2px solid #ffffff;
    color: #ffffff;
}

.enjoyhint_next_btn:hover {
    color: #000000;
    background: #ffffff;
}

.enjoyhint_next_btn:active {
    color: #000000;
    background: #ffffff;
    border: 2px solid #ffffff;
}

.enjoyhint_close_btn {
    border: 2px solid #ffffff;
}

.enjoyhint_close_btn:hover {
    color: #000000;
    background: #ffffff;
}

.enjoyhint_close_btn:hover::before, .enjoyhint_close_btn:hover::after {
    background: #000000;
}

.enjoyhint_close_btn:active {
    border: 2px solid #ffffff;
    background: #ffffff;
}

/* End Overwrite */

.overview-chart-container {
    min-height: 500px;
}

.burn-up-chart-container {
    min-height: 500px;
}

.small-card-subtitle {
    color: #3c3c3c;
    font-weight: 300;
    font-size: 12px;
}

/* Header and Nav */
.nav-loader-container {
    min-height: 4px;
}
/* End Header and Nav */

/* Body */
body {
    background-color: rgba(0,0,0,0.05);
}

.stars-background {
    background-image: url(/images/stars.jpg);
    background-size: cover;
}
/* End Body */

.story-billed-container input {
    max-width: 100px;
}

.story-billed-container .story-billed-button {
    max-width: 55px;
    margin-left: 10px;
}

.promo-caption {
    font-size: 1.7rem;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 0;
}

.promo i {
    margin: 40px 0;
    color: #6a1b9a;
    font-size: 7rem;
    display: block;
}

.contribute-vote-plus {
    opacity: 0.3
}

.contribute-vote-plus:hover {
    opacity: 1;
}

.contribute-vote-plus.has-vote {
    opacity: 1;
}

.contribute-vote-plus.has-vote:hover {
    opacity: 0.3;
}

.contribution-collection li {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.modal-textarea {
    height: 150px !important;
}

.login-resource-wrapper {
    margin-bottom: 35vh;
    margin-top: 100px;
}

.login-card {
    width: 191px !important;
    margin-left: auto;
    margin-right: auto;
}

.login-message {
    font-size: 2rem;
    color: white;
    text-align: center;
    margin-top: 20px;
}

.login-sub-message {
    font-size: 1rem;
    color: white;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 200px;
}

@media only screen and (max-width: 1366px) {
    .login-resource-wrapper {
        margin-bottom: 250px;
    }
}

@media only screen and (max-width: 1024px) {
    .login-resource-wrapper {
        margin-bottom: 150px;
    }

    .login-message {
        font-size: 2.5rem;
    }

    .login-sub-message {
        font-size: 1.25rem;
    }
}

@media only screen and (max-width: 768px) {
    .login-resource-wrapper {
        margin-bottom: 250px;
    }
}

@media only screen and (max-width: 450px) {
    .login-resource-wrapper {
        margin-bottom: 50px;
        margin-top: 60px;
    }
}

.project-chip {
    padding-left: 35px !important;
    color: #ffffff;
    background-color: #4a148c;
}

.project-chip-muted {
    background-color: #7b1fa2 !important;
}

.chip-icon {
    cursor: pointer;
    float: right;
    opacity: 0;
    font-size: 16px;
    line-height: 32px;
    padding-left: 8px;
}

.project-chip:hover .chip-icon {
    opacity: 1;
}

.chip-text-muted {
    color: rgba(0,0,0,0.4);
}

.chip-admin-icon {
    font-size: 16px;
    padding-left: -2px;
    position: relative;
    top: 3px;
    color: #6a1b9a;
}

.chip-icon-visible {
    cursor: pointer;
    float: right;
    font-size: 16px;
    line-height: 32px;
    padding-left: 8px;
}
.chip-icon-visible:hover {
    color: #6a1b9a;
}

.avatar-admin-icon {
    font-size: 16px;
    padding-left: -2px;
    position: relative;
    top: 3px;
}

#logo-container {
    height: 230px;
    text-align: center;
    padding-top: 50px;
}

.front-page-logo-img {
    height: 150px;
    width: 150px;
    border-radius: 50%;
}

.toggle-info-visibility {
    max-width: 200px;
    float: right !important;
    padding-right: 0 !important;
}

.project-analyze-share-fab {
    height: 56px;
}

.sticky-top {
    position: sticky;
    top: 90px;
}

.project-overview-card-anchor {
    color: rgba(0,0,0,0.87);
}

.project-overview-card-anchor .card {
    min-height: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
}