/* System UI font stack https://medium.design/system-shock-6b1dc6d6596f */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

/* Add pointer for buttons, removed in BS4 - https://www.reddit.com/r/webdev/comments/5qx6zd/bootstrap_4_removes_hand_cursor_on_buttons/ */
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

.icon-red {
    color: #EB474E;
}

div.main {
    padding-bottom: 50px;
}

/* Recipe selector ----------------------------------------------------------*/
.recipe-selector-group {
    margin-bottom: 25px;
    break-inside: avoid;
}
.recipe-selector .item {
    margin: 10px 0;
}
@media (min-width: 768px) {
    .recipe-selector {
        column-count: 2;
    }
}
@media (min-width: 1200px) {
    .recipe-selector {
        column-count: 3;
    }
}