/* last update */

@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

@media (min-width: 0px) and (max-width: 1200px) {
    .menu-item {
        font-weight: 400 !important;
    }
}


body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.scroll-menu {
    gap: 10px !important;
    align-items: center !important;
}

.home-menu{
margin-right: 4px !important;
}

.clearfix.gva_menu.gva_menu_main{
margin-top: 6px;
}

/* old Css Codes Start */

@font-face {
    font-family: 'georgia_nuja';
    src: url('../fonts/icon/georgia.ttf') format('truetype');
}

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* Apply the custom font to all text */




.node-detail ul {
    padding-left: 20px;
}

.node-detail ul li {
    list-style: disc;
}

.item {
    position: relative;
}



.slider-image {
    position: relative;
}

.slider-image img {
    width: 100%;
    height: auto;
    display: block;
}


.slider-title {
    position: absolute;
    bottom: 20px;
    /* Adjust this value to position the title vertically */
    left: 20px;
    /* Adjust this value to position the title horizontally */
    color: white !important;
    /* Ensure the text color is white */
    background-color: rgba(0, 0, 0, 0.5);
    /* Optional: Adds a semi-transparent background for better readability */
    padding: 10px;
    /* Optional: Adds some padding around the text */
    font-size: 18px;
    /* Adjust font size as needed */
    font-weight: bold;
    /* Make the text bold */
}

.slider-title a {
    color: white !important;
    /* Ensure the link text color is white */
    text-decoration: none;
    /* Optional: Removes underline from links */
}

/* Topbar styles */
.header-v2 .topbar {
    background-color: #c00;
    /* Adjust this color to match the exact shade of red */
    color: #fff;

    text-align: center;
}

.header-v2 .topbar .date-bar p {
    margin: 0;
    font-size: 14px;
}

/* Main Logo Section */
.header-v2 .header-main {
    padding: 15px 0;
    text-align: center;
}

.header-v2 .header-main .site-logo {
    max-width: 200px;
    /* Adjust logo size as necessary */
}

/* Main Menu */
.header-v2 .header-bottom {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.header-v2 .main-menu {
    text-align: center;
}

.header-v2 .main-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-v2 .main-menu ul li {
    display: inline-block;
    margin: 0 10px;
}

.header-v2 .main-menu ul li a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

.header-v2 .main-menu ul li a:hover {
    color: #007bff;
    /* Adjust hover color as necessary */
}

.header-v2 .menu-social {
    text-align: center;
    margin-top: 10px;
}

.header-v2 .menu-social a {
    font-size: 16px;
    margin: 0 5px;
    color: #000;
}

.header-v2 .menu-social a:hover {
    color: #007bff;
    /* Adjust hover color as necessary */
}


/* Hide images within the body field */
.view-list-item .field--name-body img {
    display: none;
}

/* Ensure other images are not affected */
.view-list-item .post-thumbnail img {
    display: block;
}






/* General styles for the content wrapper */
.node.node--type-article.node--promoted.node--view-mode-teaser-5.clearfix.post-block {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 0px;
}

/* Styles for the post thumbnail (image wrapper) */
.post-thumbnail {
    flex: 0 0 200px;
    /* Fixed width for image container */
    /*    margin-right: 20px;*/

    justify-content: center;
    align-items: center;
}

.desktop-list-cat .column-content-inner .post-thumbnail {
     display: flex !important; 

}

.post-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
}

/* Full width when no image is present */
.node.node--type-article.node--promoted.node--view-mode-teaser-5.clearfix.post-block.no-image .post-thumbnail {
    display: none;
    /* Hide the image container */
}

.node.node--type-article.node--promoted.node--view-mode-teaser-5.clearfix.post-block.no-image .post-content {
    flex: 1 1 100%;
    /* Full width for content */
}

/* Styles for the post content */
.post-content {
    flex: 1 1 auto;
}

/* Ensure consistent alignment and spacing for text content */
.post-title {
    font-size: 1.5em;
    margin: 0 0 10px;
}

.post-meta {
    font-size: 0.9em;
    color: #777;
    margin-bottom: 10px;
}

.post-body {
    font-size: 1em;
    color: #333;
}




/* Container for the subscription form */
.webform-submission-form {
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Style the labels */
.webform-submission-form label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
    color: #333;
    font-size: 14px;
}

/* Style the input fields */
.webform-submission-form input[type="email"],
.webform-submission-form input[type="text"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
}

/* Style the submit and reset buttons */
.webform-submission-form input[type="submit"],
.webform-submission-form input[type="reset"] {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 4px;
    display: inline-block;
    width: auto;
    margin-right: 10px;
    font-size: 14px;
}

.webform-submission-form input[type="submit"]:hover,
.webform-submission-form input[type="reset"]:hover {
    background-color: #0056b3;
}

/* Additional styles for reset button */
.webform-submission-form input[type="reset"] {
    background-color: #6c757d;
}

.webform-submission-form input[type="reset"]:hover {
    background-color: #5a6268;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .webform-submission-form {
        padding: 15px;
    }

    .webform-submission-form input[type="submit"],
    .webform-submission-form input[type="reset"] {
        width: 100%;
        margin-bottom: 10px;
    }
}











/* Topbar background and font color change */
.topbar {
    background-color: #b60505 !important;
    /* Change background to red with !important */
    color: #ffffff !important;
    /* Change font color to white with !important */
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
}

/* Ensure all text within the topbar is white */
.topbar a,
.topbar .breaking-news-title,
.topbar .breaking-content {
    color: #ffffff !important;
    /* Change text color to white with !important */
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
}

/* Ensure links within the breaking content are white */
.topbar .breaking-content a {
    color: #ffffff !important;
    /* Change link text color to white with !important */
}

.topbar .breaking-content a:hover {
    text-decoration: underline;
    /* Optional: underline on hover */
}





/* Style for the sidebar */
.widget.block {
    /* background: #ffffff;  White background */
    /* Padding around the content */
    border-radius: 5px;
    /* Rounded corners */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* Light shadow for depth */
}

/* Style for the block title */
.widget.block .block-title {
    font-size: 1.2em;
    /* Slightly larger font for the title */
    font-weight: bold;
    /* Bold text */
    margin-bottom: 10px;
    /* Space below the title */
}

/* Style for the list items */
.widget.block .list.item {
    margin-bottom: 15px;
    /* Space between items */
}

/* Style for the item title */
.widget.block .list.item h4 {
    font-size: 1em;
    /* Standard font size */
    font-weight: bold;
    /* Bold text */
    margin: 0 0 5px;
    /* Space below the title */
}

/* Style for the body text */
.widget.block .list.item .views-field-body-1 .field-content {
    font-size: 0.9em;
    /* Slightly smaller font size */
    color: #121212 !important;
    /* Grey color for the text */
}

/* Style for the "Read More" link */
.widget.block .views-more-link {
    color: #d9534f;
    /* Bootstrap's danger color (red) */
    font-weight: bold;
    /* Bold text */
    text-decoration: none;
    /* No underline */
}

.widget.block .views-more-link:hover {
    text-decoration: underline;
    /* Underline on hover */
}



/*   From nuja and kaja custome code  */

.read-more-link {
    color: rgba(0, 0, 0, 0.85);
    font-size: 15px;
}

.field-content-latest {
    height: 100px;
    overflow: hidden;

}



.node--view-mode-teaser-5.clearfix.post-block {
    display: flex;
    align-items: flex-start;
}



.node--view-mode-teaser-5.clearfix.post-block .post-content {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}


.menu-item a:hover {
    color: #ffffff !important;
    /* Ensure the text remains readable */
}





.contextual-region.node.node--type-article.node--view-mode-small.clearfix.small-post.post-block .post-title span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.node--view-mode-teaser-5.clearfix.post-block iframe {
    display: none;
}

.post-block iframe {
    position: relative !important;
}



body {
    font-family: 'Roboto', serif;
    font-size: 16px;

}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', serif;
}


.post-top .post-title span {
    font-size: 32px;
}

.heading-top .title span {
    font-size: 20px;
}



/* Custom styles */
.widget.block {
    /*  background: #ffffff;*/
    border-radius: 0px;

    box-shadow: none !important;
    /* Remove any existing box shadow */
}


.topbar {
    background-color: #dc0606 !important;
    color: #ffffff !important;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
}


#block-gavias-batiz-linkfooter .block-title span {
    color: #dc0606;
}

#block-gavias-batiz-linkfooter .block-title span,
#block-gavias-batiz-contactinfo-2 .block-title span {
    color: #dc0606;
}




/* Change the color of the date to gray */
.post-meta .post-created {
    color: gray;
}



header .header-main {
    padding: 0px 0 !important;
}







#block-gavias-batiz-footermenu02 .block-title span {
    color: #dc0606 !important;
}


/* Other styles */

.copyright {
    background-color: #ffffff !important;
}

/* Other styles */




#block-gavias-batiz-contactinfo-2 {
    margin-left: 70px !important;
    /* Adjust the value as needed */
}

#block-gavias-batiz-footermenu02 {
    margin-left: 140px !important;
    /* Adjust the value as needed */
}

#block-gavias-batiz-linkfooter {
    margin-left: 90px !important;
}

img {
    object-fit: cover;
}









.block-title {
    position: relative;
    /* Ensure the pseudo-element is positioned relative to the heading */
    padding-bottom: 10px;
    /* Adjust padding to make space for the line */
    border-top: none !important;
    /* Remove the old line above the title */
    margin-top: 0 !important;
    /* Adjust margin to remove space */
    padding-top: 0 !important;
    /* Adjust padding to remove space */
}

.block-title:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    /* Adjust the height for the thickness of the line */
    position: absolute;
    bottom: 0;
    left: 0;
}

.posts-list-number .post-block .post-title {
    padding-left: 0px;
}

#block-gavias-batiz-footermenu02 {
    margin-left: 10px !important;
}

#block-gavias-batiz-linkfooter {
    margin-left: 10px !important;
}

#block-gavias-batiz-contactinfo-2 {
    margin-left: 10px !important;
}


p.footer-p {
    margin-left: 10px;
}


.widget {
    margin-bottom: 10px;
}





.block-title span {
    color: #dc0606 !important;
}




/* Align text slightly down */
.content block-content .field--name-body {
    padding: 10px !important;
    margin-top: -23px !important;
}












































/* Styling for the "We need your support" block */
#block-gavias-batiz-weneedyoursupport {
    border-radius: 5px !important;
    padding: 20px !important;

    position: relative;
    background-color: white;
    padding: 20px 40px 0px 40px !important;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);

}

#block-gavias-batiz-weneedyoursupport::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #CB3C25;
    /* Red color matching the button */
    border-radius: 5px 5px 0 0;
    /* Rounded corners */
}

/* Heading */
#block-gavias-batiz-weneedyoursupport .block-title span {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #3C4858 !important;
    width: 822px;
    height: 36px;
    display: inline-block;
    margin-bottom: 7px;
    /* Ensures the span respects the layout */
    margin-left: 0px;
    margin-top: 9px;
    text-transform:initial;
}


/* Text content */
#block-gavias-batiz-weneedyoursupport .field__item p {
    font-family: 'Georgia', serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px !important;
    color: #000000;
    margin-left: 0px;
    margin-bottom: 12px;
}

/* Donate button */
#block-gavias-batiz-weneedyoursupport .field__item a img {
    margin-top: 25px !important;
    display: block !important;
}

.field--name-body {
    padding: 0px !important;
}

#mc_embed_signup {
    background: #f9f9f9;
    clear: left;
    font: 14px Helvetica, Arial, sans-serif;
    width: 100%;
    padding: 20px;
    border: 1px solid #cccccc;
    box-sizing: border-box;
}

#mc_embed_signup h2 {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 24px;
    font-weight: bold;
}

.indicates-required {
    font-size: 12px;
    color: #ff0000;
    margin: 0 0 10px 0;
}

.mc-field-group {
    margin-bottom: 15px;
}

.mc-field-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.mc-field-group input {
    width: 100%;
    padding: 8px;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    border-radius: 3px;
}

.clear {
    padding-top: 15px !important;
    /* Add padding to the top */
}

.clear input {
    background: #777777;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    color: #ffffff;
    border-radius: 3px;
    cursor: pointer;
}

.clear input:hover {
    background: #555555;
}




/* Apply to all text within the specified block */
.footer-second {
    color: #ffffff !important;
}

/* Specifically target the links within the block to ensure they are white */
.footer-second a {
    color: #ffffff !important;
}

/* Ensure the block title text is also white */
.footer-second .block-title span {}

/* Additional specific targets to ensure all text elements are white */
.footer-second .block-content,
.footer-second .block-content p,
.footer-second .block-content a {
    color: #ffffff !important;
}


/* Apply to all text within the specified block */
.footer-third {
    color: #ffffff !important;
}

/* Specifically target the links within the block to ensure they are white */
.footer-third a {
    color: #ffffff !important;
}

/* Ensure the block title text is also white */
.footer-third .block-title span {
    color: #dc0606 !important;
}

/* Additional specific targets to ensure all text elements are white */
.footer-third .block-content,
.footer-third .block-content p,
.footer-third .block-content a {
    color: #ffffff !important;
}







/* Add a bottom border to each list item */
.view-content-wrap .list.item {
    border-bottom: 1px solid #ccc;
    /* Change #ccc to your desired color */
    padding-bottom: 15px;
    /* Add some padding to space out the border */
    margin-bottom: 15px;
    /* Add some margin to space out the items */
}

/* Remove the bottom border from the last item */
.view-content-wrap .list.item:last-child {
    border-bottom: none;
}



/* Add a border at the bottom of each post */
.item-list .view-list-item {
    border-bottom: 1px solid #cccccc;
    /* Light gray color */
    padding-bottom: 10px;
    /* Add some padding at the bottom */
    margin-bottom: 10px;
    /* Add some margin at the bottom */
}

/* Remove the last border */
.item-list .view-list-item:last-child {
    border-bottom: none;
}

/* Add a bottom border to each item */


/* Remove the bottom border from the last item */
.view-content-wrap .item:last-child {
    border-bottom: none;
}

/* Target the anchor tag within the specified div */
.field--name-body .text-center a {
    color: #000000 !important;
    /* Set the text color to black */
}

p.footer-logo {
    margin-left: 10px;
    margin-top: -23px !important;
}

.hored:hover {
    color: #DC0605 !important;
    border-color: #DC0605 !important;
}

.fa:hover {
    color: #DC0605 !important;

}

.fa.fa-twitter {
    font-family: sans-serif;
}

.fa.fa-twitter::before {
    content: "𝕏" !important;
    font-size: 1.2em !important;
}

.hored:hover~.fa {
    color: #DC0605 !important;
    border-color: #DC0605 !important;

}

.gva-search-region.search-region.realsearch {
    right: 0px !important;
}

@media (max-width: 1024px) {
    .social_media {
        display: none;
    }

}

@media (max-width: 768px) {
    .social_media {
        display: block;
    }

    .gva-search-region.search-region.realsearch {
        right: 65px !important;
    }


}

@media only screen and (max-width: 767px) {
    .breaking-news {
        display: none !important;
    }
}

.breaking-content>.newsticker {
    margin-top: 2px;
}

.post-meta .post-categories {
    visibility: hidden;
}


/* close button */

@media (max-width: 991px) {
    .gva-offcanvas-inner .close-offcanvas a {

        border: none;

    }
}

@media (max-width: 991px) {
    .gva-offcanvas-inner .close-offcanvas {

        text-align: end;

    }
}




@media (max-width: 991px) {
    .gva-offcanvas-inner {
        width: 35% !important;
        background-color: #222222 !important;

    }
}

@media (max-width: 991px) {
    .gva-offcanvas-inner .gva-navigation .gva_menu>li>a {
        color: white !important;

    }
}


/* .block .block-title > span {
      text-transform: capitalize !important;
  } */

.custom-social-share .social-button.twitter {
    background-color: #000 !important;
}

.item-list.list-views {
    padding: 0px !important;
    background: none !important;
}

.feed-icon {
    display: none !important;
}

/* copied  */



/* old Css end  */





/* body {
      background-color: #F9FAFC !important;
  } */

.post-created {
    display: none;
}



.field.field--name-field-content-builder.field--type-gavias-content-builder {
    background-color: #f9fafc !important;
}









/* Styling the main heading title */
.views-field-title.main-heading-title .field-content a {
    font-family: 'Playfair Display', serif;
    /* Serif font for the title */
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
    color: #3c4858 !important;
    text-decoration: none;
    /* Remove underline from the link */
    margin-bottom: 12px;
    /* Space between title and body */
}

/* Styling the body text */
.views-field.views-field-body.main-heading-body .field-content {
    font-family: Georgia, serif;
    /* Serif font for body text */
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #525252;
    /* Greyish color for the body text */
    margin-bottom: 24px;
    /* Space between body and image */
}

/* Styling the image */
.views-field-field-image.main-heading-image .field-content img {
    width: 100%;
    /* Make the image responsive */
    height: auto;
    /* Maintain the aspect ratio */
    display: block;

    border-bottom-left-radius : 8px;
    border-bottom-right-radius : 8px;

}

/* Optional: Consistent spacing between article blocks */
.view-content-wrap .item {}




/* sidebar */

.item-list .view-list-item {
    border-bottom: none !important;
}

/* Styling the block title */
.block-title span {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #1C3D5A;
    /* Dark blue color */
    display: block;
}

/* Styling the list items to align horizontally */
.view-list-item {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    /* Space between items */
    gap: 12px;
    /* Space between image and text */
}

/* Styling the images */
.view-list-item .post-image img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    /* Maintain aspect ratio, no distortion */
}

/* Styling the content of each list item */
.view-list-item .post-content {

    flex-direction: column;
    justify-content: space-between;
}

/* Styling the article titles */
.view-list-item .post-title a {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #1C3D5A;
    text-decoration: none;
    /* No underline */
    margin-bottom: 4px;
    /* Space between title and date */
}

/* Styling the dates */
.view-list-item .post-meta .post-date-css {
    font-family: Georgia, serif;
    font-size: 12px;
    color: #525252;
    /* Light grey color for dates */
    line-height: 16px;
}






/* 2 coloume news*/


/* Styling the main container */
.views-col {
    width: 50%;
    /* Ensures two columns layout */
    box-sizing: border-box;
}

/* Styling the category text (e.g., "Tamil Affairs") */
.views-field-field-post-category.classcategory .field-content a {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #CB3C25;
    /* Red color */
    text-transform: uppercase;
    margin-bottom: 4px;
    display: inline-block;
}

/* Styling the title of the article */
.views-field-title.classtitle .field-content a {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #3C4858;
    /* Dark blue color */
    text-decoration: none;
    margin-bottom: 8px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}




/* Adjust spacing between items */
.views-col {}











/* Set container styles */


/* Style the text in the category field */
.classcategory a {
    font-family: 'Source Sans 3', sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #CB3C25 !important;
    text-decoration: none;
}

/* Title styling */
.classtitle a {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    line-height: 26.66px;
    font-weight: 700;
    color: #3C4858;
    text-decoration: none;
    display: block;
    margin-top: 8px;
}

/* Image styles */
.classimage img {
    width: 480px;
    height: 368px;
    object-fit: cover;
}

/* Adjust for smaller posts or inline images */
.items-second .item-post img {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    object-fit: cover;
}



/* Post meta styling (dates and categories) */
.post-meta span {
    font-family: 'Source Sans 3', sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    color: #525252;
}

/* Flex layout for inline smaller posts */
.items-second .item-post {
    display: flex;
    align-items: center;
    /* margin-top: 15px; */
}

/* Set text and layout alignment */
.post-content {
    flex: 1;
    margin-left: 10px;
}









.content-inner .post-title a {
    font-family: 'Playfair Display', serif !important;
    /* Title font */
    font-weight: 700 !important;
    /* Font weight */
    font-size: 24px !important;
    /* Font size */
    line-height: 31.99px !important;
    /* Line height */

}

/* Styling the body */
.content-inner .post-body p {
    font-family: 'Georgia', serif !important;
    /* Body font */
    font-weight: 400 !important;
    /* Font weight */
    font-size: 14px !important;
    /* Font size */
    line-height: 28px !important;
    /* Line height */

}




.post-block .post-meta {
    margin: -20px 0 0
}




.views-field.views-field-field-post-category .post-categories a {
    color: #CB3C25 !important;
}

.field--name-name.field--type-string.field--label-hidden.field__item {
    display: none !important;
}






/* Truncate article title to a single line with ellipsis */
.latest-headlines a {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    font-weight: bold !important;
    color: white !important;
    /* Adjust if needed */
}

/* Style for article date */
.Article_date {
    display: block !important;
    margin-top: 5px !important;
    color: #525252 !important;
    /* Date color */
    font-size: 12px !important;
    line-height: 1.5 !important;
}





.widget.block.clearfix.gsc-block-view.gsc-block-drupal.block-view.title-align-left.text-dark.remove-margin-off.remove-margin-post-off .block-title {
    color: #0099CC !important;
}









.widget.block.clearfix.gsc-block-view.gsc-block-drupal.block-view.title-align-left.block-white.text-dark.remove-margin-off.remove-margin-post-off.red {
    gap: 16px !important;
    border-radius: 8px !important;
    background-color: #3C4858 !important;
    padding: 16px !important;
}

/* Individual news items */
.view-content-wrap .item {
    border-bottom: none !important;
    margin-bottom: 24px !important;
    /* Adjust space between each news item */
}

/* Styling for news headlines */
.Latest-Headlines-heading a {
    display: block !important;
    font-family: 'Source Sans 3', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    /* Tighter line height */
    color: #E0E6ED !important;
    text-decoration: none !important;
    margin-bottom: 1px !important;
    /* Controls space between title and date */
    word-wrap: break-word !important;
}

/* Styling for the date */
.Latest-Headlines-heading span {
    font-family: 'Source Sans 3', sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    color: #98A6B2 !important;
    display: block !important;
    /* Ensures date stays below the title */
    margin-top: 0 !important;
    /* Removes unnecessary space above the date */
}

/* Adding hover effect for headlines */
.Latest-Headlines-heading a:hover {
    color: #E0E6ED !important;
    text-decoration: none !important;
}

/* Layout control for consistent spacing */
.Latest-Headlines-heading {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    /* Controls gap between title and date */
    /* margin-bottom: -5px !important; */
    /* Space between each news item */
}






.views-field.views-field-field-post-category.Category-class a {
    color: #CB3C25 !important;
    /* Red color */
    font-family: 'Source Sans 3', sans-serif !important;
    /* Font family */
    font-weight: 700 !important;
    /* Font weight */
    font-size: 14px !important;
    /* Font size */
    line-height: 16px !important;
    /* Line height */
    text-decoration: none;
    /* Remove underline */
}









/* General mobile responsiveness */
@media only screen and (max-width: 768px) {

    /* Ensure that the entire grid stacks vertically */
    .views-view-grid {
        display: block;
    }

    .views-row {
        display: flex;
        flex-direction: column;
        /* Make each news item vertical */
        margin-bottom: 20px;
        /* Ensure consistent space between elements */
    }

    /* Adjusting columns to take full width in mobile */
    .views-col {
        width: 100% !important;
        margin-bottom: 16px;
        /* Space between items */
    }

    /* Align content inside each news card */
    .views-field {
        margin-bottom: 8px;
        /* Space between title and date */
    }

    .views-field-field-post-category {
        font-family: 'Source Sans 3', sans-serif;
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        color: #CB3C25;
        /* Red for the post categories */
        margin-bottom: 8px;
        /* Adjust space between category and title */
    }

    /* Title styles with Playfair Display font */
    .views-field-title a {
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        font-size: 20px;
        line-height: 28px;
        text-decoration: none;
    }

    /* Ensure images are responsive */
    .classimage img {
        width: 100%;
        /* Full width for mobile */
        height: auto;
        /* Maintain aspect ratio */
        border-radius: 8px;
        /* Optional: Add rounded corners */
    }

    /* Consistent spacing for article cards */
    .views-field-field-image {
        margin-bottom: 12px;
    }

    /* Adding space between each grid element */
    .block-content {
        padding: 16px;
    }
}







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

    /* Ensure image fits the container and remove border-radius */
    .classimage img {
        width: 100%;
        /* Image takes full width of its container */
        height: auto;
        /* Maintain the aspect ratio */
        border-radius: 0 !important;
        /* Remove any border-radius */
        object-fit: cover;
        /* Ensure the image covers the space neatly */
    }

    /* Ensure the container takes full width on mobile */
    .block-content {
        width: 100%;
        /* Container fills the entire screen width */
        padding: 0 16px;
        /* Add padding for alignment */
        box-sizing: border-box;
        /* Ensure padding doesn’t overflow */
    }

    /* Ensure grid and columns align properly */
    .views-view-grid {
        margin: 0;
        /* Remove any extra margin */
    }

    .views-col {
        width: 100% !important;
        /* Ensure each column takes full width */
        margin-bottom: 24px;
        /* Add spacing between items */
    }

    /* Add spacing between the image and text */
    .classcategory,
    .classtitle {
        margin-top: 16px;
        /* Maintain a 16px gap between the image and text */
    }
}













.view-content-wrap .item {
    display: flex;
    flex-direction: column;
}

.Category-class {
    margin-bottom: 4px;
    /* 4px gap between "Tamil Affairs" and the main heading */
}

.main-heading-title {
    margin-bottom: 4px;
    /* 4px gap between the main heading and the body text */
}

/* .main-heading-body {
    margin-bottom: 32px;
} */

.main-heading-image {
    margin-top: 0;
    /* Ensure no extra space above the image */
}







.block-title span::after {
    content: none !important;
    /* Hides the ::after content */
    display: none !important;
    /* Ensures it does not occupy any space */
}








table {
    border: none !important;
    border-collapse: collapse !important;
}

table td,
table th {
    border: none !important;
}









/* Target only the editorial table inside the specific block-content */
.widget.block .block-content .views-element-container .Editorial table {
    border: none !important;
    /* Remove table border */
    border-collapse: collapse !important;
    /* Collapse any potential borders */
    width: 100%;
    /* Ensure it fills the parent container */
    margin: 0;
    /* Remove any extra margin */
    padding: 0;
    /* Remove padding */
}

/* Style the table rows and cells */
.widget.block .block-content .views-element-container .Editorial table tbody tr {
    display: flex;
    /* Align content in a flex layout */
    align-items: center;
    /* margin-bottom: 16px;   Add bottom gap between rows */
}

/* Set title column width and height */
.widget.block .block-content .views-element-container .Editorial td.Content-title {
    width: 178px;
    height: 80px;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 21.33px;
    color: #3C4858;
    padding: 8px;
    text-align: left;
    display: flex;
    align-items: center;
    /* Vertically center content */
}

/* Set title column width and height */
.views-field views-field-title views-align-left {
    width: 178px;
    height: 80px;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 21.33px;
    color: #3C4858;
    padding: 8px;
    text-align: left;
    display: flex;
    align-items: center;
    /* Vertically center content */
}




/* Set image column width and height */
.widget.block .block-content .views-element-container .Editorial td.views-field-field-image img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover;
    /* Ensure image scales properly */
    margin-left: auto;
    /* Align the image to the right */
}


/* Style the caption inside the details section */
.widget.block .block-content .views-element-container .Editorial table caption {
    color: #0099CC;
    /* Change color to the provided hex */
    font-family: 'Source Sans 3', sans-serif;
    /* Apply font family */
    font-weight: 700;
    /* Set font weight */
    font-size: 14px;
    /* Set font size */
    line-height: 16px;
    /* Set line height */
    text-align: left;
    /* Align text to the right */
    width: 100%;
    /* Ensure it spans the width */
    display: block;
    /* Allow proper alignment */
    margin-bottom: 8px;
    /* Optional: Space below the caption */
    padding: 0px 10px;
    margin-top: 14px;

}

.widget.block .block-content .views-element-container .Features table caption {
    color: #FFBB00;
    /* Change color to the provided hex */
    font-family: 'Source Sans 3', sans-serif;
    /* Apply font family */
    font-weight: 700;
    /* Set font weight */
    font-size: 14px;
    /* Set font size */
    line-height: 16px;
    /* Set line height */
    text-align: left;
    /* Align text to the right */
    width: 100%;
    /* Ensure it spans the width */
    display: block;
    /* Allow proper alignment */
    margin-bottom: 8px;
    /* Optional: Space below the caption */
    padding: 0px 10px;
    margin-top: 14px;
}

/* Optional: Adjust the caption style */
.widget.block .block-content .views-element-container .Opinion caption {
    color: #25D366;
    /* Set caption color */
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    display: block;
    padding: 0px 10px;
    margin-bottom: 8px;
    margin-top: 14px;
}

/* Optional: Customize the caption styling */
.widget.block .block-content .views-element-container .Culture-Community caption {
    color: #C000C0;
    /* Caption color */
    font-family: 'Source Sans 3', sans-serif;
    /* Font family */
    font-weight: 700;
    /* Font weight */
    font-size: 14px;
    /* Font size */
    line-height: 16px;
    /* Line height */
    text-align: left;
    /* Align caption text left */
    padding: 0px 10px;
    /* Add horizontal padding */
    margin-bottom: 8px;
    /* Space below caption */
    margin-top: 14px;
}

/* Caption styling for the Interview section */
.widget.block .block-content .views-element-container .Interview caption {
    color: #E6711B;
    /* Caption text color */
    font-family: 'Source Sans 3', sans-serif;
    /* Font family */
    font-weight: 700;
    /* Bold weight */
    font-size: 14px;
    /* Font size */
    line-height: 16px;
    /* Line height */
    text-align: left;
    /* Align caption to the left */
    display: block;
    /* Block display */
    padding: 0px 10px;
    /* Add padding */
    margin-bottom: 8px;
    /* Spacing below caption */
    margin-top: 14px;
}




/* Target the <a> tag inside the 'views-field-title' for styling */
.views-field.views-field-title.views-align-left a {
    height: 80px;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 21.33px;
    color: #3C4858;
    text-align: left;
    display: flex;
    /* align-items: center; */
    /* Vertically center content */
}

/* Target only the Features table inside the specific block-content */
.widget.block .block-content .views-element-container .Features table {
    border: none !important;
    /* Remove table border */
    border-collapse: collapse !important;
    /* Collapse any potential borders */
    width: 100%;
    /* Ensure it fills the parent container */
    margin: 0;
    /* Remove any extra margin */
    padding: 0;
    /* Remove padding */
}

/* Style the table rows and cells */
.widget.block .block-content .views-element-container .Features table tbody tr {
    display: flex;
    /* Align content in a flex layout */
    align-items: center;
    /* Vertically center content */
    /* margin-bottom: 16px;  Add bottom gap between rows if needed */
}

/* Set image column width and height */
.widget.block .block-content .views-element-container .Features td.views-field-field-image img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover;
    /* Ensure the image scales properly */
    margin-left: auto;
    /* Align the image to the right */
}

/* Style the table rows and cells */
.widget.block .block-content .views-element-container .Features table tbody tr {
    display: flex;
    /* Align content in a flex layout */
    align-items: center;
    /* margin-bottom: 16px;   Add bottom gap between rows */
}








/* Target only the Features table inside the specific block-content */
.widget.block .block-content .views-element-container .Opinion table {
    border: none !important;
    /* Remove table border */
    border-collapse: collapse !important;
    /* Collapse any potential borders */
    width: 100%;
    /* Ensure it fills the parent container */
    margin: 0;
    /* Remove any extra margin */
    padding: 0;
    /* Remove padding */
}

/* Style the table rows and cells */
.widget.block .block-content .views-element-container .Interview table tbody tr {
    display: flex;
    /* Align content in a flex layout */
    align-items: center;
    /* Vertically center content */
    /* margin-bottom: 16px;  Add bottom gap between rows if needed */
}

/* Set image column width and height */
.widget.block .block-content .views-element-container .Interview td.views-field-field-image img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover;
    /* Ensure the image scales properly */
    margin-left: auto;
    /* Align the image to the right */
}





/* Target only the Features table inside the specific block-content */
.widget.block .block-content .views-element-container .Interview table {
    border: none !important;
    /* Remove table border */
    border-collapse: collapse !important;
    /* Collapse any potential borders */
    width: 100%;
    /* Ensure it fills the parent container */
    margin: 0;
    /* Remove any extra margin */
    padding: 0;
    /* Remove padding */
}

/* Style the table rows and cells */
.widget.block .block-content .views-element-container .Opinion table tbody tr {
    display: flex;
    /* Align content in a flex layout */
    align-items: center;
    /* Vertically center content */
    /* margin-bottom: 16px;  Add bottom gap between rows if needed */
}





/* Set image column width and height */
.widget.block .block-content .views-element-container .Opinion td.views-field-field-image img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover;
    /* Ensure the image scales properly */
    margin-left: auto;
    /* Align the image to the right */
}






/* Style the table rows and cells */
.widget.block .block-content .views-element-container .Culture-Community table tbody tr {
    display: flex;
    /* Align content in a flex layout */
    align-items: center;
    /* Vertically center content */
    /* margin-bottom: 16px;  Add bottom gap between rows if needed */
}

/* Set image column width and height */
.widget.block .block-content .views-element-container .Culture-Community td.views-field-field-image img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover;
    /* Ensure the image scales properly */
    margin-left: auto;
    /* Align the image to the right */
}





/* Target only the Features table inside the specific block-content */
.widget.block .block-content .views-element-container .Culture-Community table {
    border: none !important;
    /* Remove table border */
    border-collapse: collapse !important;
    /* Collapse any potential borders */
    width: 100%;
    /* Ensure it fills the parent container */
    margin: 0;
    /* Remove any extra margin */
    padding: 0;
    /* Remove padding */
}


/* Responsive styling for smaller screens */
@media (max-width: 768px) {
    .widget.block .block-content .views-element-container .Editorial td.Content-title a {
        font-size: 16px;
        /* Adjusted font size for tablets */
        line-height: 21.33px;
    }
}

@media (max-width: 480px) {
    .widget.block .block-content .views-element-container .Editorial td.Content-title a {
        font-size: 16px;
        /* Smaller font size for mobile */
        line-height: 21.33px;
        white-space: normal;
        /* Allow text to wrap on mobile */
        text-overflow: clip;
        /* Disable ellipsis on mobile */
    }
}





/* Responsive styling for smaller screens */
@media (max-width: 768px) {
    .widget.block .block-content .views-element-container .Features td.views-field-title a {
        font-size: 16px;
        /* Adjusted font size for tablets */
        line-height: 21.33px;
    }
}

@media (max-width: 480px) {
    .widget.block .block-content .views-element-container .Features td.views-field-title a {
        font-size: 16px;
        /* Smaller font size for mobile */
        line-height: 21.33px;
        white-space: normal;
        /* Allow text to wrap on mobile */
        text-overflow: clip;
        /* Disable ellipsis on mobile */
    }
}





/* Responsive styling for smaller screens */
@media (max-width: 768px) {
    .widget.block .block-content .views-element-container .Opinion td.views-field-title a {
        font-size: 16px;
        /* Adjusted font size for tablets */
        line-height: 21.33px;
    }
}

@media (max-width: 480px) {
    .widget.block .block-content .views-element-container .Opinion td.views-field-title a {
        font-size: 16px;
        /* Smaller font size for mobile */
        line-height: 21.33px;
        white-space: normal;
        /* Allow text to wrap on mobile */
        text-overflow: clip;
        /* Disable ellipsis on mobile */
    }
}




/* Responsive styling for smaller screens */
@media (max-width: 768px) {
    .widget.block .block-content .views-element-container .Culture-Community td.views-field-title a {
        font-size: 16px;
        /* Adjusted font size for tablets */
        line-height: 21.33px;
    }
}

@media (max-width: 480px) {
    .widget.block .block-content .views-element-container .Culture-Community td.views-field-title a {
        font-size: 16px;
        /* Smaller font size for mobile */
        line-height: 21.33px;
        white-space: normal;
        /* Allow text to wrap on mobile */
        text-overflow: clip;
        /* Disable ellipsis on mobile */
    }
}







/* Responsive styling for smaller screens */
@media (max-width: 768px) {
    .widget.block .block-content .views-element-container .Interview td.views-field-title a {
        font-size: 16px;
        /* Adjusted font size for tablets */
        line-height: 21.33px;
    }
}

@media (max-width: 480px) {
    .widget.block .block-content .views-element-container .Interview td.views-field-title a {
        font-size: 16px;
        /* Smaller font size for mobile */
        line-height: 21.33px;
        white-space: normal;
        /* Allow text to wrap on mobile */
        text-overflow: clip;
        /* Disable ellipsis on mobile */
    }
}


#footer .footer-center {
    background: #f9fafc !important;
}




/* Style the copyright text */
.field--name-body .text-center {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #525252;
    /* Set the color as shown in the design */
    text-align: center;
    /* Center the text */
    margin: 0 auto;
    /* Center align within the footer */
    width: 280px;
    /* Ensure the width matches the design */
    height: 16px;
    /* Match the text height */
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    /* Prevent text wrapping */
}

/* Ensure the footer section is properly aligned */
#footer {
    background-color: #f9fafc;
    /* Light background color to match the design */
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* Handle mobile responsiveness */
@media (max-width: 768px) {
    .field--name-body .text-center {
        font-size: 10px;
        line-height: 14px;
    }
}












/* General footer styles */
footer {
    background-color: #f5f7fa;
    padding: 40px 0;
}

.footer-inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1200px;
    margin: 0 auto;
}

/* Footer first section (Logo & Copyright) */
.footer-first {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
}

.footer-first .footer-logo {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 24px;
    color: #000;
    margin-bottom: 8px;
}

.footer-first .copyright {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #525252;
}

/* Styling for Navigation section */
.footer-third .block-title span,
.footer-four .block-title span {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #3C4858;
    margin-bottom: 8px;
}

.footer-third .content a,
.footer-four .content a {
    display: block;
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #3C4858 !important;
    text-decoration: none;
    margin-bottom: 5px;
}


.footer-third .content a:hover,
.footer-four .content a:hover {
    text-decoration: underline;
}

/* Contact information section */
.footer-four .content p {
    margin: 0;
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #3C4858;
}

.footer-four .content p strong {
    font-weight: 700;
    margin-right: 8px;
}

.footer-four .content a {
    color: #3C4858;
    text-decoration: none;
}

.footer-four .content a:hover {
    text-decoration: underline;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .footer-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-first,
    .footer-third,
    .footer-four {
        width: 100%;
        margin-bottom: 20px;
    }
}


.footer-third .block-content {
    color: #3C4858;
}

.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p a {
    text-decoration: none !important;
    /* Removes underline from links */
}

.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p a:hover {
    text-decoration: underline !important;
    /* Optional: underline on hover */
}

.block-title {
    color: #525252 !important;
    /* Change text color to white for better contrast */

}



#block-gavias-batiz-contactinfo-2 {
    margin-left: 135px !important;
}





#block-gavias-batiz-footermenu02 {
    margin-left: 128px !important;
}










/* Targeting the title column */
.Features .views-field-title {
    width: 178px
        /* Set fixed width for the title */
}

.Opinion .views-field-title {
    width: 178px;
    /* Set fixed width for the title */
}

.Interview .views-field-title {
    width: 178px;
    /* Set fixed width for the title */
}

.Culture-Community .views-field-title {
    width: 178px;
    /* Set fixed width for the title */
}





.container {
    background-color: #f9fafc !important;
    /* Ensuring the color takes precedence */


}


















.main_text p:first-of-type {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 2%;
    text-align: center;
    width: 280px;
    margin: 0 auto;
    color: #000;
    /* Change this color if needed */
}

.main_text p:last-of-type {
    font-family: 'Georgia', serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 2%;
    text-align: center;
    width: 320px;
    margin: 0 auto;
    color: #525252;
}











/* Styling the container to resemble the second image UI */
.column-content.main_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* Centers the content horizontally */
    justify-content: center;
    /* Centers the content vertically */
    background: #ffffff;
    /* Light background color */
    border-radius: 8px;
    /* Rounded corners */
    padding: 20px;
    /* Space inside the container */
    width: 100%;
    /* Adjust the width as necessary */
    margin: 20px auto;
    /* Centers the container on the page */

}

/* Styling for the main title */
.column-content.main_text p:first-child span {
    font-size: 24px;
    /* Larger font size for the title */
    font-weight: 600;
    /* Slightly bold */
    margin-bottom: 8px;
    /* Spacing below the title */
    color: #3c4858;
    /* Darker text color */
}

/* Styling for the subtitle or description */
.column-content.main_text p:nth-child(2) span {
    font-size: 16px;
    /* Normal font size */
    color: #525252;

    /* Lighter text color */
}








































/* Main container wrapping Tamil Affairs, Title, and Body text */
.tamil-news-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* Space between each element */
    padding: 20px;
    /* Internal spacing */
    background-color: #ffffff;
    /* White background */
    border-radius: 8px;
    /* Rounded corners */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    /* Soft shadow effect */
    margin: 15px auto;
    /* Center the container with spacing */
    max-width: 800px;
    /* Restrict the max width */
}

/* Tamil Affairs Link Styling */
.tamil-news-container .field-content a {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 14px;
    color: #B22222;
    /* Dark red for category */
    text-transform: uppercase;
    /* Make the text uppercase */
    text-decoration: none;
    /* Remove underline */
}

/* Title Styling */
.tamil-news-container .main-heading-title a {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 28px;
    /* Large title size */
    color: #3C4858;
    /* Dark gray for title */
    margin: 0;
    /* Remove margin */
    line-height: 1.4;
    /* Improve line height for readability */
    text-decoration: none;
    /* Remove underline */
}

/* Body Text Styling */
.tamil-news-container .main-heading-body {
    font-family: 'Roboto', sans-serif;
    /* Clean sans-serif for body */
    font-weight: 400;
    font-size: 16px;
    color: #5A5A5A;
    /* Light gray for text */
    line-height: 1.6;
    /* Better line spacing */
    margin-top: 5px;
    /* Slight spacing from the title */
}























/* Ensure the parent uses Flexbox for alignment */
.gsc-columns-container {
    display: flex;
    gap: 16px;
    /* Space between the two news sections */
    width: 860px;
    /* Total available width for both sections */
    margin-left: 290px;
    /* Adjust for sidebar */
}

/* Define the width of each section (Tamil and World News) */



.headline-element .block-heading .block-title span {
    font-family: 'Source Sans 3', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #FFFFFF !important;
}


/* Targeting the Tamil News block */
.tamil-news-element .block-heading .block-title span {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 16px;
    color: #3C4858 !important;
    /* Ensures this color takes precedence */
    background-color: transparent;
    /* Ensure no unwanted background color */
}

.world-news-element .block-heading .block-title span {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 16px;
    color: #3C4858 !important;
    /* Ensures this color takes precedence */
    background-color: transparent;
    padding-top: 16px !important;
    padding-bottom: 0px !important;
    /* Ensure no unwanted background color */
}










/* Container Styles */

/* Heading Styles */
.column-content-inner .block-heading .block-title {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #3C4858 !important;
    /* Ensure text color takes priority */
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
}

/* Image Styles */
.desktop-list-cat .column-content-inner .field--name-field-image img {
    min-height: 280px;
    min-width: 400px;
    object-fit: cover;
    /* Maintain aspect ratio while covering */
    display: block;
    margin: 0 auto 16px;
    /* Center the image with spacing below */
}

/* Title Styles */
.column-content-inner .post-title span {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 26.66px;
    color: #3C4858;
    margin-bottom: 8px;
    display: block;
    text-align: left;
}


.item-first .post-title span {
    font-size: 24px;
    font-weight: 700;
    line-height: 31.99px;
    color: #3C4858;

}

/* Body Text Styles */
.column-content-inner .post-body .field__item {
    font-family: 'Georgia', serif;
    font-size: 14px;
    line-height: 28px;
    color: #525252;
    /* Body text color */
    margin-bottom: 16px;
}

/* Meta Data Styling (Date) */
.column-content-inner .post-meta {
    font-size: 12px;
    color: #525252;
    margin-bottom: 8px;
}

/* Ensure layout responsiveness */
@media (max-width: 768px) {
    .column-content-inner .field--name-field-image img {
        width: 100%;
        /* Full width on smaller screens */
        height: auto;
        /* Maintain aspect ratio */
    }

    .column-content-inner .widget.tamil-news {
        padding: 12px;
    }
}

.node--view-mode-teaser-3.node-index-1 .post-content {
    background: none !important;
}

.gva-view-mlayout-2 .items-second {
    background: none !important;
}





.gva-view-mlayout-2 .item-first .post-block .post-content .content-inner {
    border-bottom: none;


}

.gva-view-mlayout-2 .items-second .item-post {
    border-bottom: none;
}





/* Styles for slite-bar column */
.gsc-column.slite-bar {}


.slite-bar .widget {
    margin-bottom: 10px;
    background: white !important;
    border-radius: 8px;
    margin-bottom: 15px
}

.sidebar01 .widget {
    margin-bottom: 10px;
    background: white !important;
    border-radius: 8px;
    margin-bottom: 15px
}




.post-title {
    display: -webkit-box;
    /* Enable the webkit box model */
    /* -webkit-line-clamp: 3; */
    /* Limit the text to 3 lines */
    -webkit-box-orient: vertical;
    /* Set box orientation to vertical */
    overflow: hidden;
    /* Hide the overflow content */
    text-overflow: ellipsis;
}











.tamil-news .field--name-field-image img {

    display: block;
    /* Prevent inline behavior */
    object-fit: cover;
    /* Optional: Ensures it covers the space nicely */

}



.world-news .field--name-field-image img {

    display: block;
    /* Prevent inline behavior */
    object-fit: cover;
    /* Optional: Ensures it covers the space nicely */

}



.post-block .post-thumbnail a:after {
    background: none;
}

.tamil-news .post-content {}


.world-news .post-content {}





.node--view-mode-teaser-3 .post-image {
    margin-left: -18px !important;
}

.node--view-mode-teaser-3 .post-content .post-title span {
    margin-left: 8px !important;
}



.node--view-mode-teaser-3 .post-content p {
    margin-left: 8px !important;
}

.world-news .block-title span {}








.header .node__title {
    display: none;
}




.Tamil-Affairs-Main .widget.block {
    background: #ffff;
    border-radius: 8px;
    margin-left: -15px;
}



/* Styling for the Title Text */
.cat-tam-news .views-field-title .field-content a {
    font-family: 'Playfair Display', serif;
    /* Ensure the font is imported or available */
    font-weight: 700;
    font-size: 32px;
    line-height: 42.66px;
    color: #3C4858;
    /* From the provided UI */
    text-decoration: none;
    display: block;
    /* Ensures it respects padding/margin rules */
    margin-top: 10px;
    /* Optional spacing */
}



/* Styling for the paragraph text */
.Tamil-Affairs-Main .views-field-body .field-content p {
    font-family: 'Georgia', serif;
    /* Ensure the correct font */
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #525252;
    /* Provided color */
    margin-bottom: 10px;
    /* Optional: adjust spacing between paragraphs */
}

.post-body p img {
    display: none;
    margin: 10px 0;
    /* Optional: Adjust margins as needed */
    max-width: 100%;
    /* Optional: Make the image responsive */
}

.cat-tam-news .post-thumbnail img {
    min-height: 280px;
    min-width: 400px;
    object-fit: cover;
    /* Ensures the image fits properly without distortion */
    display: block;
    /* Ensures it behaves like a block element */
    margin: 0 auto;
    /* Optional: Center the image horizontally */
}



.cat-tam-news .post-content .post-title span {
    font-family: 'Playfair Display', serif;
    /* Font family */
    font-weight: 700;
    /* Bold weight */
    font-size: 24px;
    /* Font size */
    line-height: 32px;
    /* Line height */
    color: #3C4858;
    /* Text color */
    margin-bottom: 16px;
    /* Optional: Add some space below the title */
}



.cat-tam-news .post-date-css {
    font-family: 'Source Sans 3', sans-serif;
    /* Font family */
    font-weight: 600;
    /* Semi-bold weight */
    font-size: 12px;
    /* Font size */
    line-height: 16px;
    /* Line height */
    color: #525252;
    /* Text color */
    margin-bottom: 8px;
    /* Optional: Adds spacing below the date */
    display: block;
    /* Ensure it behaves like a block element */
}



.cat-tam-news .post-body p {
    font-family: 'Georgia', serif;
    /* Font family */
    font-weight: 400;
    /* Regular weight */
    font-size: 16px;
    /* Font size */
    line-height: 28px;
    /* Line height */
    color: #525252;
    /* Text color */
    margin-bottom: 12px;
    /* Optional: Spacing between paragraphs */
}




.Tamil-Affairs-Main {
    background: #ffffff;
    /* Corrected #ffff to #ffffff for valid hex code */
    padding-left: 42px;
    padding-right: 35px;
    border-radius: 8px;
}





.article-detail .post-title span {
    font-family: 'Playfair Display', serif;
    /* Applying Playfair Display font */
    font-weight: 700;
    /* Bold text */
    font-size: 36px;
    /* Font size */
    line-height: 38.8px;
    /* Line height */
    color: #3C4858;
    /* Text color */
    width: 822px;
    /* Width of the element */
    height: 78px;
    /* Height of the element */
}

.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
    font-family: 'Georgia', serif;
    /* Apply Georgia font */
    font-weight: 400;
    /* Normal font weight */
    font-size: 18px;
    /* Set font size */
    line-height: 30px;
    /* Set line height */
}


#node-single-comment {

    display: none;
}



.donate-button {
    background-color: #CB3C25;
    color: white;
    border: 1px solid #CB3C25;
    padding: 12px 11px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px;
    width: 140px;
    height: 48px;
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
}

.donate-button:hover {
    background-color: #a32e1e;
    /* Darker shade for hover effect */
}

.post-block.article-detail {
    background: white;
}

.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {}

#block-gavias-batiz-views-block-related-news-block-1 {
    background: #fff;
    border-radius: 8px;
    padding: 10px;
}




#block-gavias-batiz-breadcrumbs {
    display: none;
}


/* External CSS for the 'Related News' title */
#block-gavias-batiz-views-block-related-news-block-1 .block-title span {
    font-family: 'Source Sans 3', sans-serif;
    /* Ensure you load this font in your project */
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #525252 !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;

}



.views-field-title.title-relate .field-content a {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    /* Bold text */
    font-size: 18px;
    /* Font size */
    line-height: 21px;
    /* Line height */
    color: #000000;
    text-decoration: none;
    /* Remove underline */
    display: block;
    /* Ensure the link takes up block space */
}

#block-gavias-batiz-views-block-most-read-block-1 {
    background: #ffff;
    border-radius: 8px;
    padding: 10px;
}



.most-read-title span {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #525252 !important;
    padding-left: 16px;
}



.most-title .field-content a {
    font-family: 'Playfair Display', serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    color: #3C4858 !important;
    text-decoration: none;

}


.most-body .field-content {
    font-family: 'Georgia', serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #000000 !important;
}



.block-views-blockmost-read-block-1 .block-title span {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    color: #525252 !important;
    margin-bottom: 12px !important;
    display: block !important;
    padding-left: 16px;
    margin-top: 15px;
}






















/* CSS for tablet view */
@media (min-width: 768px) and (max-width: 1024px) {
    .post-title {
        font-family: 'Playfair Display', serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 28px;
        color: #3C4858;
    }

    .view-content-wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .post-block {
        flex: 1 1 calc(50% - 15px);
        /* Two items per row */
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 15px;
    }

    .post-thumbnail img {
        width: 240px;
        /* Adjusted width */
        height: 180px;
        /* Adjusted height */
        min-height: 150px;
        /* Set minimum height */
        object-fit: cover;
        /* Maintain aspect ratio */
        /* border-radius: 8px; */
        /* Optional: Rounded corners */
    }

    .cat-tam-news .post-body {
        display: none;
        /* Hide the body text */
    }

    .cat-tam-news .post-date-css {
        display: none;
        /* Hide the date */
    }
}









/* Tablet view for Latest Headlines - Full Width */
@media (min-width: 768px) and (max-width: 1024px) {

    /* Make Latest Headlines section full width */
    .gsc-column.col-md-3.sidebar {
        grid-column: 1 / -1;
        width: 100%;
    }

    /* Set up a two-column layout within Latest Headlines */
    .view-content-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    /* Adjust post block styles */
    .post-block {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    /* Set image dimensions and minimum height */
    .post-thumbnail img {
        width: 280px;
        height: 210px;
        min-height: 210px;
        object-fit: cover;
    }

    /* Hide the date */
    .views-field-field-newarticle-date {
        display: none;
    }

    /* Style for post title */
    .post-title span {
        font-family: "Playfair Display", serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 28px;
        color: #3C4858;
    }

    /* Adjust padding and margins */
    .post-content {
        padding: 10px 0;
    }

    .Latest-Headlines-heading {
        margin-bottom: 10px;
    }

    /* Reduce padding and margin around the latest headlines section */
    .column-inner {
        padding: 10px;
    }
}


@media (max-width: 1024px) and (min-width: 768px) {
    .views-field-title.main-heading-title .field-content a {
        font-family: "Playfair Display", serif;
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        color: #3C4858;
    }

    .views-field.views-field-body.main-heading-body .field-content {
        font-weight: 400;
        font-size: 14px;
        line-height: 28px;
    }

    .views-field-field-image.classimage .field-content img {
        width: 216px;
        height: 133px;
    }
}









/* Container for overall layout */
.newsletter-container {
    max-width: 600px;
    margin: 0 auto;
    padding: 40px 20px;
    text-align: center;

}

/* Heading styles */
.newsletter-heading {
    font-size: 36px !important;
    font-weight: 700 !important;
    color: #3C4858 !important;
    margin: 0 0 20px 0;
}

/* Subheading text style */
.newsletter-subheading {
    color: #000 !important;
    font-size: 18px !important;
    line-height: 28px !important;
    margin: 10px 0 30px;
    font-family: Georgia, serif;
}

/* Form layout */
.newsletter-form {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    /* Remove spacing between input and button */
    margin-bottom: 20px;
}

/* Input field styling */
.newsletter-input {
    padding: 12px 15px;
    font-size: 1rem;
    border: 1px solid #ddd;
    border-radius: 4px 0 0 4px;
    outline: none;
    width: 70%;
    max-width: 300px;
    color: #525252;
    font-family: 'Source Sans 3', sans-serif;
    height: 48px;
    font-size: 16px;
    font-weight: 400px !important;
}

/* Button styling */
.newsletter-button {
    padding: 10.8px 20px;
    background: #CB3C25;

    color: white;
    font-weight: bold;
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    font-family: 'Source Sans 3', sans-serif !important;
}

/* Disclaimer text styling */
.newsletter-disclaimer {
    color: #525252 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-family: 'Source Sans 3', sans-serif !important;
    max-width: 400px;
    margin: 0 auto;
}


#block-gavias-batiz-weneedyoursupport02-2 {
    background: #ffff;
    border-radius: 8px;
    border-top: 4px solid #CB3C25;
}

.bb-inner default {
    padding-top: 0px !important;
}



header .menu-another .content-inner {
    border: none !important;
}














.footer-third {
    margin-left: 290px;
    /* padding-left: 0px; */
    /* Uncomment if needed */
}

.footer-four {
    margin-left: -100px;
}






/* General Container Styling */
.Tamil-Affairs-Main {



    margin: 20px auto;
    max-width: 1100px;
}

/* Image Section */
.Tamil-Affairs-Main .views-field-field-image {
    flex: 1 1 40%;
    /* Image takes 40% width */
}

.Tamil-Affairs-Main .views-field-field-image img {
    height: auto;
    max-width: 114%;
    margin-left: -76px;
    margin-top: -15px;
    object-fit: cover;
    /* Ensures image fits without distortion */
}

/* Content Section */
.Tamil-Affairs-Main .views-field {
    flex: 1 1 60%;
    /* Text content takes 60% width */
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* Adds spacing between elements */
}

/* Date Styling */
.Tamil-Affairs-Main .views-field-field-newarticle-date .field-content {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #3C4858;
    margin-top: 32px;
}

/* Title Styling */
.Tamil-Affairs-Main .views-field-title .field-content a {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #3C4858;
    text-decoration: none;
    margin-bottom: 10px;
}

/* Updated Body Content Styling */
.Tamil-Affairs-Main .views-field-body-content {
    font-family: 'Georgia', serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #525252;
}


/* General Container Styling */
.Tamil-Affairs-Main {



    margin: 20px auto;
    max-width: 1100px;
}

/* Image Section */
.Tamil-Affairs-Main .views-field-field-image {
    flex: 1 1 40%;
    /* Image takes 40% width */
}

.Tamil-Affairs-Main .views-field-field-image img {
    height: auto;
    max-width: 114%;
    margin-left: -76px;
    margin-top: -15px;
    object-fit: cover;
    /* Ensures image fits without distortion */
}

/* Content Section */
.Tamil-Affairs-Main .views-field {
    flex: 1 1 60%;
    /* Text content takes 60% width */
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* Adds spacing between elements */
}

/* Date Styling */
.Tamil-Affairs-Main .views-field-field-newarticle-date .field-content {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #3C4858;
    margin-top: 32px;
}

/* Title Styling */
.Tamil-Affairs-Main .views-field-title .field-content a {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #3C4858;
    text-decoration: none;
    margin-bottom: 10px;
}

/* Updated Body Content Styling */
.Tamil-Affairs-Main .views-field-body-content {
    font-family: 'Georgia', serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #525252;
}







@media (max-width: 768px) {
    .footer-center .container {
        flex-direction: column;
        align-items: flex-start;
        /* Align content to the left on mobile */
    }

    .footer-first,
    .footer-third,
    .footer-four {}

    .footer-first {
        margin-bottom: 15px;
        width: 100%;
        /* Full width for mobile */
        padding: 0;
        text-align: left;
    }

    .footer-third {
        margin-bottom: 15px;
        width: 100%;
        /* Full width for mobile */
        margin-left: -90px;
        padding: 0;
        text-align: left;
    }

    .footer-four {
        margin-bottom: 15px;
        width: 100%;
        /* Full width for mobile */
        margin-left: -98px;
        padding: 0;
        text-align: left;
    }

    /* Align text left */
    .footer-third h3,
    .footer-four h3 {
        text-align: left;
    }

    .footer-third ul,
    .footer-four ul {
        text-align: left;
    }

    .footer-logo img {
        margin-left: 19px;
        width : 100px !important;
    }


}

.TamilAffairs-teaser .mybordercard {
    background: none !important;
}

.Latest-Headlines-heading > .field-content {
    color: #8492A6;
    display: -webkit-box;           /* Required for multi-line truncation */
    -webkit-box-orient: vertical;   /* Defines the direction of the child elements */
    overflow: hidden;               /* Hides the content that overflows */
    -webkit-line-clamp: 4;          /* Limits the text to 2 lines */
    line-height: 1.4;               /* Adjust the line height as needed */
    max-height: 3.8em;     
}






.views-field-field-image.classimage .field-content img {
    width: 100%;
    /* Full width of the column */
    height: auto;
    object-fit: cover;
    /* Ensures the image doesn't distort */
    margin-bottom: 12px;
    /* Space below the image */
}


.views-field-field-post-category.Category-class {
    padding: 0px 15px 0px 15px;
    margin-top: 14px;
}

.views-field-title.main-heading-title {
    padding: 0px 15px 0px 15px;
}

.views-field-body.main-heading-body {
    padding: 0px 15px 0px 15px;
}

.views-field-field-post-category.classcategory {
    padding: 0px 15px 0px 15px;
}

.views-field-title.classtitle {
    padding: 0px 15px 0px 15px;
}

.cols-0 {
    margin-top: 14px;
}

.tamil-news .block-title span {}

.gva-view-mlayout-2 .item-first .post-block .post-content {
    padding: 0px !important;
}


.node--view-mode-teaser-3.small-post .post-content {
    padding-left: 10px;
}


.gbb-row .bb-inner {
    padding-top: -30px;
}

.Tamil-Affairs-Main .views-field-field-image img {
    border-radius: 8px 8px 0 0;
}

/* Mobile layout */
@media (max-width: 768px) {
    .view-content-wrap {
        display: flex;
        flex-direction: column;
    }

    .main-heading-image {
        order: -1;
        /* Image appears first */
    }

    .main-heading-title {
        order: 0;
        /* Title appears second */
    }

    .main-heading-body {
        order: 1;
        /* Body text appears last */
    }

    .views-field-title.classtitle .field-content a {
        font-size: 20px;
        line-height: 28px;
    }

    .Tamil-Affairs-Main .views-field-field-image img {
        border-radius: 0;
        margin-left: 0 !important;
    }

    .cat-tam-news .views-field-title .field-content a {
        font-size: 24px;
        line-height: 32px;
    }

    .Tamil-Affairs-Main .views-field-body .field-content p {
        font-size: 14px;
        line-height: 28px;
    }

    .Tamil-Affairs-Main .views-field-body .field-content p:nth-of-type(2) {
        display: none;
    }

    .Tamil-Affairs-Main .views-field-field-image img {
        width: 100%;
        height: 400px;
    }

    .Tamil-Affairs-Main {
        padding-left: 0px;
        padding-right: 0px;
    }

    .newsletter-button {
        padding: 11px 10px;
    }
}




.mobile-cat-title .field-content a {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #3C4858;
    text-decoration: none;
    /* Removes underline if present */
}

.mobile-cat-date .field-content time {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #525252;
}





.TamilAffairs-teaser {
    background: #f9fafc !important;
}






.js-pager__items a.button {
    width: 281px !important;
    height: 32px !important;
    background-color: #E0E6ED !important;
    color: #3C4858 !important;
    font-family: 'Source Sans 3', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 4px !important;
    border: none !important;
    text-transform: none !important;
    box-sizing: border-box !important;
}

.js-pager__items a.button::before {
    content: "<" !important;
    margin-right: 8px !important;
}

.js-pager__items a.button::after {
    content: ">" !important;
    margin-left: 8px !important;
}







/* Make the post-content a flex container */
.post-content {

    flex-direction: column;
}

/* Set order for each item */
.post-meta {
    order: 1;
    /* Date will come first */
}

.post-title {
    order: 2;
    /* Title will come after the date */
}

.post-body {
    order: 3;
    /* Body will stay last */
}






.tab-responsive .views-field-title a {
    font-family: 'Playfair Display', serif;
    /* Ensure this font is included in your project */
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #3C4858;
    text-decoration: none;
    /* Remove underline for link */
}


.tab-tamil .block-content {
    background: #f9fafc;
}

.tab-tamil {
    margin-top: -140px;
}

@media (max-width: 420px) {

    /* Adjust breakpoint as needed for mobile responsiveness */
    .views-field.views-field-field-image.mobile-cat-img img {
        width: 100% !important;
        max-height: 240px;
        object-fit: cover !important;
        object-position: center !important;
    }
}

@media (max-width: 720px) {

    /* Adjust breakpoint as needed for mobile responsiveness */
    .views-field.views-field-field-image.mobile-cat-img img {
        width: 100% !important;
        height: 100%;
        object-fit: cover !important;
        object-position: center !important;
    }

    .mypadding {
        width: 0;
    }
}



/* Reset styles for tablet and mobile views */
@media (max-width: 1024px) {
    .col-md-6.col-6.mybordercard.mypadding.marginmy {
        /* Unset margin and padding */
        margin: unset !important;
        padding: unset !important;

        /* Unset width, border, and other properties */
        width: unset !important;
        border: unset !important;
        box-shadow: unset !important;
        /* If there's a shadow */

        /* Unset any additional styling as necessary */
        font-size: unset !important;
        display: unset !important;
        flex: unset !important;
        /* Add any other specific style you need to unset */
    }
}

@media (max-width: 768px) {

    /* Adjust max-width as needed for mobile */
    .mypadding {
        margin: unset !important;
        padding: unset !important;

        /* Unset width, border, and other properties */
        width: unset !important;
        border: unset !important;
        box-shadow: unset !important;
        /* If there's a shadow */
        background: unset !important;
        /* If there's a background color */

        /* Unset any additional styling as necessary */
        font-size: unset !important;
        display: unset !important;
        flex: unset !important;
    }
}

@media (max-width: 320px) {
    .newsletter-button {
        min-height: 48px;
        font-size: 12px;
    }
}


@media (max-width: 768px) {

    /* Target mobile devices */
    .sidebar01 {
        order: 1;
        /* Position the sidebar column after the newsletter */
    }

    /* You can add similar rules for other columns if needed */
}




@media (min-width: 762px) and (max-width: 1200px) {
    .footer-third {
        margin-left: 0 !important;
    }

    .footer-four {
        margin-left: 0 !important;
    }
}

.view-content-wrap {
    padding-left: 16px;

}




.view-content-wrap {
    padding-left: 0 !important;
}


.footer-logo img {
    padding-top: 16px;
}

.items-second {
    margin-top: 60px;
}

@media (max-width: 1024px) {
    .items-second {
        margin-top: 100px !important;
    }

    .gva-view-mlayout-2 .items-second .item-post {
        margin-bottom: 16px !important;
    }

}
@media (max-width: 756px) {
    .items-second {
        margin-top: 70px !important;
    }

    .gva-view-mlayout-2 .items-second .item-post {
        margin-bottom: 16px !important;
    }

}

.contextual-region {
    position: static;
}

@media (max-width: 1024px) {
    .mybordercard {
        margin-top: 10px;
    }
}

.views-field-title.classtitle .field-content a {

    overflow: hidden;
}

.pager {
    margin: auto;
}




/* old end */

body {
    background: #F9FAFC !important;
}

.redbar {
    padding: 8px 0;
    background-color: #CB3C25;
    margin-left: -9px;
    margin-right: -9px;

}

.header-right-inner {
    margin: 16px;
}



.header-v1 {
    background-color: #F9FAFC !important;

}

.main-menu {
    background-color: #F9FAFC !important;

}

.menu-hover .navigation .gva_menu>li>a {
    padding-right: 12px;
    padding-top: 7px;
    padding-left: 12px;
    padding-bottom: 7px;
    margin-right: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    font-family: 'Source Sans 3', sans-serif;

}

.brbottom {
    border-bottom: 1px solid rgba(180, 180, 180, 0.183);
}

.bordermy {
    border-bottom: 1px solid rgba(180, 180, 180, 0.349);

}

@media (min-width: 991px) {
    .menu-hover .navigation .gva_menu li.menu-item--active-trail>a {
        background-color: #eeeeee !important;
        border-radius: 20px;
        color: #333333 !important;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
        padding: 4px 6px !important;

    }
}

.block {
    margin-bottom: 10px;
}

.stuck {
    box-shadow: none;
}

header.header-v1 .main-menu {
    border-bottom: none;
}

.mybordercard {
    background-color: #ffff !important;
    border-radius: 8px !important;
}

.mypadding {
    padding: 0px !important;
    width: 48%;
}

.marginmy {
    margin-right: 2%;

}

.menu-hover .navigation .gva_menu>li>a {
    text-transform: capitalize !important;
}

/* menu another */
.gva-view-mlayout-2 .items-second .item-post {
    margin-bottom: none !important;
    padding-bottom: 0px !important;

}



header .site-branding {
    padding: 1px !important;

}

.views-element-container footer {
    position: absolute;
    background-color: #fff !important;
    text-align: center;
    width: 100%;
    border-radius: 4px !important;
    height: 50px;
    bottom: -20px;
}

.read-more-footer-link {
    color: black;
}

.block .block-title>span {
    padding: 0 !important;
    margin-top: 24px !important;
    margin-bottom: 24px;
}

.gva-view-mlayout-2 .items-second {
    margin-bottom: 25px;
    padding: 32px;

}

.gva-view-mlayout-2 .item-first .post-block {

    min-height: 420px !important;
    max-height: 420px !important;


}

.gva-view-mlayout-2 .items-second {
    min-height: 1400px !important;
    max-height: 1120px !important;
}

.footer-button {
    position: relative;
    width: 90%;
    background: #E0E6ED;
    border: none;
    border-radius: 4px;
    padding: 10px;
    width: 80%;
    bottom: 15px;
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 700px;
    font-size: 14px;
    color: #3c4858;
}



.footer .footer-center {
    padding: 0px;
}

/* Mobile */

@media (max-width: 991px) {

    header .header-right-inner,
    header .header-right-inner .block {
        text-align: left !important;
    }

    header.header-v1 .main-menu .header-main-inner .area-main-menu .area-inner {
        position: none !important;
    }
}

@media (max-width: 1024px) {

    .block {
        margin-bottom: 0px;
    }

    .scroll-menu {
        padding: 5px !important
    }


    .block-content {
        padding: 0px !important;
    }

    header.header-v1 .main-menu .header-main-inner .area-main-menu .area-inner {
        position: relative !important;
    }
    .menu-item{
        padding-bottom: 0px !important;
        padding-top: 0px !important;
        padding: 4px 6px !important;
    }

    .menu-item.menu-item--active-trail {

        background-color: rgba(180, 180, 180, 0.333);
        border-radius: 20px;
        color: #333333 !important;


    }

    .menu-item {
        padding: 0px !important;
        padding-right: 12px;
        padding-top: 8px !important;
        padding-left: 12px;
        padding-bottom: 7px !important;
        margin-right: 0px;
        font-size: 14px;
        font-weight: 300;
        line-height: 16px;
        text-align: left;
        font-family: 'Source Sans 3', sans-serif;
    }

    .gva-offcanvas-inner {
        width: 35% !important;
        background-color: #ffffff !important;
    }

    .column-inner {
        padding: 0px !important;
    }

    .views-field-field-newarticle-date {
        display: block !important;
    }

    .post-thumbnail img {
        width: 400px !important;
        /* min-width: 400px !important; */
        height: 280px !important;
        max-height: 280px !important;
        object-fit: cover;
    }

    .col-md-6.col-6.mybordercard.mypadding.marginmy {
        background-color: #ffffff !important;
    }

    .mybordercard {
        background-color: #ffffff !important;
    }



}

@media (min-width: 800px) and (max-width: 1024px) {
    .view-content-wrap {
        display: flex !important;
    }
}

.tab-Latest-Headlines>.view-content-wrap {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    padding: 20px !important;
    border-radius: 10px !important;
    background: #3C4858 !important;


}

.tab-Latest-Headlines-heading>span>a {
    color: white !important;

}

.tab-latest-news>.column-inner>.column-content-inner>.mybordercard>.widget>.block-heading>.block-title>span {
    color: white !important;
    margin-left: 20px !important;

}

.tab-latest-news>.column-inner>.column-content-inner>.mybordercard>.widget>.block-heading>.block-title {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;

}

.tab-latest-news>.column-inner>.column-content-inner>.mybordercard {
    background: #3C4858 !important;

}

.tab-latest-news {
    margin-top: 25px;
}

.gva-view-mlayout-2 .items-second {
    max-height: 3000px !important;
}

.nopadding {
    padding: 0px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .view-content-wrap {
        display: block !important;

    }
}


.gva-view-mlayout-2 .items-second .item-post {
    height: 100px !important;
}




/* kajan fotter for tab */

@media (min-width: 762px) and (max-width: 1200px) {
    .footer-first {
        width: 15%;
    }

    .footer-third {
        width: 35%;

    }

    .footer-four {
        width: 40%;



    }


}

.content-inner>.post-body {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 768px) {
    .Editorial-image.views-field {
        text-align: right !important;
        margin-bottom: 8px;
    }

    .row-class-my>.views-align-left>.views-field {
        text-align: right !important;
    }

    .row-class-my {
        text-align: right !important;
    }


    .widget.block .block-content .views-element-container .Editorial td.Content-title {
        width: 70% !important;
    }

    .row-class-my>.Features .views-field-title {
        width: 70% !important;
    }

    .Features .views-field-title {
        width: 70% !important;
    }

    .Opinion .views-field-title {
        width: 70% !important;

    }

    /* .row-class-my{
        display: table-row !important;
     } */

    .Opinion .views-field-title {
        width: 70% !important;
    }

    .Culture-Community .views-field-title {
        width: 70% !important;
        /* Set fixed width for the title */
    }

    .Interview .views-field-title {
        width: 70% !important;
    }


}


.post-body .twitter-tweet {
    display: none !important;
}

.post-thumbnail {
    flex: 0 0 40% !important;

}


/* new css */

.gbb-row .bb-inner {
    padding-top: 15px !important;
    margin-bottom: 10px !important;
}

.column-content.main_text {
    box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1);
}


.news-heading {
    margin-bottom: 10px !important;
}

.menu-item {
    padding: 0px !important;
}



/* Fonts */

.Latest-Headlines .field-content {
    color: #8492A6 !important;
    font-size: 14px;
    font-weight: 700 !important;
    font-family: 'Source Sans 3', sans-serif;
}

.Latest-Headlines .views-field.views-field-created {
    padding-top: 5px !important;

}

.newsletter-heading {
    font-family: 'Playfair Display', serif;
}

.cp-text {
    font-size: 12px;
    font-weight: 400;
    color: #525252 !important;
}

.column-content.main_text p:first-child span {
    font-family: 'Playfair Display', serif;
    font-size: 24px !important;
    font-weight: 700px;

}

.body-page {
    background-color: #f9fafc !important;
}

.padding_thus {
    padding: 10px !important;
}


/* menu size change */
header .menu-another .content-inner.show-view {
    max-width: 500px !important;
    min-width: 1188px !important;
    margin-right: -9px !important;
    box-shadow: none;
}

header .menu-another .content-inner:after {
    right: 17px !important;
}

@media (min-width: 0px) and (max-width: 1200px) {

    header .menu-another {
        margin-top: -6px;
    }

    header .menu-another .content-inner.show-view {
        max-width: 500px !important;
        min-width: calc(100vw - 0px) !important;
        margin-right: -9px !important;
        box-shadow: none;
    }

    .views-field.views-field-created {
        padding-top: 5px !important;
    }

    .menu-item {
        padding: 5px 10px !important;
    }
}


@media (min-width: 768px) and (max-width: 1024px) {
    .post-thumbnail img {
        width: 100% !important;
        min-width: 400px !important;
        height: 400px !important;
        max-height: 400px !important;
    }

    /* .items-second {
        margin-top: 80px !important;
    } */
}

.post-top {
    padding: 20px 50px 4px 50px !important;
}


/*kajan */

/* dekstop view */
@media (min-width: 1024px) {
    .node--view-mode-teaser-5 .post-meta {
        margin-top: 32px !important;
    }
    .node.node--type-article.node--promoted.node--view-mode-teaser-5.clearfix.post-block {
       
        overflow: hidden;
    }
}

/* dekstop view end*/

/* tap view */

@media (min-width: 768px) and (max-width: 1024px) {
    .Tamil-Affairs-Main .views-field-field-image img {
        margin-left: 0px !important;
        margin-top: 0px !important;
        width: 100%;
    }



    .Tamil-Affairs-Main {
        margin: 0px 0px !important;
    }

    .Tamil-Affairs-Main {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    table {
        border-spacing: 0 15px !important;
        border-collapse: separate !important;
    }

    /* issue please check */

    .tamilnews-tabview tbody>tr>td {
        padding: 0px 8px 0px 0px !important;
    }

    .tamilnews-tabview .views-field {
        width: 380px;
    }

    .tamilnews-tabview .views-field.views-field-created {
        padding: 0px 8px 0px 0px !important;
        width: 150px;
    }

    .tamilnews-tabview .views-field.views-field-created time {
        position: absolute;
        font-family: Source Sans 3;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin-top: 4%;
    }

    .tamilnews-tabview .tab-responsive {
        height: 211.93px !important;
    }

    .tamilnews-tabview .tab-responsive .views-field-title a {
        position: absolute;
        margin-top: 8%;
        margin-left: -12%;
    }
}

/* tap view end*/


/* mobile view end*/

@media (max-width: 768px) {
    .field--type-gavias-content-builder .gbb-row .bb-inner {
        padding-top: 5px !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    .article-detail .post-top {
        padding: 0px !important;
        max-height: 200px;
    }

    .article-detail .post-title span {
        font-size: 24px;
        line-height: 32px;
    }

    /* #block-gavias-batiz-sharesocial {

        left: 18px !important;
        top : 110px !important;
    } */

    .Author-name-clas {
        position: absolute;
        top: 10px;
    }

    #tweets-container {
        width: 100% !important;
    }
}

/* mobile view end*/

.views-field-field-image.image-relate .field-content img {
    min-width: 100px !important;
    max-width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
}

.post-block .post-meta a {
    color: #525252;
}

#block-gavias-batiz-weneedyoursupport p {
    line-height: 24px !important;
}

/* @media (min-width: 768px) and (max-width: 1024px) {
    #block-gavias-batiz-sharesocial {

        left: 560px !important;
    }

} */

/*kajan end */




/* new from custom */

.field-content time {
    font-family: 'Source Sans 3', sans-serif;
    font-size: 12px;
    color: #525252;
    line-height: 12px;
    font-weight: 600;
}

.cat-tam-news-element .views-field-body .field-content {
    font-family: Georgia, serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #525252;
}

.views-field.views-field-created.main-date {
    padding-top: 32px;
}

.views-field.views-field-created {
    padding-top: 32px;
}

.Tamil-Affairs-Main .views-field-title .field-content a {
    margin-top: 0 !important;
}

.desktop-list-cat .column-content-inner .field--name-field-image img {
    margin: 0 auto 0px !important;
}



.desktop-list-cat .column-content-inner .field--name-field-image img {
    min-height: 280px;
    min-width: 0px !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.node--view-mode-teaser-5 .post-thumbnail {
    justify-content: flex-start;
}

.node.node--type-article.node--promoted.node--view-mode-teaser-5.clearfix.post-block {

    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 280px !important;

}

.node--view-mode-teaser-5 .post-content {
    padding-left: 0 !important;
}

.post-content {
    margin-left: 0 !important;
}



.node--view-mode-teaser-5 .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
    font-size: 16px !important;
    line-height: 28px !important;
}




.node--view-mode-teaser-5.clearfix.post-block .post-content {
    display: flex;
    padding: 0px 24px 0px 24px;
}


@media (min-width: 768px) and (max-width: 1024px) {
    .Tamil-Affairs-Main .views-field-title .field-content a {
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        font-size: 24px;
        /* Adjusted for tablet */
        line-height: 32px;
        /* Adjusted for tablet */
        color: #3C4858;
        text-decoration: none;
        margin-bottom: 10px;
    }
}

.tab-responsive {
    background: #ffff;
}

.node--view-mode-teaser-5 .post-content .post-title {
    margin: 0 !important;
}

.node--view-mode-teaser-5 .post-content .post-title span {
    font-size: 24px !important;
    line-height: 32px !important;
}


.node--view-mode-teaser-5 .post-content .post-meta span {
    font-family: 'Source Sans 3', sans-serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    color: #525252 !important;
}

.column-content-inner .post-meta {
    margin-bottom: 0 !important;
}



.node.node--type-article.node--promoted.node--view-mode-teaser-5.clearfix.post-block .post-meta {
    margin: 0 !important;
    margin-top: 32px !important;

}

@media (max-width: 768px) {

    /* Target mobile screens */
    #block-gavias-batiz-weneedyoursupport .block-title span {
        max-width: 250px !important;
    }
}

.header .menu-another .content-inner ul li {
    font-size: 18px;
    font-weight: 400px;
    font-family: Georigia;
    line-height: 28px;
}

.xx {
    width: fit-content;
}


@media (max-width: 1024px) {
    #block-gavias-batiz-sharesocial {
        padding: 0px !important;
        margin-top: 10px;
    }

    .node--view-mode-teaser-3.node-index-1 .post-content .post-title {
        margin-top: 16px !important;
    }
    .node--view-mode-teaser-3.node-index-1 .post-content .post-body {
        margin-top: 0px !important;
    }

    .xx {
        margin-top : 10px ; 
    }
}

@media (min-width: 1024px) {
    #block-gavias-batiz-sharesocial {
        left: 73% !important;
        top: -50px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #block-gavias-batiz-sharesocial {
        left: 430px !important;
        top: -55px !important;
    }

    .main-heading-body {
        margin-bottom: 24px !important;
    }

    
    

}

#block-gavias-batiz-sharesocial {

    width: fit-content;
}

.feature-tamil h3 a{
    display: none !important;
}

.front-news-cat a{
    color: #CB3C25 !important ;
    font-family: 'Source Sans 3', sans-serif ;
font-size: 14px;
font-weight: 700;
line-height: 16px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}

.front-news-cat{
    padding-left: 13px ;
}


.Tamil-Affairs-Main .views-field-field-image img{
    margin-top: 0px !important;
    aspect-ratio: 16 / 9 !important;
}
/* NILAVAN CHANGED 4.0 */

@media (min-width: 1024px)
{

    header .menu-another{
        top: 48% !important; 
    }

.post-thumbnail img {
    
    height: 260px !important;
    max-height: 260px !important;
    object-fit: cover;
}

.node--view-mode-teaser-3.node-index-1 .post-content .post-title {
    margin-top: 24px !important;
}

.node--view-mode-teaser-3.node-index-1 .post-content .post-body {
    margin-top: 0px !important;
    padding: 0px 10px 0px 10px;
}

/* .gva-view-mlayout-2 .items-second .item-post {
    margin-bottom: 0px;
} */

.post-block .post-meta {
    margin-top: 24px !important;
}


}

.gbb-row .bb-inner{
    padding-bottom : 0px ;
}

@media (max-width: 768px) {
    .view-content-wrap .item {
        background : none !important;
    }}

    @media screen and (min-width: 768px) and (max-width: 1024px) {
        .view-list-item {
            display: flex
    ;
            align-items: flex-start;
            padding: 0px !important;
            border-radius: 4px;
            background: #fff;
        }
    }


    .most-vie > .block-title>span{
        margin-top : 12px !important;
        margin-bottom: 12px !important;

    }

    .most-vie > .block-title{
        margin-bottom: 0px !important;

    }

    .visible_subtitle{
        margin-top: 25px !important;
        font-family: Georgia, serif;
        font-size: 20px;
font-weight: 400;
line-height: 28px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;

    }
    


    @media (max-width: 1024px){
        .Tamil-Affairs-Main .views-field-field-image img{
            aspect-ratio: 5 / 7 !important;
        }}




        /* from css admin */


        @media screen and (min-width: 768px) and (max-width: 1024px) {
    #block-gavias-batiz-views-block-most-read-block-1 {
        max-width: 50%; 



    }

    #tweets-container {
        display: inline-block; /* Allow side-by-side layout */
        vertical-align: top; /* Align items to the top */
        width: 48%; /* Each section takes ~48% width with space in between */
    }

    .Most-Read.padding-thus {
        margin-right: 4%; /* Add spacing between the two sections */
    }

    #tweets-container {
        margin-right: 0; /* Remove additional margin on the right */
    }


.Related-News {
    grid-template-columns: 1fr 1fr; /* Two columns for tablets */
    gap: 15px; /* Adjust spacing for tablets */
  }

  










.block-views-blockrelated-news-block-1 {
  padding: 20px;
  background: #fff;
  border-radius: 4px;
}

/* Block title */
.block-title {
  font-size: 16px;
  font-weight: 500;
  color: #666;
  margin-bottom: 20px;
  text-transform: uppercase;
}

/* List container */
.item-list.list-views ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Creates 2 equal columns */

}

/* List item */
.view-list-item {
  display: flex;
  align-items: flex-start;
  padding: 15px;
  border-radius: 4px;
  background: #fff;
}

/* Image container */
.views-field-field-image.image-relate {
  flex: 0 0 100px;
  margin-right: 15px;
}

/* Image styling */
.views-field-field-image.image-relate img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

/* Title container */
.views-field-title.title-relate {
  flex: 1;
  display: flex;
  align-items: center;
}




/* Hide unnecessary elements */
.contextual,
.contextual-links,
.visually-hidden {
  display: none;
}


}



@media (min-width: 768px) and (max-width: 1024px) {
    .views-element-container, #block-gavias-batiz-twittertestwithwork {
     display: inline-block;
     vertical-align: top;
 }

 #block-gavias-batiz-twittertestwithwork {
width: 29% !important;
        margin-left: 10px;
 }
 #tweets-container {
     width: 100%  !important;
     
 }
 
 }
.article-detail .post-top {
    padding: 0px !important;
    max-height: 150px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    #block-gavias-batiz-views-block-most-read-block-1, #block-gavias-batiz-twittertestwithwork {
        display: inline-block;
        vertical-align: top;
    }
    #block-gavias-batiz-views-block-most-read-block-1 {
        width:69% !important;
        max-width:80% !important;
        margin-top: 10px;
    }
    #block-gavias-batiz-twittertestwithwork {
        width:29% !important;
        margin-left: 10px;
        margin-top: 10px;
    }
    #tweets-container {
        width: 100% !important;
        
    }
}
@media (max-width: 768px) {
    .article-detail .post-top {
        max-height: 200px !important;
    }
    .Tamil-Affairs-Main .views-field-field-image img {
        height: auto !important ;
    }
.Latest-Headlines .view-content-wrap .item {
    margin-bottom: 12px !important;
}
.views-field-field-image.main-heading-image .field-content img{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

}
.Tamil-Affairs-Main .views-field-field-image img {
    margin-left: 0px !important;
    margin-top: 10px;
    width: 100% !important;
}
.Tamil-Affairs-Main {
    max-width: 100% ;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px !important;
}
.Tamil-Affairs-Main .main-date , .Tamil-Affairs-Main .views-field-title, .Tamil-Affairs-Main .views-field-body,.Tamil-Affairs-Main .views-field-created {
    padding-left: 30px;
    padding-right: 30px;
}
.slider-news .item{
margin-bottom: 0px !important;
}
.widget.block.clearfix.gsc-block-view.gsc-block-drupal.block-view.title-align-left.slider-02.text-dark.remove-margin-off.remove-margin-post-off{
margin-top: 4px !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
.main-heading-body {
    margin-bottom: 24px !important;
}
.tab-Latest-Headlines>.view-content-wrap {
    gap: 5px !important;
}
}
@media (min-width: 1024px) {
.main-heading-body {
    margin-bottom: 32px !important;
}
}


.views-field-field-image.classimage .field-content img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
@media (min-width: 768px) {
.views-field-field-image.classimage .field-content img {
    margin-top: -10px;
}
.views-field-title.classtitle {
    padding: 0px 15px 18px 15px;
}
.views-field-title.classtitle a{
   margin-top: 1px;
}
}
.widget.block.clearfix.gsc-block-view.gsc-block-drupal.block-view.title-align-left.text-dark.remove-margin-off.remove-margin-post-off .block-title {
    margin-bottom: 0px !important;
}
.widget.block.clearfix.gsc-block-view.gsc-block-drupal.block-view.title-align-left.block-white.text-dark.remove-margin-off.remove-margin-post-off.red {
    padding-top: 4px !important;
}

@media (min-width: 0px) and (max-width: 1200px) {
    .menu-item {
        color: #333333 !important;
    }
}
.Editorial table caption, .Features table caption, .Opinion table caption, .Culture-Community table caption, .Interview table caption {
    margin-left: -1px !important; 
}

@media (min-width: 768px) and (max-width: 1024px) {
    .Tamil-Affairs-Main .main-date,
    .Tamil-Affairs-Main .views-field-title,
    .Tamil-Affairs-Main .views-field-body,
    .Tamil-Affairs-Main .views-field-created {
        margin-top: 10px;
    }
}
.Tamil-Affairs-Main .views-field-title .field-content a {
    margin-bottom: 0px !important;
}
.TamilAffairs-teaser .post-block .post-body {
    margin-top: 0px !important  ;
}

@media (max-width: 768px){
/* .widget.block.clearfix.gsc-block-view.gsc-block-drupal.block-view.title-align-left.text-dark.remove-margin-off.remove-margin-post-off {
    background: #f5f5f5ba;
} */
.view-content-wrap .item {
    margin-bottom: 14px !important;
    background: white;
}
.views-field.views-field-title.mobile-cat-title {
    padding: 16px;
    padding-top: 0px;
}
.views-field.views-field-created.mobile-cat-date{
        padding-top: 2px !important;
        padding-bottom: 0px !important;
        padding: 16px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
    .tamilnews-tabview .views-field.views-field-created time {
        margin-left: 4.5%;
    }
}
@media (min-width: 1024px) {
    .node--type-article.node--promoted.node--view-mode-teaser-3.post-block .post-meta{
    margin-top: 3px !important;
}
}
@media (max-width: 1024px) {
    .node--view-mode-teaser-3.node-index-1 .post-content .post-body {
        margin-left: 8px;
        margin-right: 8px;
    }
.node--view-mode-teaser-3 .post-content p {
    margin-left: 0px !important;
}
}
.tweet-image-container {
    width: auto !important;
    margin: auto !important;
}

.Editorial .views-field.views-field-title.views-align-left a,
.Features .views-field.views-field-title.views-align-left a,
.Opinion .views-field.views-field-title.views-align-left a,
.Culture-Community .views-field.views-field-title.views-align-left a,
.Interview .views-field.views-field-title.views-align-left a {
    height: auto;
}
header .menu-another .content-inner:after {
  display:none 
}
@media (max-width: 768px) {
.views-infinite-scroll-content-wrapper.clearfix .view-content-wrap .item {
    background:white !important;
}
.feature-tamil {
    background: white;
}
.slider-news {
    background: white;
}
}
@media (min-width: 0px) and (max-width: 768px) {
    .menu-item {
         font-family: sans-serif !important; 
    }
}

.post-title {
-webkit-line-clamp: 6;
}
@media (max-width: 768px) {
.node--view-mode-full .gva-view-mlayout-2 .items-second .item-post .post-title span{
    font-size: 17px !important;
}
}
@media (max-width: 1024px) {
.node--view-mode-full .gva-view-mlayout-2 .items-second .item-post {
    height: auto !important;
margin-bottom: 0px !important;
padding: 0px;
padding-top: 3px;
}

.gva-view-mlayout-2 .items-second {
min-height: 1000px !important }

}

.node--view-mode-full .gva-view-mlayout-2 .items-second .item-post .post-title span {
        margin-top: -4px;
    }




.field__item .username {
   font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    color: #525252;
}
.field.field--name-field-news-author.field--type-entity-reference.field--label-hidden.field__item {

    display: none;
}

.visible_auth .field.field--name-field-news-author.field--type-entity-reference.field--label-hidden.field__item{
    display:block !important;
}
.field--name-field-summary .field__item {
display:none
}

.visible_subtitle .field--name-field-summary .field__item {
display:block !important;
}
.article-detail .block {
  display: flex;
  flex-direction: column; 
padding-top:0px;
}

.article-detail .post-top {
  order: 1; 
}

.article-detail .post-content {
  order: 2; 
}

.article-detail .post-top {
    max-height: 1000px !important;
    margin-bottom:0px;
}
@media (min-width: 768px) and (max-width: 1024px) {
    #block-gavias-batiz-sharesocial {
        left: 70% !important;
    }
}
@media (min-width: 768px){
.article-detail .post-meta.category-background {
    max-height: 90px !important;
}
    #block-gavias-batiz-sharesocial {
        left: 73% !important;
        top: -25px !important;
        bottom: 20px !important;

    }
}

@media (min-width: 763px){
.menu-hover .navigation .gva_menu li.menu-item--active-trail>a{
        background-color:#E0E6ED !important;
  }


}


@media (min-width: 1024px)  {
.tamilnews-tabview {
    display: none;
}
.mobile-list-cat{
    display: none;
}
.headline-tab{
    display: none;
}
.sidebar01{
width:25% !important
}
}

@media (min-width: 768px) and (max-width: 1024px) {
  .desktop-list-cat{
    display: none;
}
.mobile-list-cat{
    display: none;
}
.tab-tamil-inner .views-element-container{
display: block !important;
}
.tab-tamil .views-element-container{
display: block !important;
}
.headline-desktop {
    display : none
}
}

@media (max-width: 768px)  {
  .desktop-list-cat{
    display: none;


}
.tamilnews-tabview {
    display: none;
}
}
@media (max-width: 1024px) {
    .gva-offcanvas-inner {
        width: 100% !important;
    }

}

@media (min-width: 992px) and (max-width: 1024px)  {
    .col-md-push-3 {
        left: 0%;
    }
}

@media (min-width: 992px) and (max-width: 1024px){
    .col-md-6 {
        width: 66%;
    }
}

@media (min-width: 992px) and (max-width: 1024px){
    .world-news {
        width: 66%;
    }
 .slite-bar {
        width: 34%;
    }
.widget.block.clearfix.gsc-block-view.gsc-block-drupal.block-view.title-align-center.world-news.col-sm-12.col-md-6.col-6.mybordercard.nopadding.text-dark.remove-margin-off.remove-margin-post-off.pink {
width:100%
}
}


.tab-latest-news>.column-inner>.column-content-inner>.mybordercard {
    background: #3C4858 !important;
}

@media (min-width: 992px) {
.mobile-tamil-inner {
    display:none
}
}




.headline-body {
    display: -webkit-box; /* Enable flexbox behavior */
    -webkit-box-orient: vertical; /* Stack children vertically */
    -webkit-line-clamp: 2; /* Limit to 2 lines */
    overflow: hidden; /* Hide the overflow content */
    text-overflow: ellipsis; /* Add ellipsis for overflowed text */
    line-height: 16px;
    margin-bottom: 4px;
}
.widget.block .block-content .views-element-container .Features table tbody tr {
    align-items: flex-start !important;
    margin-bottom: 12px !important;
}

.widget.block .block-content .views-element-container .Opinion table tbody tr {
     align-items: flex-start !important;
         margin-bottom: 12px !important;

}
.widget.block .block-content .views-element-container .Culture-Community table tbody tr {
    align-items: flex-start !important;
        margin-bottom: 12px !important;

}
.widget.block .block-content .views-element-container .Interview table tbody tr {
    align-items: flex-start !important;
        margin-bottom: 12px !important;

}
.widget.block .block-content .views-element-container .Editorial table tbody tr {
    align-items: flex-start !important;
        margin-bottom: 12px !important;

}
.widget.block .block-content .views-element-container .Editorial td.Content-title {
   align-items: flex-start !important;
       margin-bottom: 12px !important;

}
#block-gavias-batiz-weneedyoursupport .field__item p{
    width: 53%;
    margin: 0 auto;
}


.field--name-body.field--type-text-with-summary.field--label-hidden.field__item{
     margin-bottom: 10px;
}



.donate_head{
    font-family: 'Playfair Display', serif;
font-size: 30px;
font-weight: 700;
line-height: 45px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;

    color: #3C4858 !important;
    width: 822px;
    margin-left: 0px;
    text-transform: initial;
    width: 53%;
    margin: 0 auto;
    margin-bottom: 1rem;
}

@media (max-width: 1024px) {
    .donate_head {
        margin-bottom: 7rem !important; /* Apply the margin-bottom on mobile */
        height: auto !important;

    }
}

/* For screens between 633px and 792px (7rem margin-bottom) */
@media (min-width: 633px) and (max-width: 792px) {
    .donate_head {
        margin-bottom: 7rem !important;
    }
}

/* For screens between 480px and 633px (11rem margin-bottom) */
/* @media (min-width: 480px) and (max-width: 633px) {
    .donate_head {
        margin-bottom: 11rem !important;
    }
} */

/* For screens between 448px and 478px (16rem margin-bottom) */
@media (min-width: 448px) and (max-width: 478px) {
    .donate_head {
        margin-bottom: 16rem !important;
    }
}

/* For screens below 448px (19rem margin-bottom) */
@media (max-width: 448px) {
    .donate_head {
        margin-bottom: 19rem !important;
    }
}
.TamilAffairs-teaser .post-block .post-body {
  margin-top: 0px !important;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TamilAffairs-teaser .post-block .post-body table{
      display: none !important;
}

.donate_head  {
     margin-top: 24px ;}

     .donate_body{
    margin-bottom: 24px;

     }

     .gva-view-mlayout-2 .items-second .item-post {
    height: auto !important;
}


@media screen and (max-width: 1024px) {
    #block-gavias-batiz-weneedyoursupport .field__item p {
        width: 100% !important;      /* Set the width to 100% on smaller screens */
        margin: 0 !important;        /* Remove the auto margin */
    }
.donate_head{
   width: 100% !important; 
   margin-top: 0px;
   margin-bottom: 0 !important;
        
} 
.bordermy{
    border-bottom: none !important;
 }
}

@media (min-width: 792px) and (max-width: 1024px) {
    .donate_head {
        margin-top: 30px;
    }
    .donate_body{
        margin-top: 10px;
        margin-bottom: 30px;
    
         }

        
}
@media (max-width: 792px){
    .donate_body{
        margin-top: 20px !important;
        margin-bottom: 32px !important;

}
.donate_head {
    margin-top: 32px !important;
}


}

.donate_body_02 {
    font-family: 'Georgia', serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    }




    /* new summery on tamil news */

    .post-body-tamil img, .post-body-tamil iframe , .post-body-tamil blockquote{
        display : none !important;
        
        
                }
        
                .post-body-tamil .field--name-body {
            display: -webkit-box; /* Establish a block formatting context */
            -webkit-line-clamp: 3; /* Limit to 3 lines */
            -webkit-box-orient: vertical; /* Set the orientation to vertical */
            overflow: hidden; /* Hide the overflowing content */
            text-overflow: ellipsis; /* Add an ellipsis (…) at the end */
            
        }
        
              .post-body-tamil .field--name-body p {
           
            font-family: 'Georgia', serif !important;
            font-weight: 400 !important;
            font-size: 14px !important;
            line-height: 28px !important;
        
        }
        
        .node--view-mode-teaser-3.small-post .post-content {
            padding-left: 60px !important;
        }
        
        .gva-view-mlayout-2 .items-second .item-post {
            height: auto !important;
        }
        
        .post-body-tamil{
          margin-top : -18px !important;
        }

        .post-body-tamil .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item
{
    font-family: 'Georgia', serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 28px !important;
    padding-left: 10px !important;
}
.node--view-mode-teaser-3 .post-content p {
    margin-left: 0px !important;
}

/* .field--name-field-news-author{
    display: none !important;
} */