/* Needs colors.css */

.rounded-3 {
    border-radius: .3rem !important;
}

.higia-clickable {
    background: var(--higia-color-primary);
    border-color: var(--higia-color-primary);
    color: var(--higia-color-light);
    cursor: pointer;
}
@media(min-width: 600px) and (max-width: 900px) {
    .item-higia {
        padding: 0.6em 1em;
    }
}
.higia-clickable:active, .btn-higia:active {
    background: var(--higia-color-primary);
}
.higia-clickable:hover, .btn-higia:hover {
    background: var(--higia-color-primary-light);
    color: var(--higia-color-light);
    border-color: var(--higia-color-primary-light);
}
.higia-clickable:focus, .btn-higia:focus {
    background: var(--higia-color-primary-light);
    border-color: var(--higia-color-primary-light);
    box-shadow: 0 0 0 0.25rem var(--higia-color-primary-lighter);
}

.higia-card {
    border: 1px solid var(--higia-color-primary);
}

.higia-login-button{
    background: var(--orange_higia);
    color: var(--white);
    box-shadow: none !important;
    transition: 200ms background-color ease-in-out !important;
    cursor: pointer;
    border-color: var(--orange_higia);
}