/* Brand colors and typography */
    body { font-family: Montserrat; line-height: 24px; font-weight: 400; font-style: normal; color: #212127; font-size: 16px; }
    .navbar { background-color: #000000; padding-top:25px !important; padding-bottom: 25px !important; position: sticky; top: 0; z-index: 1020;}
    .navbar-nav .nav-link { color: #ffffff !important; font-weight: 500; font-family: Montserrat; line-height: 24px; font-style: normal; color: #212127; font-size: 16px;}
    .navbar-nav .nav-link.active { color: #ffffff !important; }
    .navbar-nav .nav-link:hover { color: #ffffff !important; }
    .site-logo { width: 149px; height:48px; background: url('Vonde_Logo_B@2x.png') center no-repeat; background-size: contain; display:block;}
    
    .navbar-brand { color: #000000; font-weight: 700; }
    .navbar-brand img { max-width: 149px; }
    .navbar-nav .nav-item:not(:last-child) .nav-link { padding-right: 35px !important; }
    .navbar-nav .nav-item.dropdown:hover .dropdown-menu { display: block; margin-top: 0; }
    .navbar-dark { color:#fff}
    .dropdown-menu { background-color: #000000; border-radius: 0; width:240px; }
    .dropdown-menu .dropdown-item { color: #ffffff; }
    .dropdown-menu { padding-left:1rem; }
    .dropdown-menu .dropdown-item { display: inline-block; position: relative; width: auto; white-space: nowrap; padding: .25rem 0; }
    .dropdown-menu .dropdown-item::before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #cc1b1b;transition: width 0.7s ease-in-out; }
    .dropdown-menu .dropdown-item:hover::before { width: 100%; }
    .dropdown-item:hover { background-color: #000000; color: #ffffff; }
    .gt_float_switcher, .gt_switcher-popup, .gt-selected { background-color: #000 !important; background: #000 !important;  }
    .gt-lang-code, .gt_float_switcher a, .gt_switcher-popup a { color: #ffffff !important; font-size: 15px; font-weight:500; font-family: Montserrat;}
    .gt_float_switcher, .gt_switcher-popup { position:absolute !important; }
    .gt_switcher-popup { padding:10px 15px; }
    .gt_switcher-popup span { color: #ffffff !important; font-size: 15px; font-weight: 500; font-family: Montserrat; }
    .gt_float_switcher img, .gt_switcher-popup img { width: 20px !important; height: auto;}
    .gt_options { columns: 2; column-gap: 0.2em; }
    .gt_options a { display: block; margin-bottom: 0.5em; padding: 5px 5px !important;}
    .gt_languages a { display: block; padding: 8px 12px; text-decoration: none; color: inherit; }
    .gt_languages { max-height: 300px; overflow-y: auto; padding: 4px 0; }
    .gt_white_content .gt_languages { display: block !important; overflow-x:visible; max-height:100% !important; }
    .gt_white_content { width:500px !important; margin-left:-275px !important; border-radius:.75rem !important; padding:.75rem !important; overflow:hidden !important; }
    .gt_languages { clear:both; padding:40px 10px 10px !important;}
    .gt_white_content a.glink img { width:3.5rem !important; height:2.5rem !important; border: 0 solid #e5e7eb; margin-right:1rem; border-radius: .5rem; }
    .gt_languages .nturl { padding:.75rem; }
    .gt_white_content a { border-bottom:0 !important; color:rgb(55, 65, 81);}
    .gt_white_content a:hover { background-color:rgb(229, 231, 235, 0.5) !important; border-radius: .75rem;}
    .gt_languages::before { content: "Select Language"; display: block; position: absolute; top: 0; left: 0; right: 0; height: 40px; line-height: 40px;background-color: #f5f5f5; border-bottom: 1px solid #ddd; font-weight: bold; font-size: 14px; color: #333; padding-left: 12px; box-sizing: border-box; z-index: 1;}
    a.gt_switcher-popup span:first-of-type { display: none; }
    a.gt_switcher-popup img { width:32px !important; }
    .switcher_holder { display:none; }
    
    .container { max-width: 1140px; }
    .inner-banner-top { background: url('blog-header.webp') no-repeat center center; background-size: cover; height: 300px; margin-block-start: 0;}
    .inner-banner { background-color: #ffffff; padding: 32px 0 32px; text-align: center; }
    .inner-banner-top .container { padding-top: 60px; padding-bottom: 100px; }
    .title { font-family: Poppins; line-height: 52px; font-weight: 700; font-style: normal; color: #ffffff; font-size: 45px; }
    .subtitle { font-family: Poppins; line-height: 30px; font-weight: 600; font-style: normal; color: #ffffff; font-size: 20px; }
    p { margin: 0 0 10px; }
    .inner-banner h2 { font-size: 32px; color: #b0358b; text-align: center; font-family: Poppins; line-height: 48px; letter-spacing: -1px; font-weight: 800; font-style: normal;}
    .inner-banner h3 { font-family: Poppins;line-height: 48px;letter-spacing: -1px;font-weight: 800;font-style: normal;font-size: 24px;color: #000000;text-align: center;}
    .my-5 { margin:0px auto !important; }
    .entry-header { margin-bottom:12px; }
    article { position: relative; }
    .category-list { position: absolute; top: 19px; right: 20px; left: 20px; z-index: 2; }
    .category-list a { display: inline-block; vertical-align: top; margin-right: 8px; margin-bottom: 10px; padding: 8px 15px 7px 15px; background-color: #252525; border: 1px #252525 solid; border-radius: 30px; text-transform: uppercase; font-weight: 500; font-size: 11px; color: #fff; line-height: 1.1; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; font-size:11px; text-decoration: none; }
    .category-list a:hover { background-color: transparent; color: #252525; }
    .entry-content p { font-size:14px; color: rgb(33,33,39); }
    .author { font-size:13px; color: rgb(1,1,1); font-weight:400;}
    .pagination { justify-content: center; align-items: center; }
    .pagination .page-numbers { min-width: 45px; min-height: 45px; padding: 9px 15px 9px 15px; background-color: #fff; border: 1px rgba(0, 0, 0, 0.12) solid; border-radius: 40px; text-align: center; font-weight: 700; font-size: 14px; color: #010101; line-height: 25px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; text-decoration:none; margin: 0px 5px 10px 5px; }
    .pagination .next, .pagination .prev { border:0px !important; }
    .pagination .current { background-color:rgb(254, 0, 47); color: #ffffff; border: 1px rgba(254, 0, 47); }
    .pagination .page-numbers:hover { color: #b0358b; }
    .placeholder { background-repeat:no-repeat; width:100%; min-height:240px; height:auto; background-size:cover; background-position:center; opacity:1; cursor:pointer; margin-bottom:15px;}
    .date { font-size: 13px; color: rgb(153, 153, 153); line-height: 22px;}

    /* Footer adjusted to sample colors */
    footer { background-color: #000000; color: #ffffff; margin-top:0;}
    footer h6 { color: #333333; font-weight: 600; }
    footer a { color: #333333; text-decoration: none; }
    footer a:hover { color: #ff6200; }
    footer small { color: #999999; }
    footer .footer-copyright { background-color: #ffffff; width:100%; padding: 10px 0; }
    footer .footer-copyright .container { color:#6b6b6b; font-size:15px; }
    footer .footer-copyright .container a { color: #b0358b;  text-decoration: none; }
    footer .footer-copyright .container a:hover { color: #172edd; }
    footer .container .row { padding-top: 90px; padding-bottom: 50px; }
    footer h5 { font-size: 15px; color: #cfd3e5; line-height: 28px; text-align: left;}
    footer h6 { font-size: 21px; color: #ffffff; line-height: 28px; text-align: left; margin-bottom:27px;}
    .bi-facebook, .bi-instagram { color:#ffffff; font-size:32px; margin-right:12px;}
    .bi-facebook:hover, .bi-instagram:hover { color:#4d4e56; }
    .footer_list { list-style: none; padding: 0; }    
    footer a, .footer_list a { color: #ffffff; font-size: 15px; line-height: 28px; text-align: left;font-weight:500; }
    footer a:hover, .footer_list a:hover { color: #ffffff; }
    .footer_list a::before { content: "\f285"; font-family: bootstrap-icons !important; font-size:12px; line-height:28px; padding-right:10px; }
    
    
    .card { box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.12); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; border:0px; border-radius:0px;}
    .posts_grid { list-style-type: none; float: left;}
    .blog_date { font-size: 13px; color: #807f7f; line-height: 22px; }
    .blog_date a { color: #fe002f; text-decoration:none; }
    .vproapp { background-color: #B0358B; padding: 0px 10px 0px 20px;line-height: 28px; border: none; border-radius: 4px; margin-bottom: 10px;}
    .card-title { font-family: Poppins; font-weight: 700; font-size:18px;}
    .card-title a, h5.card-title { color: rgb(30,30,30); text-decoration: none; }
    .alignbottom { padding: 0; color:#fe002f; background-color: transparent; border-radius: 0; box-shadow: initial; font-weight: 600; font-size: 15px; line-height: 23px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;  border:0px; text-align:left }
    .alignbottom:hover { background-color: transparent; color: #000000; border-radius: 0; box-shadow: initial; font-weight: 600; font-size: 15px; line-height: 23px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
    .alignbottom::before { content: ""; display: inline-block;  vertical-align: middle;  width: 0; height: 2px; background: currentColor;transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;}
    .alignbottom:hover::before { width: 1em; display: inline-block; transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out; margin-right:10px;}
    .card-img-top { border-top-left-radius: 0; border-top-right-radius: 0;}

    .wp-block-columns { padding-top:50px; }
    .wp-block-post-title { font-family: Poppins; font-weight: 600; font-size: 32px; line-height: 40px; word-wrap: break-word; }
    .entry-meta { padding-bottom: 35px; color:#212127;}
    .wp-block-post-date, .wp-block-post-author-name, .wp-block-post-terms, .wp-block-post-terms a, .single_post_meta { float:left; color:#212127;font-family: Montserrat;line-height: 24px; font-weight: 400; font-style: normal; font-size: 14px; text-decoration:none;}
    .single_post_meta { margin-right:8px; }
    .single_left_margin { margin-left:8px; }
    .wp-block-search .wp-block-search__input, .wp-block-search__button { border-radius: 0;  }
    .wp-block-search .wp-element-button, .wp-block-search .wp-block-button__link { margin-left:0px !important; padding-left:15px; padding-right:15px;background-color:#ff0f27; color:#ffffff; }
    .wp-block-latest-posts__list.has-dates.is-style-list li { display: grid; grid-template-columns: 68px 1fr; column-gap: 1rem; align-items: start; padding: 1rem 0; border-bottom: 1px solid #e0e0e0; }
    .wp-block-latest-posts__list.has-dates.is-style-list li:last-child { border-bottom: none; }
    .wp-block-latest-posts__list.has-dates.is-style-list li .wp-block-latest-posts__featured-image img { width: 100%; height: auto; display: block; }
    .wp-block-latest-posts__list.has-dates.is-style-list li .wp-block-latest-posts__post-title { margin: 0 0 0.25em; }
    .wp-block-latest-posts__list.has-dates.is-style-list li .wp-block-latest-posts__post-date { display: block; margin: 0; font-size: 12px; color: #666; grid-column: 2; }
    a.wp-block-latest-posts__post-title { margin-bottom: 3px; font-weight: 500; font-size: 16px; color: #333; line-height: 25px; text-decoration: none; }
    .wp-block-latest-posts__list { margin-block-start: 0; }
    .widget-title { font-family: Poppins; margin-top: 30px; font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.2px; }

    .widget-title::after { vertical-align: middle; display: inline-block; margin-left: 15px; content: " "; width: 15px; height: 2px; background-color: #fe002f;}
    .wp-block-categories-list { list-style: none; padding: 0; margin-top: 1rem; }
    .wp-block-categories-list li { line-height: 26px; font-size: 14px; margin-bottom:10px; }
    .wp-block-categories-list li a { font-size: 14px; line-height: 26px; text-decoration:none; color:#212127; }

    .tag-cloud-link { display: inline-block; vertical-align: top;  margin-bottom: 4px; font-weight: 400; font-size: 14px !important; color: #212127; line-height: 26px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; text-decoration:none; }
    .tag-cloud-link:not(:last-child)::after { display: inline-block; vertical-align: middle; content: "/"; margin-top: -2px; margin-left: 10px; margin-right: 10px; }

    .post-navigation-links { display: grid; grid-template-columns: 1fr 1fr; column-gap: 2rem; align-items: start; }
    .post-navigation-link-previous { text-align: left; }
    .post-navigation-link-next { text-align: left; }
    .post-navigation-links .wp-block-post-navigation-link { display: flex; flex-direction: column-reverse; align-items: flex-start; }
    .post-navigation-links .post-navigation-link__label { margin-top: 1.5em; color: #666; }
    .wp-block-post-navigation-link, .wp-block-post-navigation-link a { margin-top:0px; display: block; margin-bottom: 7px; font-weight: 600; font-size: 18px; color: #181818; line-height: 28px; letter-spacing: -0.4px; text-decoration:none;}
    .post-navigation-links .post-navigation-link-previous { font-size:12px; font-weight:400;}
    .post-navigation-links .post-navigation-link-next { align-items: flex-end; font-size:12px; font-weight:400; }
    .post-navigation-link-next a { text-align: right; }
    .wp-block-group .post-tags-wrapper { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1.5rem; }
    .related-articles { background-color: #f0f0f0 !important; clear:both; padding-top:90px; padding-bottom:70px; }
    .related-articles h4 { font-family: Poppins; font-weight: 600; font-size: 22px; line-height: 32px; color: #000000; margin-bottom: 15px; }
    .related-articles ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
    .related-articles ul li { margin: 0; }
    .related-articles ul li a { font-family: Poppins; text-decoration: none; color: #000000; font-weight: 600; font-size: 20px; line-height: 28px; }

    .related-articles .post-meta { display: inline-flex; align-items: center; gap: 0.5ch; font-size: 0.9em; color: #555;}
    .related-articles .post-meta .bi { font-size: 1em; }
    .wp-block-post-date { margin-block-start: 0px; }

    @media (max-width: 768px) {
      .related-articles ul { grid-template-columns: 1fr; }
    }


.gtranslate-language {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.all-post-titles-row {
  display: flex;
  flex-wrap: wrap;   /* allows wrapping if there are too many to fit */
  gap: 1em;          /* space between titles */
}

/* Hide header and footer when minimal mode is active */
body.hide-header-footer header,
body.hide-header-footer footer {
    display: none !important;
}