ul.lisale-list {
    list-style-image: url('../img/lisale.jpg');
    padding-left: 10px;
    margin-left: 10px;
}

ul.lisale-list > li {
    padding-bottom: 10px;
}

ul.lisale-list li h6 {
}


/* label color */
.input-field label {
    color: #000;
}
/* label focus color */
.input-field input[type=text]:focus + label,
.input-field input[type=email]:focus + label,
.input-field input[type=password]:focus + label,
.input-field input[type=date]:focus + label{
    color: #000;
}
/* label underline focus color */
.input-field input[type=text]:focus,
.input-field input[type=email]:focus,
.input-field input[type=password]:focus,
.input-field input[type=date]:focus
{
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}

/* valid color */
.input-field input[type=text].valid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* invalid color */
.input-field input[type=text].invalid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* icon prefix focus color */
.input-field .prefix.active {
    color: #000;
}

.card-content-nopad {
    padding: 19px 20px 1px 20px;
}

.error {
    color: red;
    margin-left: 10rem;
}


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

main {
    flex: 1 0 auto;
}

form.form-gioco {
    
}

.form-gioco input:not([type]), 
.form-gioco input[type="text"], 
.form-gioco input[type="password"],
.form-gioco input[type="email"], 
.form-gioco input[type="url"],
.form-gioco input[type="time"],
.form-gioco input[type="date"],
.form-gioco input[type="datetime"],
.form-gioco input[type="datetime-local"],
.form-gioco input[type="tel"],
.form-gioco input[type="number"],
.form-gioco input[type="search"],
.form-gioco textarea.materialize-textarea {
    background-color: #FFFFFF;
    border: 1px solid #000;
    width: auto;
    box-sizing: initial;
    transition: none;
    text-align: center;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    img.promo-img {
        width: 315px;
        height: 190px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    img.promo-img {
        width: 630px;
        height: 380px;
    }
}
@media screen and (min-width: 1024px) {
    img.promo-img {
        width: 630px;
        height: 380px;
    }
}

.card .promo-action {
    padding: 5px 20px 5px 20px;
}

.card .promo-content {
    /*max-height: 50%;*/
    padding: 5px;
    height: 100%;
}

.card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
    max-height: 45%;
}

.card.small .card-image, .card.medium .card-image, .card.large .card-image {
    max-height: 55%;
}

.card-content {
/*    max-height: none;*/
    /*height: 100%;*/
    position: relative;
}

.card .promo-content p {
    padding: 5px;
    height: 90%;
}

.card-content span.promo-given {
    position: absolute;
    display: block;
    bottom: 0;
    font-weight: bold;
    width: 100%;
    text-align: right;
    padding-right: 2rem;
}

.slick-prev, .slick-prev:hover, .slick-prev:focus, .slick-next, .slick-next:hover, .slick-next:focus {
    background-color: darkgray;
    border-radius: 10px;
}