/* blog styles
----------------*
.blog {}
.blog article { border-bottom: 1px solid #EAEAEA; }
.blog article.articleFull { border: none; }
.blog article h2 { margin-bottom: 0; }
*/
.blog article h2 a {
    text-decoration: none;
}
.blog article p.info {
    font-size: 0.8em;
    font-style: italic;
}
.blog article p.readmore {
    text-align: right;
}
.blog article div.extract {
    margin: 15px 0;
}
.blog .breadcrumb {
}
.blog article .cover {
    margin-bottom: 20px;
}
.blog article .cover a {
    display: block;
}
.blog article h2 {
    margin-bottom: 0;
}
.blog_wrapper > .article,
.blogWidget {
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid var(--bs-border-color);
}

.blog_wrapper > .article figure.cover {
    margin-top: 20px;
    margin-bottom: 20px;
}
.blog_wrapper > .article figure figcaption {
    font-style: italic;
}

.blogWidget h3 {
    margin-top: 0;
}

/* breadcrumb-blog */
.breadcrumb-blog {
    display: inline-flex;
}

/* Blog Tools */
.blogTools {
    text-align: center;
    box-sizing: border-box;
}
.blogTools a {
    color: #fff !important;
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 2px;
    padding: 4px 6px;
    border: 1px solid #007bff;
    border-radius: 4px;
    background-color: #007bff;
    vertical-align: baseline;
    text-decoration: none;
    min-width: 35px;
    text-align: center;
}
.blogTools a:hover {
    background-color: #0069d9 !important;
    border-color: #0062cc !important;
    color: white !important;
}

/* Blog Archives */
.blogArchives ul.list-group {
    margin-bottom: 20px;
}

/* Blog Gallery */
.gallery-thumbnail {
    margin-bottom: 15px;
}

/* Blog answers */
div.blogAnswer {
    padding: 20px 0;
    margin-bottom: 27px;
    position: relative;
    border: 1px solid var(--bs-border-color);
    border-style: solid none none;
}
div.blogAnswer div.blogAnswerTools {
}
div.blogAnswer p.blogAnswerName {
    margin: 0 0 15px 0;
    font-size: 1.2em;
    font-weight: bold;
}
div.blogAnswer p.blogAnswerName a {
    text-decoration: none;
}
div.blogAnswer p.blogAnswerDate {
    position: absolute;
    top: 22px;
    right: 20px;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
}
div.blogAnswer p.blogAnswerText {
    margin-bottom: 10px;
}

/* Blog comment Form */
form#blogCommentForm {
    padding: 20px 20px 20px 20px;
    border-radius: 6px;
    margin-bottom: 27px;
    position: relative;
    border: 1px solid var(--bs-border-color);
}

form#blogCommentForm fieldset {
    border: none;
    overflow: hidden;
}
form#blogCommentForm legend {
    display: none;
}
form#blogCommentForm label {
    font-weight: bold;
    font-size: 1em;
    display: block;
    margin-bottom: 8px;
}
form#blogCommentForm input[type="text"],
form#blogCommentForm textarea {
    padding: 8px;
    border-radius: 6px;
    font-size: 1em;
}
form#blogCommentForm textarea {
    min-height: 120px;
    font-size: 1em;
}
form#blogCommentForm input[type="text"]:focus {
    box-shadow: inset 0px 0px 4px #ccc;
    outline: none;
}
form#blogCommentForm .fiedlset p {
    float: left;
    margin-right: 10px;
}
form#blogCommentForm input[type="submit"] {
    margin: 10px 0px 0px 0px;
}

.blogPostCarousel {
    padding: 15px 35px;
    border: none;
}
.blogPostCarousel .card-body {
    min-height: 180px;
}
.blogPostCarousel .card-title {
    font-size: 1.25rem;
}
.blogPostCarousel .card-title a {
    text-decoration: none;
    color: inherit;
}
.blogPostCarousel .card-text {
    font-size: 0.875rem;
}
.slick-slider .slick-arrow {
    font-size: 20pt;
    background: transparent;
    position: absolute;
    top: 40%;
    z-index: 2;
    border: none;
    color: var(--bs-primary);
    /* border-radius: 5px;
    border: 1px solid #ddd;
    padding-bottom: 5px; */
}
.slick-slider .slick-next {
    right: -35px;
}
.slick-slider .slick-prev {
    left: -35px;
}

/* carousel */
/* @media (max-width: 767px) {
    .blogPostCarousel .carousel-inner .carousel-item > div {
        display: none;
    }
    .blogPostCarousel .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.blogPostCarousel .carousel-inner .carousel-item.active,
.blogPostCarousel .carousel-inner .carousel-item-next,
.blogPostCarousel .carousel-inner .carousel-item-prev {
    display: flex;
} */

/* medium and up screens */
/* @media (min-width: 768px) {
    .blogPostCarousel .carousel-inner .carousel-item-end.active,
    .blogPostCarousel .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

    .blogPostCarousel .carousel-inner .carousel-item-start.active,
    .blogPostCarousel .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
}

.blogPostCarousel .carousel-inner .carousel-item-end,
.blogPostCarousel .carousel-inner .carousel-item-start {
    transform: translateX(0);
} */