/*!
 * Start Bootstrap - Blog Home (https://startbootstrap.com/template/blog-home)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-blog-home/blob/master/LICENSE)
 */

body {
    padding-top: 0px;
}

.custom-pagination {
    margin-top: 20px;
    margin-bottom: 20px;
}

.custom-pagination a {
    background: #343a40;
    color: #FFF;
    padding: 10px;
}

.card-img-top {
    width: 100%;
    height: 30vw;
    object-fit: cover;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.custom-pagination a:hover {
    background: #343a40;
    color: #FFF;
    padding: 10px;
    text-decoration: none;
}

.custom-pagination strong {
    background: #DEDEDE;
    color: #343a40;
    padding: 10px;
}

.page-display {
    float: right;
}

.pagination b {
    border: 1px solid #999999;
    transition: background-color .3s;
    text-decoration: none;
    padding: 8px 16px;
    color: #fff;
    background: #999999;
    float: left;
}

.pagination a:first-child {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination a:last-child {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.pagination .label-pagination {
    float: left;
}

.pagination a:hover {
    background: #999999;
}

.pagination {
    display: inline-block;
    width: 100%;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

.pagination a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
}