/* post styles */
article p img {
    width: 100%;
}

/* pagination styles */
.pagination {
    display: flex;
    list-style: none;
    margin: 20px -1px;
    padding: 0;
    justify-content: center;
}

.page-item {
    position: relative;
    display: block;
    padding: 0.5em;
    margin: 0.15em;
    line-height: 1.25;
    border: 1px dashed #6c757d;
    background: #fff;
}
.page-item.active {
    background: #1EAEDB;
}
.page-item.active {
    color: #fff;
}
.page-item.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
}

/* automatically hyphenate long words in summaries on list pages */
.summary {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

img.heading {
    width: 100%;
}

div.preview {
    width: 100%;
    height: 12rem;
    overflow: hidden;
}
  
img.preview {
    width: 100%;
    height: 12rem;
    object-fit: cover;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

    
@media (max-width: 420px) {
    /* hide some pagination links on mobile-width views */
    .mobile-hidden {
        display: none;
    }
    .page-item {
        margin: 0.08em;
    }
}
@media (max-width: 550px) {
    /* hide some pagination links on tablet-width views */
    .tablet-hidden {
        display: none;
    }

    /* enlarge article thumbnail on smaller views */
    div.preview {
        height: 20rem;
    }
    
    img.preview {
        height: 20rem;
    }
    
}