p:last-of-type {
    margin-bottom:0;
}

.hero {
    padding:2em;
    margin-bottom:1em;
}

    .hero h1 {
        font-size:3.5em;
        font-weight:200;
        line-height:1;
        margin:0;
    }

    .cat {
        font-size:1em;
    }

.noresults {
    background-color:#fff;
    padding:2em;
}

.all-news {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap:1em;
}

.news-list {
    display: grid;
    grid-gap:1em;
}

.ni {
    display:grid;
    grid-template-columns: 200px 1fr;
}

    .ni .text {
        background-color:#fff;
        padding:2em;
    }

    .ni .cat {
        margin:0;
    }

    .ni:hover h2.heading {
        background-color:#eee;
        color:#333;
    }

    .ni img {
        width:100%;
    }

    .ni:last-of-type{
        margin-bottom:0;
    }

.news-item {
    display:grid;
    grid-template-columns: 3fr 1fr;
    grid-gap:1em;
}

.cantview,
.preview {
    background-color:#ccc;
    padding:2em;
}

.preview {
    margin-bottom:1em;
}

    .preview img {
        float:left;
        width:3.5em;
        margin-right:1em;
    }

    .preview p {
        float:left;
        margin:0.6em 0 0 0;
    }

article .text {
    background-color:#fff;
    padding:2em;
}

aside div {
    float:left;
    clear:left;
    width:100%;
    margin-bottom:1em;
}

    aside .join {
        background-color:#fff;
        padding:2em;
    }

    aside .join .pink-btn {
        margin-top:1em;
    }

    aside div:last-of-type {
        margin-bottom:0;
    }

    .sib {
        margin-bottom:1em;
    }

        .sib img {
            width:100%;
        }

        .sib .text {
            background-color:#fff;
            padding:1em;
        }

        .sib p.cat {
            margin:0;
            font-size:0.9em;
        }

        .sib h4 {
            margin:0 0 0.25em;
            font-size:1.6em;
        }

        .sib:last-of-type{
            margin-bottom:0;
        }

        .sib:hover h4 {
            background-color:#eee;
            color:#333;
        }

.share {
    background-color:#fff;
    padding:2em;
    margin-top:1em;
}

    .share a {
        float:left;
        margin:0 2px 2px 0;
    }

    .share a img {
        width:30px;
    }

        .share a img:last-of-type{
            display:none;
        }

        .share a:hover img:last-of-type{
            display:block;
        }

        .share a:hover img:first-of-type{
            display:none;
        }

/***** Manage Articles *****/

.article {
    display:grid;
    grid-template-columns: 3fr 1fr;
    grid-gap:1em;
}

    .deet {
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-gap:1em;
        background-color:#fff;
        margin-bottom:2px;
    }

        .deet h3,
        .deet p {
            font-size:1.5em;
            margin:0;
            line-height:1;
            padding:1em 1.5em;
            color:var(--pink);
        }

        .deet p {
            text-align:right;
            background-color:#eee;
            color:#333;
        }

@media screen and (max-width:1099px) {
    .news-item,
    .all-news {
        grid-template-columns: 1fr 250px;
    }
}

@media screen and (max-width:699px){
    .news-item,
    .all-news {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width:499px){
    
    .hero h1 {
        font-size:3em;
    }
}

@media screen and (max-width:449px){
    
    .ni {
        grid-template-columns: 1fr;
    }
}