﻿/*For main header card*/
.dashboard-main-header {
    background-image: linear-gradient(to bottom, #38e64c, #3ed43d, #40c22e, #41b01f, #3f9f0e);
    color: white;
    font-weight: bold;
    text-decoration: underline;
}
/*For overview card*/
.dashboard-overview-card-wrapper {
    width: 75%;
    max-height: 450px;
}

/*For no farm view*/
.dashboard-unknown-pineapple-image {
    height: 280px;
    width: 280px;
}
.dashboard-no-farm-text {
    width: 75%;
    height: 100%;
}

/*Individual Farm Accordion*/
.dashboard-accordion {
    width: 100%
}

/*Media responsiveness for no overview card*/
@media (width < 576px) {
    .dashboard-overview-card-wrapper {
        width: 100%;
    }
}
@media (width >= 640px) and (width <= 767px) {
    .dashboard-overview-card-wrapper {
        width: 100%;
    }
}

/*Media responsiveness for overview farm status*/
@media (width >= 992px) {
    .dashboard-overview-farm-status {
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex: 0px 0px auto;
    }
}