.ingredients-header-row > th {
    background-color: var(--color-primary);
}


.mobile-hidden {
    display: none;
}

@media(min-width: 550px) {
    .mobile-hidden {
        display: table-cell;
    }
}

.detail-label {
    text-transform: uppercase;
    font-weight: 500;
    min-width: 130px;
}


.author-details {
    flex: 1
}
.product-details {
    flex: 1
}

.product-info {
    flex: 1;
}

.ingredient-table {
    flex: 1;
}

.blend-category-image {
    width: 50px;
    height: 50px;
}

@media(min-width: 700px) {
    .blend-category-image {
        width: 70px;
        height: 70px;
    }
}

table#predesignedBlendsTable > thead > tr > td:hover {
    background-color: var(--color-primary);
}

.blend-author {
    font-weight: 500;
    color: var(--color-primary);
}

.blend-author-subtitle {
}

.indent {
    padding-left: 30px !important;
}

a:hover {
    cursor: pointer;
}

.predesignedBlendsTable tr td:hover {
    cursor: pointer;
}


.predesignedBlendsTable tr.expanded td {
    background-color: var(--color-light-gray);
}