/* Blog Font */
.blog-font-14px {
    font-size: 14px;
}
/* End Blog Font */


/* Utilities */
.read-more-container {
    transition: all 0.5s;
}

.read-more-container a {
    text-decoration: none;
    font-family: "Roboto", sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    letter-spacing: 0.05em;
    color: #0391df;
}

.read-more-container img {
    opacity: 0;
    transition: all 250ms ease;
}

.read-more-container:hover img {
    opacity: 1;
    transition: all 250ms ease;
}
/* End Utilities */


/* Header */
header {
    background: linear-gradient(
        180deg,
        rgba(3, 145, 223, 0.05) 0%,
        rgba(3, 145, 223, 0) 113.65%
    ) !important;
}

.page-header {
    padding-bottom: 3rem !important;
}

.header-paragraph {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.header-image {
    height: 60vh;
    object-fit: cover;
    object-position: center center;
    width: 100%;
}
/* End Header */

/* Blogs */
#blogs {
    background: url("../../../front_assets/assets/img/public/accent-background.svg")
        no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.blogs-search-container{
    border-radius: 2rem !important;
}

.blogs-card-container .card-img-top {
    width: 100%;
    height: 35vh;
    object-fit: cover;
}

.blogs-card-title,
.blogs-card-description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-search-input{
    border-width: 3px;
}
/* End Blogs */


/* Pagination */
.page-item.active .page-link {
    background: white;
    color: #0391df !important;
    border-color: #d7dce3 !important;
}
/* End Pagination */


@media only screen and (max-width: 767.98px) {

    /* Utils */
    .read-more-container a {
        font-size: 0.8125rem;
    }
    /* End Utils */

    /* Header */
    .header-paragraph {
        margin-bottom: 60px;
    }

    .header-image {
        height: 40vh !important;
    }
    /* End Header */


    /* Blogs */
    .blogs-card-container:nth-child(odd){
        padding-right: 0.5rem;
    }

    .blogs-card-container:nth-child(even){
        padding-left: 0.5rem;
    }

    .blogs-card-description {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .blogs-card-container .card-img-top {
        height: 160px !important;
        object-fit: cover;
        object-position: center center;
        width: 100% !important;
    }
    /* End Blogs */

}