/* adjusting size for find ingredients page title */
#page-title {
    width: 90%;
    margin: 0 auto;
    padding: 4vh 0;
}


/* adjusting size and background of general store location */
.store-location-title {
    width: 90%;
    margin: 0 auto;
    padding: 8px 30px;

    background-color: #fddf05;
    border: solid 2px #880223;
    border-radius: 250px;
}

.store-location-title h2 {
    color: #880223;
    font-size: 2rem;
}

/* display settings for grocery store cards*/
.grocery-stores {
    width: 85%;
    min-height: 300px;
    max-height: auto;
    margin: 40px auto;

    display: flex;
    gap: 4%;


    border: solid 2px #01407E;
    border-radius: 8px;
}

.grocery-stores:last-of-type {
    margin-bottom: 100px;
}

.grocery-stores-img {
    flex-basis: 55%;
}

.grocery-stores img {
    width: 100%;
    height: 100%;

    display: block;
    
    object-fit: cover;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.grocery-stores-info {
    padding: 40px 80px 20px 20px;
    flex-basis: 40%;
}

.grocery-store-ingredients {
    font-family: Helvetica, sans-serif;
}


/* Mobile view adjustments for grocery stores information */
@media (max-width: 800px) {
    .grocery-stores {
        flex-direction: column;
    }

    .grocery-stores-img {
        width: 100%;

        border-bottom: solid 2px #01407E;
    }

    .grocery-stores img {
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0px;
    }

    .grocery-stores-info {
        padding: 40px 50px;
    }
}