/*
--------------------------------------------
Set Theme style for Articles Category cards
in 'The PM Space KB' child-pages.
--------------------------------------------
*/
.pm-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.pm-card {
    min-height: 220px;
    padding:0px 14px 6px 14px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 3px 3px 4px lightgrey;
    font-size: 14px;
}
.pm-card-title{
    margin: 8px;
    padding: 10 0 14px;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: bold;
    color: var(--global-palette1);   /* Category Name text colour */
}

.pm-card-count{
    font-size: 10px;
    padding: 4px;
    color: white;
    background: var(--global-palette3);
    border-radius: 4px;
}

/* colour of card text list */
.pm-card a { color: var(--global-palette3); }

/* Card List position */
.pm-card-grid .pm-card ul{ padding-left:25px; }

/* Keep List tight */
.pm-card-grid .pm-card li{ margin-bottom:0px;}

.pm-card a:hover { color: var(--global-palette2); font-weight: bold; }

/* Icon colour */
.pm-card li { color: var(--global-palette3); }
/* change icon colour */
.pm-card li:hover { color: var(--global-palette2); }

.pm-card:hover {
   background-color: var(--global-palette8);
   box-shadow: none;
}
.pm-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 3px solid var(--global-palette2); /* line under title */
    margin-bottom:10px;
}

/* parent container, for flexing display on device */
.pm-card-list li { display: flex; margin-bottom: 5px; }

/* space between icon & text */
.pm-card-list .pm-icons { margin-right: 5px; }