/**** Jokes CPT ****/

/* Joke Feed */

.joke-tax-button-list {
    margin: 0 0 20px;
}

.joke-tax-button-list .button {
    margin: 0 5px 0 0;
    font-size: 14px;
    padding: 8px 15px 4px;
}

.jokes-archive--grid {
    display: grid;
    grid-template-columns:  minmax(0,2fr)  minmax(0,1fr);
    grid-gap: 25px;
    margin: 0 auto 35px;
}

.jokes-archive--sidebar-sticky {
    position: sticky;
    top: 190px;
}

.jokes-feed {
    display: grid;
    grid-template-columns:  minmax(0,1fr);
    grid-gap: 25px;
    margin: 0 auto 35px;
}

@media screen and (max-width: 767px) {
    /* MOBILE RULES GO HERE */
    .jokes-archive--grid {
        grid-template-columns: minmax(0,1fr);
    }
}

/* Jokes Cards */

a.jokes-card--link, a.jokes-card--link:hover {
    text-decoration: none!important;
}

.jokes-card {
    background: #fff;
    padding: 45px 45px 25px;
    border-radius: 0px;
    transition: 0.5s;
    border: 1px solid lightgrey;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.jokes-card #share-buttons--grid {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 20px;
    align-items: center;
    border-top: 1px solid lightgrey;
    padding: 20px 0 0;
}

/* Jokes Single */


.jokes-single--grid {
    display: grid;
    grid-template-columns:  minmax(0,2fr)  minmax(0,1fr);
    grid-gap: 25px;
    margin: 0 auto 25px;
}

.jokes-single--more-jokes-grid {
    display: grid;
    grid-gap: 25px;
    margin: 0 0 25px;
}

.jokes-single--grid-left .backarrow {
    margin: 25px 0 0;
}

@media screen and (max-width: 767px) {
    /* MOBILE RULES GO HERE */

    .jokes-single--grid {
        grid-template-columns: minmax(0,1fr);
    }
}