.ets-blog-post-footer .read_more:hover,
.blog-managament-information button[type="submit"]:hover,
.ets-blog-tag-a:hover,
#form_blog .btn.edit_view_post:hover,
.form_reply_comment input[type="submit"]:hover,
.form_reply input.btn.btn-primary.btn-default[name="addReplyComment"]:hover,
.form-polls-body button[name="polls_cancel"]:hover,
.form-polls-body button:hover
{
    background:#00cefd;
    border-color:#00cefd;
}
.ets-blog-like-span.active, .be-tag-block .be-tags a, .be-tag-block .be-tags,
.ets-blog-related-posts-meta-categories > a,
.view_post,
.comment-content h4.comment_name span,
.ets_block_categories .active > a,
.comment-content .post_title span a,
.blog-managament-information .help-block a,
.ets-blog-comment-info .post-author .ets_title_block {
  color:#2fb5d2;
}
.ets-block-comment-reply:hover,
.ets_title_block:hover,
.read_more:hover,
.form_reply input.btn.btn-primary.btn-default[name="addReplyComment"] + .btn.btn-default:hover,
.comment-content .post_title span a:hover,
.list_category_item .sub_category li a:hover,
.ets_block_categories .active > a:hover,
.ets-blog-comment-info .post-author .ets_title_block:hover,
.blog-managament-information .help-block a:hover,
#form_blog a.ets_button_backtolist:hover{
    color: #00cefd;
}
.ets-blog-thumbnail-list.carousel .ets-blog-thumbnail-item.slick-current:before,
.ets-blog-slider.carousel .slick-dots .slick-active button{
    border-color: #2fb5d2;
}
.ets-blog-form-comment .blog-submit .button,
.blog-managament-information button[type="submit"],
.ets-blog-slider.carousel .slick-dots .slick-active button,
.blog_view_all, .view_all_link,
.blog_view_all_button a,
.form-polls-body button,
.form_reply input.btn.btn-primary.btn-default[name="addReplyComment"],
.add_new_post_blog a,
#form_blog button[type="submit"],
#form_blog .btn.edit_view_post,
.form_reply_comment input[type="submit"],
.ets_blog_loading .squaresWaveG
{
  background:#2fb5d2; 
}

.ets-blog-form-comment .blog-submit .button:hover,
.blog_view_all:hover, .view_all_link:hover,
.blog_view_all_button a:hover,
.add_new_post_blog a:hover,
#form_blog button[type='submit']:hover
{
  background:#00cefd; 
}
.ets_blog_ltr_mode a:hover, 
.ets-blog-wrapper-detail a:hover,
.ets-blog-like-span:hover, 
.blog-main-page a:hover,
.ets_button_backtolist:hover,
.ets-block-comment-report:hover{
    color: #00cefd;
}

.form-polls-body button,
.form_reply_comment input[type="submit"]{
    border: 1px solid #2fb5d2;
}
.blog_view_all, .view_all_link {
    background-color: #2fb5d2;
}
.blog_view_all:hover, .view_all_link:hover,
.ets-blog-form-comment .blog-submit .button:hover {
    background-color: #00cefd;
}
/* keyframes bounce_squaresWaveG zijn al gedefinieerd in blog.css – niet dupliceren */

/* =====================================================================
   Modern, strakke blog layout (override)
   - Geen template/HTML wijzigingen nodig
   - Werkt voor blog-listing + sidebar blocks
   ===================================================================== */

:root{
    --etsb-max: 1200px;
    --etsb-radius: 16px;
    --etsb-radius-sm: 12px;
    --etsb-border: #e5e7eb;
    --etsb-text: #111827;
    --etsb-muted: #6b7280;
    --etsb-bg: #ffffff;
    --etsb-bg-soft: #f9fafb;
    --etsb-shadow: 0 10px 30px rgba(17,24,39,.10);
    --etsb-shadow-sm: 0 8px 18px rgba(17,24,39,.08);
}

/* Container – centreer en geef lucht */
#module-ets_blog-blog #content-wrapper,
#module-ets_blog-blog #content,
#module-ets_blog-gallery #content-wrapper,
#module-ets_blog-gallery #content{
    width: 100%;
}

#module-ets_blog-blog #ets_blog_page,
#module-ets_blog-gallery #ets_blog_page,
#ets_blog_page{
    color: var(--etsb-text);
}

/* Zorg dat de blog-wrapper netjes centreert */
.ets-blog-wrapper.ets-blog-wrapper-blog-list,
.ets-blog-wrapper-detail{
    max-width: var(--etsb-max);
    margin: 0 auto;
    padding: 32px 16px;
}

/* Grid listing (kaartjes) */
.ets-blog .ets-blog-list,
#ets_blog_page .ets-blog-list{
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 24px;
}

.ets-blog .ets-blog-list > li,
#ets_blog_page .ets-blog-list > li{
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    grid-column: span 12;
}

@media (min-width: 768px){
    .ets-blog .ets-blog-list > li,
    #ets_blog_page .ets-blog-list > li{
        grid-column: span 6;
    }
}

@media (min-width: 1100px){
    .ets-blog .ets-blog-list > li,
    #ets_blog_page .ets-blog-list > li{
        grid-column: span 4;
    }
}

/* Kaart look */
.ets-blog-list .post-wrapper{
    background: var(--etsb-bg);
    border: 1px solid var(--etsb-border);
    border-radius: var(--etsb-radius);
    overflow: hidden;
    box-shadow: var(--etsb-shadow-sm);
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform .18s ease, box-shadow .18s ease;
}

.ets-blog-list > li:hover .post-wrapper{
    transform: translateY(-2px);
    box-shadow: var(--etsb-shadow);
}

/* Afbeelding consistent (voorkomt "rare" hoogte) */
.ets-blog-list .ets_item_img{
    background: var(--etsb-bg-soft);
}

.ets-blog-list .ets_item_img img{
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
    transform: scale(1);
}

/* Content spacing */
.ets-blog-list .ets-blog-wrapper-content{
    padding: 18px 18px 16px !important;
}

/* Titel modern (geen schreeuwerige uppercase) */
.ets-blog-list .ets_title_block{
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: -0.01em;
    text-transform: none;
    margin-top: 0;
    padding: 0 0 10px;
}

/* Meta/toolbar netjes inline */
.ets-blog-list .ets-blog-latest-toolbar{
    float: none;
    width: 100%;
    color: var(--etsb-muted);
    font-size: 13px;
    margin: 0 0 10px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}

.ets-blog-list .ets-blog-latest-toolbar > div,
.ets-blog-list .ets-blog-latest-toolbar > span{
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

.ets-blog-list .blog_description{
    color: var(--etsb-text);
    opacity: .92;
    font-size: 14px;
    line-height: 1.65;
}

/* Read more als moderne button-link */
.ets-blog-list .read_more{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid var(--etsb-border) !important;
    background: #fff;
    color: var(--etsb-text);
    font-style: normal;
}

.ets-blog-list .read_more:hover{
    background: var(--etsb-bg-soft);
}

/* Pagination – strak
   ETS Blog gebruikt <b> voor de actieve pagina, <a> voor de rest */
.blog-paggination{
    margin-top: 20px;
}

.blog-paggination .links{
    gap: 4px;
}

.blog-paggination .links a,
.blog-paggination .links > b,
.blog-paggination .links span{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid var(--etsb-border) !important;
    border-radius: 8px !important;
    margin: 0 2px !important;
    font-size: 14px;
    line-height: 1;
    float: none !important;
    width: auto !important;
}

.blog-paggination .links > b{
    background: #2fb5d2 !important;
    border-color: #2fb5d2 !important;
    color: #fff !important;
    font-weight: 600;
}

/* Sidebar blocks – cards */
#left-column .ets_block_categories,
#left_column .ets_block_categories,
#right-column .ets_block_categories,
#right_column .ets_block_categories,
#left-column .ets_block_search,
#left_column .ets_block_search,
#right-column .ets_block_search,
#right_column .ets_block_search,
#left-column .ets_block_latest,
#left_column .ets_block_latest,
#right-column .ets_block_latest,
#right_column .ets_block_latest,
#left-column .page_blog,
#left_column .page_blog,
#right-column .page_blog,
#right_column .page_blog,
#left-column .ets_block_tag,
#left_column .ets_block_tag,
#right-column .ets_block_tag,
#right_column .ets_block_tag{
    background: var(--etsb-bg);
    border: 1px solid var(--etsb-border);
    border-radius: var(--etsb-radius);
    box-shadow: var(--etsb-shadow-sm);
    padding: 16px;
    margin-bottom: 18px;
}

/* Block titles */
#left-column .title_blog,
#right-column .title_blog,
#left_column .title_blog,
#right_column .title_blog,
.ets_block_categories .title_blog,
.ets_block_search .title_blog,
.ets_block_latest .title_blog{
    text-transform: none;
    font-size: 14px;
    letter-spacing: .04em;
    color: var(--etsb-muted);
    margin: 0 0 12px;
}

/* Search input modern */
.ets-blog-search input[type="text"],
.ets-blog-search input[type="search"],
.ets_block_search input[type="text"],
.ets_block_search input[type="search"]{
    width: 100% !important;
    border: 1px solid var(--etsb-border) !important;
    border-radius: 12px !important;
    padding: 12px 12px !important;
    background: #fff !important;
}

/* Sidebar: maak knoppen consistent */
.blog_view_all, .view_all_link,
.blog_view_all_button a{
    border-radius: 999px;
    padding: 10px 14px;
}

/* Mobile: behoud lucht */
@media (max-width: 767px){
    .ets-blog-wrapper.ets-blog-wrapper-blog-list,
    .ets-blog-wrapper-detail{
        padding: 22px 12px;
    }
}