/*Setting the order of all elements within the view*/
view .view-content {
    order: 1;
    display: grid;
}

/*Removing text decordation and setting color to black on links*/
.view-dia-dashboards .card-wrapper {
    text-decoration: unset;
    color: black !important;
}

/*Each card*/
.view-dia-dashboards .views-row {
    background-color: #eee;
    border-radius: 0px 0px 5px 5px;
    min-height: 215px;
    border-top: 5px solid #242424;
}

/*Card title and category color, weight*/
.view-dia-dashboards .views-field-title,
.view-dia-dashboards .views-field-collection-category {
    color: black;
    font-weight: bolder;
    display: flex;
    flex-direction: column;
}

/*Card category*/
.view-dia-dashboards .views-field-collection-category {
    padding: 5px 15px;
}

/*Card est time*/
.view-dia-dashboards .views-field-field-estimated-time {
    padding: 5px 15px;
    font-size: 16px;
    color: #d73f09;
}

/*Questions this can answer*/
.view-dia-dashboards .views-field-field-questions-can-answer-text {
    display: none;
    font-size: 16px;
    padding: 10px 20px;
}

.view-dia-dashboards .views-field-field-questions-this-can-answer:before {
    content: "Questions this can answer:";
    display: inline-block;
    margin-bottom: 10px;
}

/*Hiding link to the dashboard*/
.view-dia-dashboards .views-field-field-link-to-dashboard {
    display: none;
}

/*Hover effects*/
.view-dia-dashboards .views-row:hover {
    background-color: #242424;
    color: white;
    text-decoration: unset !important;
    border-top: 5px solid #d73f09;
    border-radius: 0px 0px 5px 5px;
}

.view-dia-dashboards .views-row:hover .views-field-field-questions-can-answer-text {
    display: inline-block;
}

.view-dia-dashboards .views-row:hover .views-field-field-short-desc,
.view-dia-dashboards .views-row:hover .views-field-field-data-category,
.view-dia-dashboards .views-row:hover .views-field-nothing {
    display: none;
}

.view-dia-dashboards .views-row:hover .views-field-title,
.view-dia-dashboards .views-row:hover .views-field-collection-category {
    color: white !important;
    padding: 10px 15px;
}

.view-dia-dashboards .views-field-title,
.view-dia-dashboards .views-field-field-short-desc,
.view-dia-dashboards .views-field-field-questions-this-can-answer,
.view-dia-dashboards .views-field-field-questions-this-can-answer:before,
.view-dia-dashboards .views-field-nothing,
.view-dia-dashboards .views-field-edit-node {
    padding: 0 15px;
}

/*Featured placeholder*/
.view-dia-dashboards .views-field-nothing {
    display: flex;
    gap: 2px;
    margin-bottom: 10px;
}

.view-dia-dashboards .Yes .views-field-nothing {
    margin-bottom: 5px;
}

.view-dia-dashboards .Yes>.views-field-nothing:after {
    content: "Featured";
    font-size: 15px;
    color: #d73f09;
}

.view-dia-dashboards .Yes>.views-field-nothing:before {
    content: "\f005";
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    font-size: 15px;
    color: #d73f09;
}

/*View footer*/
.view-footer {
    text-align: center;
    margin-top: 40px;
}

.view-footer .fas {
    font-size: 3em;
}


