/* Estilo do formulário */

.equipe__form {
    display: flex;
    font-family: sans-serif;
}

.equipe__input>* {
    background-color: #fff !important;
    padding: .35em;
    border-radius: 2.5px !important;
    max-width: 15em;
}

.equipe__input > *:focus {
    border: 1px solid lightgrey !important;
    box-shadow: none !important;
}

.equipe__input:nth-child(1) input::placeholder {
    color: rgba(0,0,0,.25);
}

.equipe__input + .equipe__input {
    margin-left: .3rem;
}

.equipe__input input[type=submit] {
    border: 1px solid #17A2B8;
    color: #17A2B8; 
}

/* Estilo da listagem */

.equipe__list {
    min-height: 50vh;
}

.equipe__list ul {
    padding: 0;
}

.membro {
    display: flex;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(33,33,33,.125);
}

.membro__nome {
    flex: 2;
}

.membro__detalhes {
    color: rgba(0,0,0,.5);
}

.membro__detalhes svg {
    height: 16px;
    width: 16px;
}

/* Responsividade */

@media screen and (max-width: 500px) {
	.equipe__form,
    .equipe__list .membro { 
        flex-direction: column;
    }

    .equipe__form .equipe__input > * {
        width: 100%;
        max-width: 100%;
    }

    .equipe__input + .equipe__input {
        margin-top: .5rem;
        margin-left: 0;
    }
    
}