/*  ---------------------------------------------------------
    postcard.css
--------------------------------------------------------- */

.post-card {
    padding: var(--sz-300);
    margin-block-start: var(--sz-400);
}

.post-card-title {
    padding-block-end: var(--sz-100);
    text-align: center;
}

.post-card-components {
    padding-block-start: var(--sz-300);
    padding-block-end: var(--sz-100);
}

.post-card-components:hover {
  background-color: var(--clr-xlt-blue);
  transition: background-color var(--transition-fast) ease-in-out;
  cursor: pointer;
}

.post-card-intro {
    display: none;
}

.post-card-img {
    display: block;
}

.post-card-img > img {
    display: block;
    width: 100%;
    height: auto;
}

.post-card-longdesc, .post-card-longdesc:visited {
    --knob-fc-std: var(--clr-xdk-dark);
    display: block;
}

.post-card-longdesc:hover, .post-card-longdesc:focus {
    --knob-fc-link-hover: var(--fc-light); 
    --knob-link-hover-decoration: none;
}

.post-card-attrs {
    display: flex;
    align-items: baseline;
    margin-block-start: var(--sz-100);
}

.post-card-cat {
    margin-left: auto;
}