/* list beasiswa */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .tabel-scholarship {
        padding: 10em 3em 10em;
    }

    .tabel-scholarship div.scholarship-tabel {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: space-around;
    }

    .tabel-scholarship div.scholarship-tabel-one {
        order: 1;
        flex: 8;
        margin-right: 2em;
    }

    .tabel-scholarship div.scholarship-tabel-two {
        order: 2;
        flex: 4;
        margin-left: 2em;
    }

    /* Card */
    #info-scholarship {
        margin-top: 2em;
        /* width: 100%; */
        /* height: 20%; */
    }

    /* img */
    #imgpost {
        width: 700px;
        height: 400px;
    }

    /* Title */
    /* #titlepost {
        font-size: 20px;
    } */

    /* Date */
    #datepost {
        font-size: 20px;
    }

    /* Penunjang Title */
    .support-title {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-content: center;
        align-items: center;
    }

    #support_title p {
        font-size: 18px;
        margin: 0 1px;
    }

    /* Isi Deskripsi */
    .card-body-text-body {
        /* border-left-style: solid;
        border-left-width: thin; */
        padding-left: 0em;
        padding-right: 0em;
    }

    /* Button Readmore */
    .buttonreadmore #buttonreadmore {
        /* width: 14rem; */
        color: #ffffff;
        text-decoration: none;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        display: inline-block;
        outline: 0;
        z-index: 1;
        overflow: hidden;
        transition: 0.2s ease;
        position: relative;
        /* background: transparent; */
    }

    .buttonreadmore #buttonreadmore:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 0%;
        height: 100%;
        background: white;
        z-index: -1;
        transition: 0.2s ease;
    }

    .buttonreadmore #buttonreadmore:hover {
        text-decoration: none;
        color: rgb(1, 69, 255);
        background: white;
        border: 1px solid black;
        border-radius: 30px;
    }

    .buttonreadmore #buttonreadmore:hover:before {
        width: 100%;
    }

    .buttonreadmore #buttonreadmore:focus {
        text-decoration: none;
        background: white;
        color: #001aff;
        border: 1px solid black;
    }

    /* #buttonreadmore:active {
        background-color: #fdfdfd;
        box-shadow: 0 5px #666;
        transform: translateY(4px);
    } */

    /* favorit */
    #favorite-beasiswa {
        color: rgb(230, 255, 88);
        /* background-color: rgb(17, 206, 181); */
        text-decoration: none;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        display: inline-block;
        outline: 0;
    }

    #favorite-beasiswa:hover {
        text-decoration: none;
        /* color: #001aff; */
        border: 1px solid black;
    }

    #favorite-beasiswa:focus {
        text-decoration: none;
        /* color: #ff8a73; */
        /* color: #001aff; */
        border: 1px solid black;
    }

    #starfavorite {
        /* background-color: black; */
        /* color: rgb(0, 255, 55); */
        color: rgb(255, 0, 13);
    }

    #starfavorite:hover {
        text-decoration: none;
        /* color: rgb(230, 255, 88); */
        /* color: rgb(0, 255, 55); */
        /* color: rgb(255, 0, 13); */
        /* border: 1px solid black; */
    }

    #starfavorite:focus {
        text-decoration: none;
        /* color: #ff8a73; */
        /* color: #001aff; */
        /* color: rgb(0, 255, 55); */
        color: rgb(255, 0, 13);
        /* border: 1px solid black; */
    }

    #stars-fill {
        color: rgb(0, 255, 55);
        /* color: black; */
    }

    /* Pagination */
    #pagination-scholarship {
        padding-top: 5em;
        /* color: #ff8a73; */
    }

    /* Keyword */
    #keyword {
        margin-top: 3em;
        padding-top: 5em;
    }

    .keys-widget-search {
        padding-top: 10px;
    }

    /* Filter Button */
    #btn-search-filter {
        /* background-color: rgb(0, 255, 0); */
        margin: 0em;
        color: #ffffff;
        text-decoration: none;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        display: inline-block;
        outline: 0;
    }

    #btn-search-filter:hover {
        /* margin-top: 3em; */
        /* background-color: #f88706; */
        text-decoration: none;
        color: #ff8a73;
    }


}

@media (max-width: 767.98px) {
    /* #titlepost {
        
    } */

    /* Date */
    #datepost {
        font-size: 23px;
    }

    /* Penunjang Title */
    .support-title {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-content: center;
        align-items: center;
    }

    #support_title p {
        font-size: 18px;
        margin: 0 1px;
    }
}

/* version small */

.tabel-scholarship {
    padding-bottom: 8em;
}

.scholarship-tabel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: space-around;
    justify-content: center;
    /* margin: 0em 2em; */
}

.scholarship-tabel-one {
    order: 2;
    flex-grow: 2;
}

.scholarship-tabel-two {
    order: 1;
    flex: 2;
    margin-bottom: 5em;
}

#info-scholarship {
    margin-top: 2em;
    width: 100%;
}

.card-body-text-body {
    /* border-left-style: solid;
        border-left-width: thin; */
    padding-left: 0em;
    padding-right: 0em;
}

/* .support-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    align-items: stretch;
} */

/* Button Readmore */
.buttonreadmore #buttonreadmore {
    /* width: 14rem; */
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: inline-block;
    outline: 0;
    z-index: 1;
    overflow: hidden;
    transition: 0.2s ease;
    position: relative;
    /* background: transparent; */
}

.buttonreadmore #buttonreadmore:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: white;
    z-index: -1;
    transition: 0.2s ease;
}

.buttonreadmore #buttonreadmore:hover {
    text-decoration: none;
    color: rgb(1, 69, 255);
    background: white;
    border: 1px solid black;
    border-radius: 30px;
}

.buttonreadmore #buttonreadmore:hover:before {
    width: 100%;
}

.buttonreadmore #buttonreadmore:focus {
    text-decoration: none;
    background: white;
    color: #001aff;
    border: 1px solid black;
}

/* #buttonreadmore:active {
    background-color: #fdfdfd;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
} */

/* favorit */
#favorite-beasiswa {
    color: rgb(230, 255, 88);
    /* background-color: rgb(17, 206, 181); */
    text-decoration: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: inline-block;
    outline: 0;
}

#favorite-beasiswa:hover {
    text-decoration: none;
    /* color: #001aff; */
    border: 1px solid black;
}

#favorite-beasiswa:focus {
    text-decoration: none;
    /* color: #ff8a73; */
    /* color: #001aff; */
    border: 1px solid black;
}

#starfavorite {
    /* background-color: black; */
    color: rgb(255, 0, 13);
}

#starfavorite:hover {
    text-decoration: none;
    /* color: rgb(230, 255, 88); */
    /* color: rgb(0, 255, 55); */
    color: rgb(255, 0, 13);
    /* border: 1px solid black; */
}

#starfavorite:focus {
    text-decoration: none;
    /* color: #ff8a73; */
    /* color: #001aff; */
    /* color: rgb(0, 255, 55); */
    color: rgb(255, 0, 13);
    /* border: 1px solid black; */
}

#stars-fill {
    /* color: rgb(0, 255, 55); */
    color: #ff8a73;
    /* color: black; */
}

#pagination-scholarship {
    padding-top: 5em;
    color: #ff8a73;
}

#keyword {
    margin-top: 3em;
    padding-top: 1em;
}

.keys-widget-search {
    padding-top: 1em;
}

.search-submit {
    /* color: rgb(255, 255, 255); */
    color: black;
    /* background-color: rgb(0, 255, 0); */
    text-decoration: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: inline-block;
    outline: 0;
}

.search-submit:hover {
    text-decoration: none;
    color: #001aff;
    border: 1px solid black;
}

.search-submit:focus {
    text-decoration: none;
    /* color: #ff8a73; */
    color: #001aff;
    border: 1px solid black;
}

#btn-search-filter {
    color: rgb(255, 255, 255);
    /* background-color: rgb(0, 255, 0); */
    text-decoration: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: inline-block;
    outline: 0;
}

#btn-search-filter:hover {
    text-decoration: none;
    color: #001aff;
    border: 1px solid black;
}

#btn-search-filter:focus {
    text-decoration: none;
    /* color: #ff8a73; */
    color: #001aff;
    border: 1px solid black;
}








/* Post Beasiswa CSS */
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    /* Date */
    #dateformat {
        font-size: 20px;
    }

    /* penunjang */
    #title_support {
        padding: 0%;
    }

    /* Isi beasiswa -> p */
    .card-text-body {
        margin-top: 1em;
        /* border-left-style: solid;
        border-left-width: thin;
        padding-left: 1em;
        padding-right: 1em;
        border-collapse: separate;
        border-spacing: 15px 50px; */
    }

    /* Isi beasiswa -> div */
    #body-deadline-time {
        font-weight: 100;
    }

    /* favorit */
    #favoritebeasiswa {
        /* color: rgb(255, 255, 255); */
        /* background-color: rgb(17, 206, 181); */
        color: rgb(230, 255, 88);
        text-decoration: none;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        display: inline-block;
        outline: 0;
    }

    #favoritebeasiswa:hover {
        text-decoration: none;
        /* color: #001aff; */
        border: 1px solid black;
    }

    #favoritebeasiswa:focus {
        text-decoration: none;
        /* color: #ff8a73; */
        /* color: #001aff; */
        border: 1px solid black;
    }

    /*#starfavorite {
        color: rgb(230, 255, 88); */
    /* background-color: white; */
    /* height: 50%; */
    /* width: 50%; 
    / */

    #starfavorite:hover {
        text-decoration: none;
        /* color: rgb(230, 255, 88); */
        /* color: rgb(0, 255, 55); */
        color: rgb(255, 0, 13);
        /* border: 1px solid black; */
    }

    #starfavorite:focus {
        text-decoration: none;
        /* color: #ff8a73; */
        /* color: #001aff; */
        /* color: rgb(0, 255, 55); */
        color: rgb(255, 0, 13);
        /* border: 1px solid black; */
    }

    /* button a link */
    #buttonback {
        margin-top: 4em;
        /* background-color: #00fa2a; */
        width: 18rem;
        color: #ffffff;
        text-decoration: none;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        display: inline-block;
        outline: 0;
    }

    #buttonback:hover {
        text-decoration: none;
        color: #001aff;
        border: 1px solid black;
    }

    #buttonback:focus {
        text-decoration: none;
        /* color: #ff8a73; */
        color: #001aff;
        border: 1px solid black;
    }
}

@media (max-width: 767.98px) {

    /* Date */
    #dateformat {
        font-size: 23px;
    }
}

/* Body Post Beasiswa */
/* .post-beasiswa {
    padding-bottom: 10em;
} */

/* penunjang */
#title_support {
    padding: 0%;
}

/* Isi beasiswa -> p */
.card-text-body {
    margin-top: 1em;
    /* border-left-style: solid;
    padding-left: 1em; */
}

/* Isi beasiswa -> div */
#body-deadline-time {
    font-weight: 100;
}

/* Favorit */
#favoritebeasiswa {
    color: rgb(230, 255, 88);
    /* background-color: rgb(17, 206, 181); */
    text-decoration: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: inline-block;
    outline: 0;
}

#favoritebeasiswa:hover {
    text-decoration: none;
    /* color: #001aff; */
    border: 1px solid black;
}

#favoritebeasiswa:focus {
    text-decoration: none;
    /* color: #ff8a73; */
    /* color: #001aff; */
    border: 1px solid black;
}

#starfavorite:hover {
    text-decoration: none;
    /* color: rgb(230, 255, 88); */
    /* color: rgb(0, 255, 55); */
    color: rgb(255, 0, 13);
    /* border: 1px solid black; */
}

#starfavorite:focus {
    text-decoration: none;
    /* color: #ff8a73; */
    /* color: #001aff; */
    /* color: rgb(0, 255, 55); */
    color: rgb(255, 0, 13);
    /* border: 1px solid black; */
}

/* button a link */
#buttonback {
    /* color: rgb(255, 255, 255);
    background-color: rgb(0, 255, 0); */
    margin-top: 3em;
    width: 18rem;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: inline-block;
    outline: 0;
}

#buttonback:hover {
    text-decoration: none;
    color: #001aff;
    border: 1px solid black;
}

#buttonback:focus {
    text-decoration: none;
    /* color: #ff8a73; */
    color: #001aff;
    border: 1px solid black;
}