/* Generated by includes/css-bundle/css-bundle.php – edit the source files, not this one */

/* ==== wp-content/themes/vistnews/assets/vendor/samvad/myad.css ==== */
/* carousel */
#adCarousel {
    max-height: 300px;
    overflow: hidden;
}

#adCarousel .carousel-item img,
#adCarousel .carousel-item video {
    max-height: 300px;
    object-fit: cover;
    width: 100%;
}

.carousel-control-prev,
.carousel-control-next {
    display: none;
    /* Optional: hide prev/next arrows for compact version */
}

.ad-carousel {
    max-height: 100vh;
    overflow: hidden;
}

.ad-carousel .carousel-item img,
.ad-carousel .carousel-item video {
    height: 100vh;
    object-fit: cover;
    width: 100%;
}

.carousel-control-prev,
.carousel-control-next {
    display: none;
    /* Hide nav buttons */
}

/* carousel */



.cube-container {
    position: fixed;
    bottom: 20px;
    /* Adjust the position */
    right: 20px;
    /* Adjust to place it in the desired corner */
    z-index: 9999;
    /* Ensures it stays above other elements */
    width: 150px;
    /* Adjust size as needed */
    height: 150px;
    perspective: 1000px;
}

.cube {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    animation: rotateCube 8s infinite linear;
}

.face {
    position: absolute;
    width: 150px;
    height: 150px;
    backface-visibility: hidden;
}

.face img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    display: block;
}


/* Define cube face positions */
.front {
    transform: translateZ(75px);
}

.back {
    transform: rotateY(180deg) translateZ(75px);
}

.right {
    transform: rotateY(90deg) translateZ(75px);
}

.left {
    transform: rotateY(-90deg) translateZ(75px);
}

.top {
    transform: rotateX(90deg) translateZ(75px);
}

.bottom {
    transform: rotateX(-90deg) translateZ(75px);
}

/* Cube rotation animation */
@keyframes rotateCube {
    0% {
        transform: rotateX(0deg) rotateY(0deg);
    }

    20% {
        transform: rotateX(0deg) rotateY(90deg);
    }

    40% {
        transform: rotateX(0deg) rotateY(180deg);
    }

    60% {
        transform: rotateX(0deg) rotateY(270deg);
    }

    80% {
        transform: rotateX(90deg) rotateY(270deg);
    }

    100% {
        transform: rotateX(0deg) rotateY(360deg);
    }
}

/* #responsive-modal */
.modal {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(10, 10, 10, 0.85);
    animation: treasonFade 1s ease forwards;
}

.modal-content {
    position: relative;
    background-color: #fff;
    padding: 2px;
    border-radius: 10px;
    max-width: 90vw;
    max-height: 90vh;
    animation: zoomIn 0.6s ease-in-out;
    box-shadow: 0 0 20px #fff;
}

.modal-content img {
    max-width: 100%;
    max-height: 80vh;
    display: block;
    border-radius: 6px;
}

.close-btn {
    position: absolute;
    top: -4px;
    right: 10px;
    font-size: 45px;
    font-weight: bold;
    color: rgba(245, 40, 145, 1);
    cursor: pointer;
    z-index: 1;
}

@keyframes treasonFade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        transform: scale(0.3);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* #responsive-modal */

/* ==== wp-content/themes/vistnews/assets/css/header.css ==== */
/* **** Header **** */
/*.main-header {
    position: fixed;
    background: #ebeced;
    top: var(--top-bar-height);
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99999;
    border-bottom: 1px solid #E5E5E5;
    transition: all .15s linear;
	background: transparent;
  
}*/

.main-header {
  width: 100%;
/*  border-bottom: 1px solid #E5E5E5; */
  transition: all .15s linear;
  background: transparent;
  top: var(--top-bar-height);
  position:inherit;
}
.header-wrapper {
  background-image: url('https://vistaarnews.com/wp-content/themes/vistnews/assets/images/header-background.webp');
  background-position: center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 126px;
  z-index: 999;
  transition: all .15s linear;
}
.scroll-sticky .header-wrapper{
	height:83px;
	transition: all .15s linear;
}
.main-header .header-container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.main-header .header-container > * {
    flex: 1;
}
.main-header .header-container .logo {
    display: inline-flex;
}
.main-header .header-container .logo :is(img, svg),
.main-footer .footer-logo .logo :is(img, svg) {
    height: 80px;
    width: auto;
}

.main-header .header-logo {
    display: inline-flex;
    align-items: center;
    padding-top: 6px;
    padding-bottom: 6px;
}
.mobile-toggle-menu-action {
    display: inline-flex;
    transition: all .3s;
    color: var(--black);
    margin-right: 16px;
}
.mobile-toggle-menu-action:hover,
.mobile-toggle-menu-action:focus {
    color: var(--primary);
}
.mobile-toggle-menu-action .icon {
    width: 28px;
    height: 28px;
}

.header-nav-menu {
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-nav-menu > .menu:before {
    /* content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 77px;
    bottom: 0;
    background: rgb(0 0 0 / 60%);
    height: calc(100vh - 77px);
    z-index: -1; */
}
.header-nav-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-nav-menu > ul > li {
    display: inline-block;
    margin: 0 12px;
}
.header-nav-menu ul li a {
    font-family: 'Noto Sans', sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: normal;
    color: var(--black);
    text-decoration: none;
    transition: all .3s;
}
.header-nav-menu > ul > li > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-top: 1.55em;
    /* padding-bottom: .875em; */
    padding-bottom: 1.55em;
    border-bottom: 2px solid transparent;
	font-weight: bold;
}
.header-nav-menu > ul > li > a:hover,
.header-nav-menu > ul > li.current-menu-item > a {
    border-color: var(--primary);
}
.header-nav-menu > ul > li.menu-item-has-children > a:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAARCAYAAADOk8xKAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACzSURBVHgB5dRhDcJADAXgJ2E42ByAE1AAEpCABBxwCmYBB+BgSMDBjo60oWtIxjW9X7zkJUsv67dlyYB/SKJm6h71cqA+qT34InO3iM9O7R+nwVENJnyNuGzweaGRrXdOFVCNZTZmsWgLf7ol7Bv6cKId37uIRaDFmOTsQN2YJBWgFrvAmfQDGoZJrmrZndqosxXP5LxHQBqzVFA7v2H+MOFoNUyj+ltJB1TAJK1BBxT+HF5wNmM1pF+EjgAAAABJRU5ErkJggg==');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10px;
    /* margin-top: -8px; */
    margin-top: -2px;
    transition: all .5s ease;
}
.header-nav-menu > ul > li.menu-item-has-children > a:hover:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQCAYAAAAFzx/vAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFYSURBVHgBrZRBTsJAFIb/6UJXRo4Aexd2h4mJgRMYLyB6A7wAnsDEC0i4SF2CK1i4pzcAl5rI8A/zJm2AKTOFl0zetH3///U1r6MQGWOgqYBPbrUGujdAHqNXMcUlWFNuzWOhwcA9MNSBBgGnQON3kyyMgJGIHyVPzwhNgeUhr4NAA/tjZ4Rci2BG884Pt+dApor7QdCkDsyY3gELdt3ls5l0nbI2M5raQBoOHYyRO5jAsQ/K67dawAlhTPcOpkswFw7K9IBiaJ6o/fD5qgpYrwyrmkJtNS2aZSimeNgGnrdrdzr8AgYxMPfWbfk9UNT2xMsfpoBvqmXNx7v/XGWYTqlpGa14rLzQY2Gh0MTBWPgqgmXIZ/SF+bwXhP1zkLQdMsU8cFC1DWNh51bG/Jj45uLhkCb2cGhYe7yoid2cFOaDkrFIVsC7tN4/JczEFdelPYP7XDmhozUw96BpaBSi6AAAAABJRU5ErkJggg==');
}

.header-nav-menu > ul > li.menu-item-has-children > ul.sub-menu {
    position: fixed;
    background: #F6F6F6;
    left: 0;
    right: 0;
    width: 100%;
    transition: all .3s;
    z-index: -99;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10%);
    display: flex;
    gap: 20px;
    padding: 40px 40px 60px 40px;
}
.header-nav-menu > ul > li.menu-item-has-children:hover > ul.sub-menu {
    z-index: 99;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
.header-nav-menu > ul > li.menu-item-has-children > ul.sub-menu > li {
    flex: 1;
    /* padding-left: 140px; */
    position: relative;
}
.header-nav-menu > ul > li.menu-item-has-children > ul.sub-menu > li:first-child {
    margin-left: var(--margin-page-width);
}
.header-nav-menu > ul > li.menu-item-has-children > ul.sub-menu > li:last-child {
    margin-right: var(--margin-page-width);
}
.header-nav-menu > ul > li.menu-item-has-children > ul.sub-menu > li > a {
    font-size: 22px;
    font-weight: 600;
}
.header-nav-menu > ul > li.menu-item-has-children > ul.sub-menu > li > a > img {
    position: absolute;
    left: 0;
    width: 120px;
}
.header-nav-menu > ul > li.menu-item-has-children > ul.sub-menu > li > a span {
    display: inline-block;
    position: relative;
}
.header-nav-menu > ul > li.menu-item-has-children > ul.sub-menu > li > a span:before {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background-color: var(--primary);
    position: absolute;
    left: 0;
    bottom: -4px;
}

.header-nav-menu > ul > li.menu-item-has-children > ul.sub-menu ul.sub-menu {
    column-count: 5;
    margin-top: 40px;
}
.header-nav-menu > ul > li.menu-item-has-children > ul.sub-menu > li:last-child ul.sub-menu {
    column-count: 3;
}
.header-nav-menu > ul > li.menu-item-has-children > ul.sub-menu ul.sub-menu li {
    margin-bottom: 28px;
}
.header-nav-menu > ul > li.menu-item-has-children > ul.sub-menu ul.sub-menu li a {
    border-bottom: 1px solid transparent;
}
.header-nav-menu > ul > li.menu-item-has-children > ul.sub-menu ul.sub-menu li a:hover {
    border-color: var(--primary);
}


.main-header .header-right {
    display: flex;
    justify-content: end;
    align-items: center;
}
.main-header .header-logo,
.main-header .header-right {
    flex: 0 0 15%;
}
.main-header .header-right > span {
    cursor: pointer;
    padding: 10px;
    color: var(--black);
    transition: all .3s;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.main-header .header-right > span:last-child {
    /* margin-right: -10px; */
    margin-right: -5px;
}
.main-header .header-right > span:hover,
.main-header .header-right > span:focus {
    color: var(--primary);
}
.main-header .header-right .icon {
    width: 28px;
    height: 28px;
}

.toggle-menu {
    position: relative;
}
.toggle-menu-items {
    position: fixed;
    background: #F6F6F6;
    width: 320px;
    top: calc(var(--header-height) + var(--top-bar-height));
    left: 0;
    z-index: 99;
}
.toggle-menu-items ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}
.toggle-menu-items ul li:not(:last-child) {
    border-bottom: 1px solid #C8C8C8;
}
.toggle-menu-items ul li a {
    color: var(--black);
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    padding: 10px 20px 10px 20px;
    display: block;
    transition: all .3s;
}
.toggle-menu-items ul li a:hover {
    background-color: var(--primary);
    color: var(--white);
}
/********************/



/* **** Search Bar **** */
.search-top-col {
    background: #F6F6F6;
}
.search-top-col input {
    border: none;
    background: none;
    color: var(--black);
    font-size: 18px;
    max-width: 85%;
    width: 100%;
    padding: 20px 0;
}
.search-top-col input:focus {
    outline: none;
    box-shadow: none;
}
.search-top-col input::placeholder {
    color: var(--black);
    opacity: .5;
    /* Firefox */
}
.search-top-col input::-ms-input-placeholder {
    color: var(--black);
    opacity: .5;
    /* Edge 12 -18 */
}
.search-top-col input::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.search-bott-col {
    height: 100%;
}
.search-result {
    color: #26215E;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 1rem;
}
.header-search .search-top-col {
    padding: 0;
    box-shadow: rgb(255 255 255 / 15%) 0px 48px 100px 0px;
    animation: searchmodal 1s ease 0s 1 normal forwards;
}
@keyframes searchmodal {
    0% {
        opacity: 0;
        transform: rotateX(70deg);
        transform-origin: top;
    }

    100% {
        opacity: 1;
        transform: rotateX(0deg);
        transform-origin: top;
    }
}
.header-search .search-top-col .wrapper-container,
.header-search .search-top-col .theme-container {
    position: relative;
}
.header-search .search-top-col .close {
    position: absolute;
    right: 42px;
    top: 0;
    z-index: 9;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.header-search .search-top-col .close svg {
    width: 16px;
    height: 16px;
}
.header-search .search-top-col .close svg path {
    fill: var(--black);
}
.header-search:before {
    content: '';
    background: var(--black);
    opacity: .5;
    height: 100vh;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: -1;
}
.header-search {
    position: fixed;
    top: calc(var(--header-height) + var(--top-bar-height));
    width: 100%;
    z-index: 9;
    transition: all .15s linear;
}
.scroll-sticky .header-search {
    top: calc(var(--header-height));
}
.search .header-search {
    display: none !important;
}

.search-section {
    padding-top: 0;
    min-height: 60vh;
}
.search-section  .search-top-col {
    margin-bottom: 2rem;
}
/* ******************** */



/* **** Footer **** */
.main-footer {
    background: #b4b2c5;
    background-image: url('https://vistaarnews.com/wp-content/themes/vistnews/assets/images/D_1920x425.png');
    color: var(--black);
    margin-top: 20px;
    padding-bottom: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
}
/* .main-footer:after {
    content: "";
    position: absolute;
    display: block;
    inset: 0;
    background-color: var(--black);
    opacity: 0.4;
    width: 100%;
    height: 100%;
} */
.footer-container {
    position: relative;
    z-index: 2;
}
.footer-top {
    row-gap: 30px;
}
.footer-top > .footer-logo {
    order: 0;
}
.footer-top > .footer-menu {
    order: 1;
}
.footer-top > .footer-newsletter {
    order: 2;
}
.footer-newsletter .footer-header {
    font-size: 22px;
    margin-bottom: 12px;
    font-weight: 600;
}
.footer-newsletter .description {
    font-size: 14px;
    line-height: 1.7;
}
.social-icons {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 40px;
}
.social-icons li {
    display: inline-block;
}
.social-icons li:not(:last-child) {
    margin-right: 14px;
}
.social-icons img {
    width: 28px;
    height: 28px;
}
.footer-heading {
	width:100%;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
}

.footer-menu > div {
    flex: 1;
}
.footer-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 10px;
    column-count: 3;
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
}
.footer-menu ul li {
    margin-bottom: 20px;
}
.footer-menu ul a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: var(--black);
    font-size: clamp(16px, 1.15vw, 20px);
    font-weight: 500;
    transition: all .3s;
}
ul.dec-footer a {
    font-weight: 600;
}
.footer-menu ul a:hover {
    color: var(--primary);
}
.footer-menu ul li a:before {
    content: "";
    display: inline-block;
  /*  width: 16px; */
	width: 6px;
    height: 16px;
   /*  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFpSURBVHgB7dbBbYMwFIDhZwN3RugIyQRNN+gIuSAOHDpCYYPmgJDgwAjtBu0I6QTtBs0dEH2moqLUJthGDlL8S1aiYOBTCA4ANpvNdt0RMFie5w/4spk7v2maxBiwKIpd27avINeJgqHqugaFfKOXOMuyveM4t4LN9zj88YdGgaLw8j/i5Y952y4OnMKxjP0GeXFwJxyH4RwlYFmWPhugEQ9XVdUdLi1H0AGmabrBA33g+GInAYVEuCiKjuO5UkCG8zyPrWXdt8dOIouUwUkBx7g+GaQsbjZQhJNBquBmAXk4PFGCB9/Cz113FimJ+xy+Jyq4MAxj0XZCSBwEQaKI6+r/cXDegajipub1SNXLOozo4KbmY284djo4LlAWN7WfLu4fUBU3tb8O7g9QFyc4jhbuF7gUrg/vwhtK6R4fUl90cB1wadzSUdd1n2GlOBbFNWu1OJaLz19bXLXZgvqOuCew2Ww226r6BrpUVD2bX8v7AAAAAElFTkSuQmCC'); */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /* margin-right: 6px; */
	 margin-right: 0px;
    filter: invert(1);
}
.footer-menu ul a svg {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

@media screen and (min-width: 768px) {
	.footer-menu ul {
		display:flex;
	}
	.footer-menu ul li{
		padding-right:40px;
	}
	
	.header-logo a svg {
	  height: 85px !important;
	  transition: all .15s linear;
	}
	.main-header .header-logo a.logo {
	  position: fixed;
	  top: 16px;
	}

	.scroll-sticky .main-header .header-logo a.logo {
	  position: inherit;
	}
	.scroll-sticky .header-logo a svg {
	  height: 65px !important;
	  transition: all .15s linear;
	}
	.desktop-none{
		display:none;
	}
	.footer-heading {
	  font-size: 22px;
	  font-weight: 600;
	  margin-bottom: 12px;
	  width: 100%;
	  text-align: left;
	  /* padding-left: 21px; */
	}
	.footer-menu ul {
		display: flex;
		width: 100%;
		flex-flow: row wrap;
		align-content: flex-end;
		align-items: flex-end;
		text-align: left;
		
	}
	.footer-menu ul li {
		padding-right: 40px;
		width: 100%;
		column-count: 1;
	}
	.footer-heading.d-inline-flex {
	  display: block !important;
	}
	
	.search .search-section{
		margin-top:30px;
	}

}
@media screen and (max-width: 767px) {
	.header-wrapper{
		height: 92px;
		 transition: all .15s linear;
	}
	.scroll-sticky .header-wrapper{
	  height: 63px;
	   transition: all .15s linear;
	}
	
	
	.main-header .header-logo a.logo {
	  position: fixed;
	  top: 16px;
	   transition: all .15s linear;
	}
	
	.header-logo a svg {
	  height: 51px !important;
	  transition: all .15s linear;
	}
	.scroll-sticky .main-header .header-logo a.logo {
	  position: inherit;
	   transition: all .15s linear;
	}
	.scroll-sticky .header-logo a svg {
	  height: 43px !important;
	  transition: all .15s linear;
	}
	.main-header{
		border-bottom:none;
	}
	.footer-menu ul.custom-footer-menu {
	  display: inline-flex;
	  flex-wrap: wrap;
	}
	.footer-menu ul.custom-footer-menu li {
	  margin-right: 20px;
	}
	.scroll-sticky .main-header .header-logo{    flex: 0 0 40%;}
	.main-header .header-right > span:last-child{align-items: baseline;}

}
.footer-bottom {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid rgb(0 0 0 / 20%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-bottom ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 12rem;
}
.footer-bottom ul li {
    display: inline-block;
    margin-right: 40px;
}
.footer-bottom ul li a {
    color: var(--black);
    font-size: clamp(15px, 1.15vw, 18px);
    font-weight: 500;
    text-decoration: none;
    transition: all .3s;
}
.footer-bottom :is(p, a) {
    color: var(--black);
    font-size: clamp(15px, 1.15vw, 18px);
    font-weight: 400;
    transition: all .3s;
}
.footer-bottom a:hover {
    color: var(--primary);
}

.main-footer .footer-newsletter .wpcf7 {
    margin-top: 15px;
}
.main-footer .footer-newsletter .wpcf7-form > p {
    display: flex;
    position: relative;
}
.main-footer .footer-newsletter .wpcf7-form .wpcf7-spinner {
    position: absolute;
    z-index: 9;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.main-footer .footer-newsletter .wpcf7-form :is(input:not([type='submit'], [type='radio'], [type='checkbox'])) {
    border-color: transparent;
    height: 100%;
}
.wpcf7-form .wpcf7-response-output {
    display: none;
    position: absolute;
    border: 0 !important;
    padding: 0 !important;
    margin: 5px 0 0 0 !important;
    font-size: 14px;
    font-weight: 300;
}
.wpcf7-form[data-status="sent"] .wpcf7-response-output {
    display: block;
    color: #46b450;
    font-weight: 500;
}
.wpcf7-form .wpcf7-not-valid-tip {
    position: absolute;
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
}
/********************/


/* **** Top Bar **** */
  /*.top-bar {
  background-color: #b4b2c5; 
	background:transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 99999;
    transition: all .15s linear;
}
*/
.top-bar {
  background: transparent;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  width: 100%;
  z-index: 99999;
  transition: all .15s linear;
  /*position:inherit; */
}
.top-bar .social-icons {
    display: flex;
    align-items: center;
    justify-content: end;
} 
.top-bar .social-icons img {
    width: 24px;
    height: 24px;
}
/* ***************** */


.scroll-sticky .top-bar {
    margin-top: -100%;
}
.scroll-sticky .main-header {
    top: 0;
}


/* **** Media Query **** */
@media (min-width: 768px) {
    .footer-menu {
        flex: 1;
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }
}

@media (min-width: 991px) {
    .toggle-menu-items {
        /* display: none; */
        /* margin-top: 18px; */
        left: unset;
        right: 35px;
        width: 220px;
        margin-right: var(--margin-page-width);
        transition: all .3s linear;
        opacity: 0;
        transform: translateX(50px);
        z-index: -99;
        visibility: hidden;
    }
    .toggle-menu-items.active {
        /* display: block; */
        opacity: 1;
        transform: unset;
        visibility: visible;
        z-index: 99;
        
    }
}

@media (min-width: 1201px) {
    .header-nav-menu > ul > li {
        margin: 0 4px;
    }
}

@media (min-width: 1401px) {
    .header-nav-menu > ul > li {
        margin: 0 20px;
    }
}

@media (min-width: 1620px) {
    .footer-menu ul li a:before {
        width: 18px;
        height: 18px;
        margin-right: 8px;
    }
}

@media (max-width: 1400px) {

}

@media (max-width: 1200px) {
    .main-header .header-container .logo :is(img, svg),
    .main-footer .footer-logo .logo :is(img, svg) {
        height: 48px
    }
    .social-icons {
        margin-top: 20px;
    }

    .footer-top > .footer-menu {
        order: 2;
    }
    .footer-top > .footer-newsletter {
        order: 1;
    }
}

@media (max-width: 990px) {
    .main-header .header-nav-menu,
    .main-header .header-right .toggle-menu {
        display: none;
    }
    .main-header .header-container .logo :is(img, svg),
    .main-footer .footer-logo .logo :is(img, svg) {
        height: 40px
    }
    .main-header .header-logo {
        align-items: flex-end;
    }
    .main-header .header-right > span {
        align-items: end;
        padding: 10px 0;
    }


    .header-nav-menu.mobile-main-menu {
        background-color: #ebeced;
        position: fixed;
        z-index: 9;
        width: 100%;
        left: 0;
        right: 0;
        top: calc(var(--header-height) + var(--top-bar-height));
        transition: all .15s linear;
    }
    .scroll-sticky .header-nav-menu.mobile-main-menu {
        top: calc(var(--header-height));
    }
    .header-nav-menu.mobile-main-menu > ul.menu > li > a {
        color: var(--black);
        white-space: nowrap;
        font-weight: 600;
    }
    .header-nav-menu.mobile-main-menu ul li a {
        font-size: 16px;
        padding-top: 1em;
        padding-bottom: 0.5em;
    }
    .header-nav-menu.mobile-main-menu > ul > li.menu-item-has-children > a:after {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAARCAYAAADOk8xKAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACzSURBVHgB5dRhDcJADAXgJ2E42ByAE1AAEpCABBxwCmYBB+BgSMDBjo60oWtIxjW9X7zkJUsv67dlyYB/SKJm6h71cqA+qT34InO3iM9O7R+nwVENJnyNuGzweaGRrXdOFVCNZTZmsWgLf7ol7Bv6cKId37uIRaDFmOTsQN2YJBWgFrvAmfQDGoZJrmrZndqosxXP5LxHQBqzVFA7v2H+MOFoNUyj+ltJB1TAJK1BBxT+HF5wNmM1pF+EjgAAAABJRU5ErkJggg==');
    }
    .header-nav-menu.mobile-main-menu > ul.menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        overflow: auto;
    }
    .header-nav-menu.mobile-main-menu > ul.menu::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    .header-nav-menu.mobile-main-menu > ul > li.menu-item-has-children > ul.sub-menu {
        gap: 60px;
        padding: 20px 15px 20px 15px;
    }
    .header-nav-menu.mobile-main-menu > ul > li.menu-item-has-children > ul.sub-menu ul.sub-menu li {
        margin-bottom: 20px;
    }
    .header-nav-menu.mobile-main-menu > ul > li.menu-item-has-children > ul.sub-menu > li {
        padding-left: 0;
    }
    .header-nav-menu.mobile-main-menu > ul > li.menu-item-has-children > ul.sub-menu > li > a > img {
        display: none;
    }
    .header-nav-menu.mobile-main-menu > ul > li.menu-item-has-children > ul.sub-menu > li > a {
        font-size: 16px;
        font-weight: 600;
    }
    .header-nav-menu.mobile-main-menu > ul > li.menu-item-has-children > ul.sub-menu > li > a span:before {
        width: 40px;
        height: 2px;
    }
    .header-nav-menu.mobile-main-menu > ul > li.menu-item-has-children > ul.sub-menu ul.sub-menu {
        margin-top: 20px;
    }


    .toggle-menu-items {
        transition: all .3s;
        transform: translateX(-100%);
        opacity: 0;
        visibility: hidden;
        top: calc(var(--header-height) + var(--top-bar-height));
    }
    .toggle-menu-items.active {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }

    .main-footer {
        padding-top: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .footer-container {
        
    }
    .footer-bottom {
        margin-top: 20px;
        padding-top: 40px;
    }

    .header-search .search-top-col .close {
        right: 14px;
    }
    .footer-bottom ul {
        margin-left: 8rem;
    }
}

@media (max-width: 767px) {
    .main-header .header-container .logo :is(img, svg),
    .main-footer .footer-logo .logo :is(img, svg) {
        height: 70px
    }
    .mobile-toggle-menu-action .icon,
    .main-header .header-right .icon  {
        width: 24px;
        height: 24px;
    }

    .header-nav-menu.mobile-main-menu > ul > li.menu-item-has-children > ul.sub-menu {
        flex-direction: column;
        gap: 20px;
    }
    .header-nav-menu.mobile-main-menu > ul > li.menu-item-has-children > ul.sub-menu ul.sub-menu {
        column-count: 3;
    }
    .header-nav-menu.mobile-main-menu > ul > li.menu-item-has-children > ul.sub-menu ul.sub-menu li {
        margin-bottom: 10px;
    }

    .main-footer {
        padding-top: 20px;
    }
    .footer-container {
        
    }
    .footer-bottom ul {
        display: none;
    }
    .footer-bottom {
        margin-top: 15px;
        padding-top: 15px;
        border: 0;
    }
    .footer-logo .logo {
        display: none;
    }
    .footer-top > .footer-logo {
        order: 3;
    }


    .footer-menu-no-2 ul {
        display: flex;
        gap: 30px;
        width: auto;
        overflow: auto;
    }
    .footer-menu-no-2 ul::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    .footer-menu-no-2 ul li a {
        width: max-content;
    }
    .footer-menu-no-2 ul li a:before,
    .footer-menu-no-2 + div ul li a:before {
        content: none;
    }
    .footer-menu-no-2 + div p {
        display: none;
    }

    .social-icons {
        margin-top: 0px;
		display: flex;
    }

    .main-footer .footer-newsletter .wpcf7 {
        margin-bottom: 15px;
    }
    .footer-heading,
    .footer-newsletter .footer-header {
        font-size: 18px;
    }

    .top-bar {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .top-bar .social-icons img {
        width: 20px;
        height: 20px;
    }
    .footer-bottom ul {
        margin-left: 0;
    }
}

@media (max-width: 500px) {
    .main-footer {
        background-image: url('https://vistaarnews.com/wp-content/themes/vistnews/assets/images/500x520.webp'); 
        background-position: left top;
        background-size: 100% 100%;
    }
}


/* ==== wp-content/themes/vistnews/assets/css/header-search.css ==== */
/* Header search – pill on desktop, icon + slide-down bar on mobile */

.header-right .vn-search {
	--vs-red: #C80000;
	position: relative;
	display: flex;
	align-items: center;
	width: 230px;
	height: 40px;
	margin-left: auto;
	padding: 0 4px 0 14px;
	background: rgba(255, 255, 255, .92);
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 999px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .10);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	transition: width .35s cubic-bezier(.2, .8, .2, 1), border-color .2s, box-shadow .2s;
}
.header-right .vn-search:hover { border-color: rgba(200, 0, 0, .35); }
.header-right .vn-search:focus-within {
	width: 300px;
	background: #fff;
	border-color: var(--vs-red);
	box-shadow: 0 0 0 4px rgba(200, 0, 0, .12), 0 6px 18px rgba(0, 0, 0, .12);
}

.vn-search .vn-search-ico {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	color: #8a8a8a;
	transition: color .2s;
}
.vn-search:focus-within .vn-search-ico { color: var(--vs-red, #C80000); }

.vn-search .vn-search-input {
	flex: 1 1 auto;
	min-width: 0;
	height: 100%;
	margin: 0 6px 0 8px;
	padding: 0;
	font-family: 'Noto Sans', sans-serif;
	font-size: 14px;
	letter-spacing: 0;
	color: #141414;
	background: transparent;
	border: 0 !important;
	outline: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.vn-search .vn-search-input::placeholder { color: #8a8a8a; opacity: 1; font-size: 14px; letter-spacing: 0; font-weight: 400; }
.vn-search .vn-search-input::-webkit-search-cancel-button { -webkit-appearance: none; }

.vn-search .vn-search-kbd {
	flex: 0 0 auto;
	margin-right: 6px;
	padding: 1px 7px;
	font: 600 11px/16px 'Noto Sans', sans-serif;
	color: #8a8a8a;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #f7f7f7;
}
.vn-search:focus-within .vn-search-kbd,
.vn-search.has-value .vn-search-kbd { display: none; }

.vn-search .vn-search-btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	color: #fff;
	background: linear-gradient(135deg, #e01b1b 0%, #a80000 100%);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(200, 0, 0, .35);
	transition: transform .15s, box-shadow .2s;
}
.vn-search .vn-search-btn:hover { transform: scale(1.06); box-shadow: 0 4px 10px rgba(200, 0, 0, .45); }
.vn-search .vn-search-btn:active { transform: scale(.96); }
.vn-search .vn-search-btn svg { width: 16px; height: 16px; }

/* Compact when header is sticky */
.scroll-sticky .header-right .vn-search { height: 34px; }
.scroll-sticky .vn-search .vn-search-btn { width: 28px; height: 28px; }

/* Mobile trigger icon */
.header-right .vn-search-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	color: #C80000;
	background: #fff;
	border: 0;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
	cursor: pointer;
}
.header-right .vn-search-toggle svg { width: 18px; height: 18px; }

/* Mobile slide-down bar */
.header-search.vn-search-panel {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000000;
	padding: 12px 14px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
	animation: vnSearchDown .25s ease-out;
}
.header-search.vn-search-panel::before { display: none; }
@keyframes vnSearchDown {
	from { transform: translateY(-100%); opacity: 0; }
	to { transform: translateY(0); opacity: 1; }
}
.vn-search-panel .vn-search-panel-row { display: flex; align-items: center; gap: 10px; }
.vn-search-panel .vn-search {
	flex: 1;
	display: flex;
	align-items: center;
	height: 44px;
	padding: 0 4px 0 14px;
	background: #f4f4f4;
	border: 1px solid transparent;
	border-radius: 999px;
}
.vn-search-panel .vn-search:focus-within { background: #fff; border-color: #C80000; box-shadow: 0 0 0 3px rgba(200, 0, 0, .12); }
.vn-search-panel .vn-search .vn-search-input { font-size: 16px; } /* 16px stops iOS zoom */
.vn-search-panel .vn-search .vn-search-btn { width: 36px; height: 36px; }
.vn-search-panel .vn-search-close {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	color: #444;
	background: transparent;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
}
.vn-search-panel .vn-search-close:hover { background: #f1f1f1; }
.vn-search-panel .vn-search-close svg { width: 20px; height: 20px; }

@media (max-width: 767px) {
	.header-right .search-box { display: none !important; }
	.header-right .vn-search-toggle { display: inline-flex; }
}
@media (min-width: 768px) {
	.header-search.vn-search-panel { display: none !important; }
}

/* ---------- WordPress admin bar (logged-in users only) ----------
   The header is position:fixed at top:0, so it slid under #wpadminbar.
   Shift the header with a transform: that also makes it the containing block for the fixed
   elements inside it (.main-header, logo, sub-menus), so they move down with it.
   Fixed elements outside the header get an explicit offset below. */
body.admin-bar { --vn-ab: 32px; }

body.admin-bar .header-wrapper { transform: translateY(var(--vn-ab)); }

body.admin-bar .toggle-menu-items,
body.admin-bar .header-search,
body.admin-bar .header-nav-menu.mobile-main-menu {
	top: calc(var(--header-height) + var(--top-bar-height) + var(--vn-ab));
}
body.admin-bar.scroll-sticky .header-search,
body.admin-bar.scroll-sticky .header-nav-menu.mobile-main-menu {
	top: calc(var(--header-height) + var(--vn-ab));
}
body.admin-bar .header-search.vn-search-panel { top: var(--vn-ab); }

/* WP's admin bar is 46px tall below 783px */
@media (max-width: 782px) {
	body.admin-bar { --vn-ab: 46px; }
}

/* Below 601px WP lets the admin bar scroll away; keep it fixed so the header offset stays correct */
@media (max-width: 600px) {
	body.admin-bar #wpadminbar { position: fixed; }
	/* Too many items wrap the account avatar onto a 2nd row over the header – drop the rarely used ones on phones */
	#wpadminbar #wp-admin-bar-site-editor,
	#wpadminbar #wp-admin-bar-customize { display: none !important; }
}


/* ==== wp-content/themes/vistnews/assets/css/common.css ==== */
.text-start {
    text-align: left !important;
}
.text-end {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}

.m-0 {
    margin: 0 !important;
}
.mt-0,
.my-0 {
    margin-top: 0 !important;
}
.mr-0,
.mx-0 {
    margin-right: 0 !important;
}
.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
    margin-left: 0 !important;
}
.m-1 {
    margin: 0.25rem !important;
}
.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}
.m-2 {
    margin: 0.5rem !important;
}
.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}
.m-3 {
    margin: 1rem !important;
}
.mt-3,
.my-3 {
    margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}
.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}
.m-4 {
    margin: 1.5rem !important;
}
.mt-4,
.my-4 {
    margin-top: 0rem !important;
}
.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}
.m-5 {
    margin: 3rem !important;
}
.mt-5,
.my-5 {
    margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}
.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}
.pt-0,
.py-0 {
    padding-top: 0 !important;
}
.pr-0,
.px-0 {
    padding-right: 0 !important;
}
.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
    padding-left: 0 !important;
}
.p-1 {
    padding: 0.25rem !important;
}
.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}
.p-2 {
    padding: 0.5rem !important;
}
.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
    padding-left: 1.5rem !important;
}
.p-3 {
    padding: 1rem !important;
}
.pt-3,
.py-3 {
    padding-top: 1rem !important;
}
.pr-3,
.px-3 {
    padding-right: 1rem !important;
}
.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
    padding-left: 1rem !important;
}
.p-4 {
    padding: 1.5rem !important;
}
.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}
.p-5 {
    padding: 3rem !important;
}
.pt-5,
.py-5 {
    padding-top: 3rem !important;
}
.pr-5,
.px-5 {
    padding-right: 3rem !important;
}
.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.w-25 {
    width: 25% !important;
}
.w-50 {
    width: 50% !important;
}
.w-75 {
    width: 75% !important;
}
.w-100 {
    width: 100% !important;
}
.w-auto {
    width: auto !important;
}
.mw-100 {
    max-width: 100% !important;
}
.vw-100 {
    width: 100vw !important;
}
.min-vw-100 {
    min-width: 100vw !important;
}

.h-25 {
    height: 25% !important;
}
.h-50 {
    height: 50% !important;
}
.h-75 {
    height: 75% !important;
}
.h-100 {
    height: 100% !important;
}
.h-auto {
    height: auto !important;
}
.mh-100 {
    max-height: 100% !important;
}
.vh-100 {
    height: 100vh !important;
}
.min-vh-100 {
    min-height: 100vh !important;
}

.float-start {
    float: left !important;
}
.float-end {
    float: right !important;
}
.float-none {
    float: none !important;
}

.overflow-auto {
    overflow: auto !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.overflow-visible {
    overflow: visible !important;
}
.overflow-scroll {
    overflow: scroll !important;
}

.d-inline {
    display: inline !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-block {
    display: block !important;
}
.d-grid {
    display: grid !important;
}
.d-table {
    display: table !important;
}
.d-table-row {
    display: table-row !important;
}
.d-table-cell {
    display: table-cell !important;
}
.d-flex {
    display: flex !important;
}
.d-inline-flex {
    display: inline-flex !important;
}
.d-none {
    display: none !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}
.flex-row {
    flex-direction: row !important;
}
.flex-column {
    flex-direction: column !important;
}
.flex-row-reverse {
    flex-direction: row-reverse !important;
}
.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}
.justify-content-end {
    justify-content: flex-end !important;
}
.justify-content-center {
    justify-content: center !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.justify-content-around {
    justify-content: space-around !important;
}
.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}
.align-items-end {
    align-items: flex-end !important;
}
.align-items-center {
    align-items: center !important;
}
.align-items-baseline {
    align-items: baseline !important;
}
.align-items-stretch {
    align-items: stretch !important;
}
.align-content-start {
    align-content: flex-start !important;
}
.align-content-end {
    align-content: flex-end !important;
}
.align-content-center {
    align-content: center !important;
}
.align-content-between {
    align-content: space-between !important;
}
.align-content-around {
    align-content: space-around !important;
}
.align-content-stretch {
    align-content: stretch !important;
}

.gap-0 {
    gap: 0 !important;
}
.gap-1 {
    gap: 0.25rem !important;
}
.gap-2 {
    gap: 0.5rem !important;
}
.gap-3 {
    gap: 1rem !important;
}
.gap-4 {
    gap: 1.5rem !important;
}
.gap-5 {
    gap: 3rem !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}


.theme-container,
.theme-container-fluid,
.theme-container-xxl,
.theme-container-xl,
.theme-container-lg,
.theme-container-md,
.theme-container-sm,
.wrapper-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.theme-container,
.wrapper-container {
    max-width: var(--page-width);
}
.theme-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px;
}
.theme-row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 8px;
    padding-left: 8px;
}
.col {
    flex: 1 0 0%;
}
.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}
.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}
.col-3 {
    flex: 0 0 auto;
    width: 25%;
}
.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}
.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}
.col-6 {
    flex: 0 0 auto;
    width: 50%;
}
.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}
.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}
.col-9 {
    flex: 0 0 auto;
    width: 75%;
}
.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}
.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}
.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 640px) {
    .d-sm-none {
        display: none !important;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width: 991px) {
    .d-lg-none {
        display: none !important;
    }

    .theme-container,
    .theme-container-fluid,
    .theme-container-xxl,
    .theme-container-xl,
    .theme-container-lg,
    .theme-container-md,
    .theme-container-sm,
    .wrapper-container {
        padding-right: 20px;
        padding-left: 20px;
    }
    .theme-row {
        margin-right: -10px;
        margin-left: -10px;
    }
    .theme-row > * {
        padding-right: 10px;
        padding-left: 10px;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width: 1201px) {
    .d-xl-none {
        display: none !important;
    }
    .theme-container,
    .theme-container-fluid,
    .theme-container-xxl,
    .theme-container-xl,
    .theme-container-lg,
    .theme-container-md,
    .theme-container-sm,
    .wrapper-container {
        padding-right: 30px;
        padding-left: 30px;
    }
    .theme-row {
        margin-right: -12px;
        margin-left: -12px;
    }
	/*
    .theme-row > * {
        padding-right: 12px;
        padding-left: 12px;
    } */
	
	.theme-row > * {
		padding-right: 8px;
		padding-left: 8px;
	 }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
	.footer-container{
		padding-top: 40px;
	}
}

@media (min-width: 1401px) {
    .d-xxl-none {
        display: none !important;
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width: 1620px) {
    .theme-container,
    .theme-container-fluid,
    .theme-container-xxl,
    .theme-container-xl,
    .theme-container-lg,
    .theme-container-md,
    .theme-container-sm,
    .wrapper-container {
        padding-right: 40px;
        padding-left: 40px;
    }
    
    .theme-row {
        margin-right: -15px;
        margin-left: -15px;
    }
    .theme-row > * {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 767px) {
    .mobile-none {
        display: none !important;
    }
}

@media (max-width: 639px) {
	.m-none-only {
		display: none !important;
	}
}

/* ==== wp-content/themes/vistnews/assets/css/main.css ==== */
/* @import url('https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@100;200;300;400;500;600;700;800&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@100;200;300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap'); */

/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');*/

/*@import url('https://fonts.googleapis.com/css2?family=Hind:wght@400;500;600;700&display=swap');*/

/* Noto Sans is loaded from header.php (<link>, only the weights in use) – @import here chained 3 blocking requests */

/* Import Css Files */
/* common.css is loaded from header.php, before this file */

@font-face {
    font-family: 'Sofia Pro';
    src: url('https://vistaarnews.com/wp-content/themes/vistnews/assets/fonts/SofiaPro/SofiaProLight.woff2') format('woff2'),
        url('https://vistaarnews.com/wp-content/themes/vistnews/assets/fonts/SofiaPro/SofiaProLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


/* Global Root variables */
:root {
	--primary: #C80000;
    --black: #000000;
    --white: #ffffff;
	--dark-gray: #373737;

    --page-width: 1360px;
    --margin-page-width: max(0rem, calc((100vw - var(--page-width) + 0rem) / 2));
	--header-height: 83px;
	--top-bar-height: 44px;
}

body {
    margin: 0;
    padding: 0;
	padding-top: calc(var(--header-height) + var(--top-bar-height));
    font-size: 16px;
	font-family: 'Noto Sans', sans-serif;
	background-color: #fdfdfd;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	line-height: 1.25;
	font-weight: 600;
}

h1 {
	font-size: 52px;
	margin-bottom: 1.75rem;
}
h2 {
	font-size: 42px;
	margin-bottom: 1.5rem;
}
h3 {
	font-size: 28px;
	margin-bottom: 1.15rem;
}
h4 {
	font-size: 24px;
	margin-bottom: 1rem;
}
h5 {
	font-size: 20px;
	margin-bottom: .75rem;
}

p {
	margin-top: 0;
	line-height: 1.45;
}
p + p:last-child {
	margin-bottom: 0;
}


img, video {
    display: block;
    max-width: 100%;
}


.text-white { color: var(--white) !important; }
.text-light { color: #5B5B5B !important; }

.bg-black { background-color: var(--black) !important; }
.bg-white { background-color: var(--white) !important; }
.bg-light { background-color: #F5F5F5 !important; }



/* **** Button **** */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 0;
	font-family: 'Noto Sans', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.25;
	padding: 5px 14px 5px 14px;
	background: transparent;
	color: var(--primary);
	border: 1px solid var(--black);
	cursor: pointer;
	text-decoration: none;
	max-width: fit-content;
	transition: all .3s linear;
	transition-property: all !important;
}
.btn:hover,
.btn:focus,
.btn:active:focus {
	box-shadow: none;
	outline: 0;
	box-shadow: 0 0 0 2px rgb(200 0 0 / 20%);
}
.btn .icon {
	width: 16px;
	height: 16px;
	margin-left: 5px;
	margin-top: -1px;
	transition: all .3s linear;
}

.btn.btn-dark {
	color: var(--primary);
	border: 1px solid var(--black);
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active:focus {
	background-color: var(--primary);
	color: var(--white);
	border: 1px solid var(--primary);
	box-shadow: 0 0 0 2px rgb(200 0 0 / 20%);
}

.btn.btn-outline {
	color: var(--primary);
	border: 1px solid var(--black);
	background-color: var(--white);
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active:focus {
	border: 1px solid var(--primary);
	box-shadow: 0 0 0 2px rgb(200 0 0 / 20%);
}

/* .btn-primary {
	border: 1px solid #BB8459;
	background: #BB8459;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	border: 1px solid #ac7851;
	background: #ac7851;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active:focus {
	box-shadow: 0 0 0 2px rgb(172 120 81 / 30%);
} */
/* **************** */



/* **** Form Controls **** */
.wpcf7-form :is(input:not([type='submit'], [type='radio'], [type='checkbox'])) {
    display: block;
	width: 100%;
    border: 1px solid rgba(33, 33, 33, 0.30);
    background: var(--white);
    color: var(--black);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    padding: 12px 16px;
	border-radius: 0;
    box-shadow: none;
    outline: none;
    transition: all .3s linear;
}
.wpcf7-form :is(input:not([type='submit'], [type='radio'], [type='checkbox']))::placeholder {
	color: #5B5B5B;
}
.wpcf7-form :is(input[type='submit']) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25em !important;
    min-height: auto !important;
    padding: 12px 18px;
    background: #2466a2;
    color: var(--white);
    border: 1px solid #2466a2;
    cursor: pointer;
    text-decoration: none;
    max-width: fit-content;
    transition: all .3s linear !important;
}
/* *********************** */



/* **** ads **** */
.ads-area .ads-title {
	color: #5B5B5B;
	font-family: 'Noto Sans', sans-serif;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 16px;
}
.ads-area img {
	width: 100%;
	max-height: 220px;
    object-fit: cover;
}
.ads-col:not(:last-child) {
	margin-bottom: 20px;
}
/* ************* */



/* **** Post Tags **** */
.post-meta {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.post-meta .date-time {
	font-size: 16px;
}
.post-tag {
	clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
    background-color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(14px, 1vw, 16px);
    font-weight: 500;
    padding: 0.35em 2em 0.35em 0.75em;
    line-height: 1.25;
    color: var(--white);
    text-decoration: none;
    margin-right: 0.5em;
}
.tags .post-tag {
    margin-bottom: 0.5rem;
}
/* ******************* */



/* **** Section / Post Heading **** */
.section-heading {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.section-heading .heading {
	position: relative;
	flex: 1;
	padding-left: 36px;
	margin-right: 12px;
	height: 24px;
}
.section-heading .heading:before {
	content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    background: var(--primary);
    z-index: -1;		
}
.section-heading h2, .section-heading h1 {
	color: var(--black);
	font-size: 30px;
	font-weight: 600;
	line-height: .85;
	display: inline-block;
	background: var(--white);
	padding: 0 10px;
	margin: 0;
	min-height: 24px;
}


.section-heading-secondary {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}
.section-heading-secondary .heading {
	position: relative;
	flex: 1;
	margin-right: 12px;
	height: 30px;
	display: flex;
    align-items: center;
    padding-top: 5px;
}
.section-heading-secondary .heading:before {
	content: "";
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
	right: 0;
	top: 50%;
    background: var(--primary);
}
.section-heading-secondary h2 {
	font-size: clamp(24px, 2vw, 38px);
	font-weight: 600;
	line-height: 1;
	display: inline-block;
	padding-right: 10px;
	position: relative;
	z-index: 1;
	margin: 0;
}


.post-heading {
	position: relative;
	margin-bottom: 20px;
}
.post-heading:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	left: 0;
	right: 0;
	display: block;
	background: var(--primary);
	top: 50%;
	transform: translateY(-50%);
	margin-top: -2px;
}
.post-heading h3 {
	color: var(--black);
	font-size: clamp(18px, 1.85vw, 28px);
	font-weight: 600;
	line-height: 1.4;
	display: inline-block;
	background: var(--white);
	padding-right: 10px;
	position: relative;
	z-index: 1;
	margin: 0;
}
/* ************************************ */



/* **** Marquee Slider **** */
.news-bar-marquee {
	background-color: #F5F5F5;
	padding: 10px 0;
}
.news-bar-marquee .theme-container {
	display: flex;
    align-items: center;
	gap: 15px;
}
.news-bar-marquee .heading {
	color: var(--primary);
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	white-space: nowrap;
	display: inline-flex;
}
.news-bar-marquee .heading .icon {
	width: 26px;
	height: 26px;
}
.news-bar-marquee .slick-marquee {
	flex: 1;
	overflow: hidden;
}
.news-bar-marquee .slick-marquee .slick-track {
	display: flex;
}
.news-bar-marquee .slick-marquee .slick-track .slick-slide {
	width: auto !important;
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	font-size: 15px;
}
.news-bar-marquee .slick-marquee .slick-track .slick-slide:after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: var(--primary);
	margin-left: 24px;
	margin-top: -4px;
}
.news-bar-marquee .slick-marquee .slick-track .slick-slide:not(:last-child) {
	margin-right: 24px;
}
/* ************************ */



/* **** Hero Banner **** */
.hero-banner {
	padding-top: 0px;
	padding-bottom: 30px;
 }
.banner-post-slider {
    overflow: hidden;
	position: relative;
	height: 100%;
}
.banner-post-slider .post-slide {
	position: relative;
	height: 100%;
	/* max-height: 75vh; */
}
.banner-post-slider .post-slide-img {
	height: 100%;
	position: relative;
}
.banner-post-slider .post-slide .banner-thumbnail,
.banner-post-slider .post-slide img {
	aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.banner-post-slider .post-slide .post-content {
	background: linear-gradient(90deg, var(--black) 2.61%, rgba(0, 0, 0, 0.22) 98.79%);
	padding: 30px 24px 50px 24px;
	color: var(--white);
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}
.banner-post-slider .post-slide .post-content .heading {
	color: var(--white);
	font-size: clamp(20px, 2.25vw, 32px);
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 0;
}
.banner-post-slider .post-slide .post-content .heading a {
	color: var(--white);
	transition: all .3s;
	text-decoration: none;
	display: inline-block;
}
.banner-post-slider .post-slide .post-content .heading a:hover {
	opacity: .75;
}
.banner-post-slider .post-slide .post-content .description {
	color: var(--white);
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	margin-top: 20px;
}

.banner-post-slider .slick-list,
.banner-post-slider .slick-list .slick-track {
	height: 100%;
}
.banner-post-slider .slick-arrow {
	bottom: 20px;
    right: 70px;
    z-index: 9999;
    left: unset !important;
    top: unset !important;
    transform: unset !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 36px;
	background-color: var(--white);
	transition: all .3s linear;
}
.banner-post-slider .slick-arrow:focus,
.banner-post-slider .slick-arrow:hover {
	background-color: var(--primary);
}
.banner-post-slider .slick-arrow.slick-next {
    right: 20px !important;
}
.banner-post-slider .slick-arrow.slick-next:before,
.banner-post-slider .slick-arrow.slick-prev:before {
	font-size: 0;
    line-height: normal;
    opacity: 1;
    color: var(--black);
	display: inline-block;
	width: 14px;
    height: 14px;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.banner-post-slider .slick-arrow.slick-next:before {
    content: "";
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAApCAYAAAAxmNlDAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACJSURBVHgB7dBBDYAwEETRCQrAweIASZWABBwhAQngoA4ABcCQ9ALprdtAk53kH+Dw2hQoYMJGNrEOShPm2RnaoDB5oWf4Vkfv2yY9hRhqqKGG5kR9LlSQuCxoxerXv4XtUFiP543vZtZAYYPhn+BHLtwZbvi/8RYKcxHcF4tPUJqL4GpzbA0HDBedvsOpQytEigAAAABJRU5ErkJggg==');
	transform: rotate(-180deg);
}
.banner-post-slider .slick-arrow.slick-prev:before {
    content: "";
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAApCAYAAAAxmNlDAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACJSURBVHgB7dBBDYAwEETRCQrAweIASZWABBwhAQngoA4ABcCQ9ALprdtAk53kH+Dw2hQoYMJGNrEOShPm2RnaoDB5oWf4Vkfv2yY9hRhqqKGG5kR9LlSQuCxoxerXv4XtUFiP543vZtZAYYPhn+BHLtwZbvi/8RYKcxHcF4tPUJqL4GpzbA0HDBedvsOpQytEigAAAABJRU5ErkJggg==');
}
.banner-post-slider .slick-arrow:focus:before,
.banner-post-slider .slick-arrow:hover:before {
	filter: invert(1);
}

.hero-banner-latest-post {
	height: 100%;
	padding-top: 6px;
}
.hero-banner-latest-post .news-item {
	display: flex;
}
.hero-banner-latest-post .news-item .news-img {
    max-width: clamp(80px, 8.5vw, 150px);
    margin-right: clamp(12px, 1.25vw, 16px);
    overflow: unset;
}
.hero-banner-latest-post .news-item .news-img {
	height: fit-content;
}
.hero-banner-latest-post .news-item .news-img:after {
	content: "";
    width: calc(50% + 6px);
    height: calc(100% + 6px);
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: -1;
    background-color: var(--primary);
    transition: all .3s;
}
.hero-banner-latest-post .news-item .news-content {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.hero-banner-latest-post .news-item .news-content .post-meta {
	margin-bottom: 12px;
}
.hero-banner-latest-post .news-item .news-content .heading {
	margin-top: -2px;
	margin-bottom: 10px;
}
.hero-banner-latest-post .news-item .news-content .place-time {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
}
.hero-banner-latest-post .news-item:not(:last-child) {
	margin-bottom: 0.7rem;
	border-bottom: 1px solid #ccc;
}
.hero-banner-latest-post .news-item-col {
	display: flex;
	flex-direction: column;
	height: 100%;
}


/* ---- lead-news ---- */
.banner-lead-post .post-img {
	padding: 0;
	position: relative;
}
.banner-lead-post .post-img:after {
	content: "";
	width: calc(50% + 8px);
	height: calc(100% + 8px);
	position: absolute;
	top: -4px;
	left: -4px;
	z-index: -1;
	background-color: var(--primary);
	transition: all .3s;
}
.banner-lead-post .post-img img {
	aspect-ratio: 16 / 9;
    width: 100%;
    height: 100%;
}
.banner-lead-post .post-content {
	padding-top: 1rem;
}
.banner-lead-post .post-content .post-meta {
    color: #5B5B5B;
    font-size: clamp(12px, 1.25vw, 16px);
    font-weight: 400;
    line-height: 1.4;
    text-decoration: none;
    transition: all .3s;
	margin-bottom: 10px;
}
.banner-lead-post .post-content .heading {
    color: var(--black);
    font-size: clamp(18px, 1.5vw, 18px);
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: -20px;
}
.banner-lead-post .post-content .heading a {
    color: var(--black);
    transition: all .3s;
    text-decoration: none;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.banner-lead-post .post-content .heading a:hover {
	color: var(--primary);
}
.banner-lead-post .post-content .description {
    color: #5B5B5B;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.65;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 8px;
}
.lead-news .news-item .news-content .heading {
    font-size: clamp(14px, 1.1vw, 18px);
	line-height: 1.5;
}
.lead-news .news-item .news-content .heading a {
    display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	line-height:19px;
    font-size:14px;
	/* font-weight:600; */
}
.lead-news :is(.news-item .news-content .description, .news-item .news-content .date-time, .news-item .news-content .place-name, .news-item .news-content .video-time) {
    font-size: clamp(12px, 1.5vw, 14px);
}
.lead-news .news-item .news-img {
    max-width: clamp(110px, 8.0vw, 120px);
}
.lead-news .news-item .news-img img {
    aspect-ratio: 15 / 9;
    object-position: top;
}

.news-by-category .hero-banner-latest-post.sidebar-news-posts .news-item .news-img {
    max-width: clamp(110px, 7.4vw, 130px);
}


.video-stream img,
.video-stream iframe {
	width: 100%;
	height: 100%;
	aspect-ratio: 5 / 4;
	display: block;
}
/* ********************* */



/* **** Video News **** */
.vistaart-videos {
	background-color: var(--primary);
	padding: 30px 20px;
}
.vistaart-videos .theme-row {
	row-gap: 20px;
}
.vistaart-videos .news-video-full :is(img, video) {
	/* aspect-ratio: 6 / 5; */
	/* aspect-ratio: 15 / 9; */
    object-fit: cover;
    width: 100%;
	height: 100%;
}
.vistaart-videos .news-video {
	position: relative;
	height: 100%;
}
.vistaart-videos .news-video .video-play-pause {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}
.video-play-pause {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: clamp(36px, 4.5vw, 68px);;
	height: clamp(36px, 4.5vw, 68px);;
	border-radius: 70px;
	background: var(--primary);
	color: var(--white);
	cursor: pointer;
}
.video-play-pause svg {
	width: clamp(16px, 2.25vw, 30px);
	height: clamp(16px, 2.25vw, 30px);
}
.vistaart-videos .news-post-items {
	height: 100%;
}
.vistaart-videos .news-post-items::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
.vistaart-videos .news-post-items::-webkit-scrollbar-track {
	background: #5B5B5B;
}
.vistaart-videos .news-post-items::-webkit-scrollbar-thumb {
	background: var(--primary);
}
.vistaart-videos .news-post-items .news-item .news-img {
    width: clamp(100px, 10vw, 180px);
    margin-right: clamp(15px, 1.5vw, 20px);
}
.vistaart-videos .news-post-items .news-item .news-img img {
	aspect-ratio: 4 / 3;
	height: 100%;
}
.vistaart-videos .news-post-items .news-item .news-content .heading a {
	color: var(--white);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	padding-top: 8px;
    margin-top: -4px;
}
.vistaart-videos .news-post-items .news-item .news-content .heading a:hover {
	opacity: .75;
}
.vistaart-videos .news-post-items .news-video .video-play-pause {
	width: clamp(16px, 2vw, 32px);
	height: clamp(16px, 2vw, 32px);
}
.vistaart-videos .news-post-items .news-video .video-play-pause svg {
	width: clamp(12px, 1vw, 16px);
	height: clamp(12px, 1vw, 16px);
}
.news-post-items .video-time {
	display: inline-flex;
	align-items: center;
}
.news-post-items .video-time  svg {
	margin-right: 10px;
	width: 22px;
	height: 22px;
	margin-top: -6px;
}
.vistaart-videos .news-post-items .news-item:not(:last-child) {
	margin-bottom: 20px;
}

/* -- Lead Videos -- */
.lead-vistaar-videos {
	padding: 20px;
}
.lead-vistaar-videos .section-heading-secondary h2 {
    font-size: clamp(18px, 2.25vw, 22px);
}
.lead-vistaar-videos .video-play-pause {
    width: clamp(24px, 2.75vw, 44px);
    height: clamp(24px, 2.75vw, 44px);
}
.lead-vistaar-videos .video-play-pause svg {
    width: clamp(14px, 2vw, 24px);
    height: clamp(14px, 2vw, 24px);
	margin-left: 2px;
}
.post-video-title {
	color: var(--white);
    font-size: clamp(15px, 1.15vw, 18px);
    font-weight: 500;
    line-height: 1.5;
    margin-top: 20px;
    margin-bottom: 0;
}
.post-video-title a {
	color: var(--white);
	text-decoration: none;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.video-news-slider .slick-dots li {
	width: 10px;
    height: 10px;
}
.video-news-slider .slick-dots li button {
    padding: 1px;
    background: var(--white);
	width: 10px;
    height: 10px;
	border-radius: 10px;
}
.video-news-slider .slick-dots li.slick-active button {
	background: var(--primary);
}
.video-news-slider .slick-dots li button:before {
	content: none;
}
.lead-vistaar-videos .section-heading-secondary .heading h2 {
    background: var(--primary);
}
.lead-vistaar-videos .section-heading-secondary .heading:before {
    background: var(--white);
}
/* ********************* */





/* **** State News **** */
.overlay-post-grid {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}
.state-news-post .theme-container > .theme-row {
	row-gap: 30px;
}
.state-news-post .news-post-items .news-item .news-img {
    width: 100px;
    margin-right: clamp(15px, 1.5vw, 20px);
}
.state-news-post .news-post-items .news-item .news-content .heading {
    margin-top: 0;
    font-size: clamp(14px, 1.25vw, 18px);
}
.overlay-post-wrapper .overlay-post {
	position: relative;
}
.overlay-post-wrapper .overlay-post .banner-thumbnail,
.overlay-post-wrapper .overlay-post img {
	aspect-ratio: 4 / 3;
    object-fit: cover;
	width: 100%;
    height: auto;
}
.overlay-post-wrapper .overlay-post .post-content {
	background: linear-gradient(90deg, var(--black) 2.61%, rgba(0, 0, 0, 0.22) 98.79%);
	padding: 20px 15px 20px 15px;
	color: var(--white);
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}
.overlay-post-wrapper .overlay-post .post-content .heading {
	color: var(--white);
	font-size: clamp(14px, 1.25vw, 20px);
	font-weight: 400;
	line-height: 1.4;
	margin: 0;
}
.overlay-post-wrapper .overlay-post .post-content .heading a {
	color: var(--white);
	transition: all .3s;
	text-decoration: none;
	display: inline-block;
}
.overlay-post-wrapper .overlay-post .post-content .heading a:hover {
	opacity: .75;
}
.overlay-post-wrapper .overlay-post .post-content .desciption {
	color: var(--white);
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
}

.post-nav-tab {
	display: flex;
	margin: 0;
    padding: 0;
	margin-bottom: 20px;
    list-style: none;
}
.post-nav-tab li {
	display: inline-flex;
}
.post-nav-tab li:not(:last-child) {
	margin-right: 22px;
}
.post-nav-tab .tab-item {
	color: var(--black);
	font-size: 20px;
	font-weight: 600;
	border-bottom: 2px solid transparent;
	padding-bottom: 4px;
	line-height: 1.1;
}
.post-nav-tab li.active .tab-item {
	border-color: var(--primary);
}
/* ******************** */


.news-post-items .news-item {
	display: flex;
}
.news-post-items .news-item .news-img {
	width: clamp(100px, 9.2vw, 160px);
	margin-right: clamp(14px, 1.25vw, 20px);
}
.news-post-items .news-item .news-content {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.news-post-items .news-item .news-content .heading {
	margin-top: 0;
	margin-bottom: 10px;
}
.news-post-items .news-item .news-content .post-meta {
	margin-top: auto;
	margin-bottom: 0;
}
.news-post-items .news-item:not(:last-child) {
	margin-bottom: 24px;
}


.news-item .news-img {
  	overflow: hidden;
	position: relative;
}
.news-item .news-img:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	background-color: var(--black);
	opacity: 0;
	transition: all .5s;
}
.news-item:hover .news-img:before {
	width: 100%;
	height: 100%;
	opacity: 0.1;
}
.news-item .news-img img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
	height: auto;
	transition: all .75s;
}
.news-item .news-content .heading {
	color: var(--black);
	font-size: clamp(14px, 1.15vw, 17px);
	font-weight: 500;
	line-height: 1.4;
	text-transform: capitalize;
	margin-top: 12px;
}
.news-item .news-content .heading a {
	color: var(--black);
	text-decoration: none;
	transition: all .3s;
	display: inline-block;
}
.news-item .news-content .heading a:hover {
	color: var(--primary);
}
.news-item .news-content .description,
.news-item .news-content .date-time,
.news-item .news-content .place-name,
.news-item .news-content .video-time {
	color: #5B5B5B;
	font-size: clamp(12px, 1.25vw, 17px);
	font-weight: 400;
	line-height: 1.45;
	margin-top: 0;
	margin-bottom: 0;
	text-decoration: none;
	transition: all .3s;
}
.news-item .news-content .description {
	margin-bottom: 15px;
}
.categories a {
	margin-right: 8px;
}
.news-item .news-content a.place-name:hover {
	color: var(--primary);
	text-decoration: underline;
}
.share-post {
	display: inline-flex;
	margin-top: auto;
	cursor: pointer;
	transition: all .3s;
	color: #5B5B5B;
}
.share-post:hover {
	color: var(--primary);
}
.share-post svg {
	width: 16px;
	height: 16px;
}


.country-news.desh-cust .news-col:nth-child(1) {
	order: 1;
}
.country-news.desh-cust .news-col:nth-child(2) {
	order: 2;
}
.country-news.desh-cust .news-col:nth-child(3) {
	order: 3;
}
.country-news .news-item:first-child .news-img img {
  aspect-ratio: 16 / 9;
}
.country-news .news-col.large-col .news-item:first-child .news-img img {
  aspect-ratio: 4 / 3;
}
.country-news .news-item:not(:first-child) {
	display: flex;
}
.country-news .news-item:not(:first-child) .news-img {
	width: 100px;
	/* height: 80px; */
	margin-right: 16px;
}
.country-news.desh-cust .news-item:not(:first-child) .news-img {
	height: auto;
}
.country-news .news-item:not(:first-child) .news-content {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.country-news .news-item:not(:first-child) .news-content .heading {
	margin-top: 0;
	font-size: 18px;
}
.country-news .news-item:not(:first-child) .news-content .date-time {
	margin-top: auto;
}
.country-news .news-item:not(:last-child) {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #C8C8C8;
}
.country-news .news-col.large-col .news-item .news-content .heading {
	font-size: clamp(22px, 1.75vw, 32px);
}




/* **** Sports news **** */
.sports-news .news-post-items {
	column-count: 2;
	column-gap: 80px;
}
.sports-news .news-item .news-img img {
	aspect-ratio: 4 / 3;
	height: 100%;
}
/* ********************* */



/* **** Categories Page **** */
.breadcrumb {
	margin-top: 35px;
	margin-bottom: 40px;
}
.breadcrumb a {
	color: var(--black);
	text-decoration: none;
}
.breadcrumb .active {
	color: var(--primary);
}
.categories-news-post .section-heading .heading {
	margin-right: 0;
}
.categories-news-post .news-item-col img {
	aspect-ratio: 16 / 9;
}
.categories-news-post .news-item-col .news-item {
	display: flex;
    /* flex-direction: column; */
}
.categories-news-post .news-item-col .news-item .news-img {
	max-width: clamp(100px, 24vw, 300px);
    margin-right: clamp(12px, 1.25vw, 20px);
}
.categories-news-post .news-item .news-content {
	flex: 1;
    /* display: flex;
    flex-direction: column;
    justify-content: space-between; */
}
.categories-news-post .news-item .news-content .heading {
	font-size: clamp(14px, 1.95vw, 20px);
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 5px;
}
.categories-news-post .news-item .news-content .heading a {
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}
.categories-news-post .news-item .news-content .description {
	margin-bottom: 5px;
}
.categories-news-post .news-item .news-content .description p {
	font-size: clamp(12px, 1.4vw, 17px);
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.categories-news-post .news-item .news-content .meta-data {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.categories-news-post .news-item .news-content .meta-data .date-time {
	margin: 0;
	font-size: clamp(12px, 1.25vw, 16px);
}
.categories-news-post .news-item .news-content .meta-data a {
	text-decoration: none;
}
.categories-news-post .news-item .news-content .meta-data div a {
	display: inline-flex;
	margin-left: clamp(18px, 2.15vw, 24px);
	text-decoration: none;
}
.categories-news-post .news-item .news-content .meta-data svg {
	width: clamp(18px, 2.15vw, 24px);
	height: clamp(18px, 2.15vw, 24px);
}
.categories-news-post .news-item .news-content .meta-data .link {
	color: #5B5B5B;
	transition: all .3s;
}
.categories-news-post .news-item .news-content .meta-data .link:hover {
	color: var(--primary);
}
.categories-news-post .news-item .news-content .meta-data .whatsapp-share {
	color: #2AA044;
}

.sidebar-news-post .news-post-items .news-item .news-content .heading {
	font-size: clamp(14px, 1.15vw, 20px);
}
.sidebar-news-post .news-post-items .news-item .news-content .heading a {
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.sidebar-news-post .news-post-items .news-item:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
	border-bottom: 1px solid #C8C8C8;
}
.sidebar-news-post .news-post-items .news-item .news-img img {
	/* aspect-ratio: 4 / 3; */
	aspect-ratio: 15 / 9;
    object-position: top;
}

.sidebar-news-posts .news-item:not(:last-child) {
	padding-bottom: 10px;
    margin-bottom: 15px;
	border-bottom: 1px solid #C8C8C8;
}
.hero-banner-latest-post.sidebar-news-posts .news-item .news-img {
    max-width: clamp(80px, 7.4vw, 130px);
    margin-right: clamp(10px, 1vw, 12px);
}

.sidebar-news-posts .news-item .news-content .heading {
    font-size: clamp(14px, 1.1vw, 16px);
    line-height: 1.45;
}
/* ************************* */



/* **** Single News **** */
.single-news-post .news-post-content .heading h1 {
	color: var(--black);
    font-size: clamp(20px, 2vw, 36px);
    font-weight: 600;
    margin-bottom: clamp(16px, 2.15vw, 32px);
    line-height: 1.45;
}
.single-news-post .news-post-content .news-content {
	/* margin-top: 50px; */
}
.single-news-post .news-post-content .news-content p {
	/* color: #5B5B5B; */
	color: var(--black);
    font-size: clamp(18px, 1.20vw, 20px);
    font-weight: 400;
    line-height: 1.75;
    margin-top: 15px;
    margin-bottom: 15px;
    transition: all .3s;
}
.single-news-post .news-post-content .news-content p a {
	color: var(--primary);
}
.single-news-post .news-post-content .news-content :is(h2, h3, h4) {
	margin-top: 2rem;
}
.single-news-post .news-post-content .news-content :is(img, video) {
	margin-top: 25px;
	margin-bottom: 25px;
	/* width: 100%; */
    /* object-fit: cover;
    aspect-ratio: 16 / 9; */
    height: auto;
    transition: all .75s;
}
.single-news-post .news-post-content .news-content iframe {
	width: 100%;
 /*   height: 100%; */
    aspect-ratio: 16 / 9;
	margin-top: 10px;
    margin-bottom: 10px;
}

.news-post-content .news-feature-img {
	position: relative;
}
.news-post-content .news-feature-img:after {
	content: "";
	width: calc(50% + 8px);
	height: calc(100% + 8px);
	position: absolute;
	top: -4px;
	left: -4px;
	z-index: -1;
	background-color: var(--primary);
	transition: all .3s;
}
.news-post-content .news-feature-img img {
	width: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
    height: auto;
    transition: all .75s;
}

.post-meta-detail {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 2rem;
}
.post-details {
	font-size: clamp(10px, 1.0vw, 12px);
	font-weight: 400;
}
.post-details .post-author {
	display: flex;
    align-items: center;
    gap: 12px;
}
.post-details .post-author a {
	text-decoration: none;
}
.post-details .post-author .written-by {
	display: block;
	margin-bottom: 2px;
}
.post-meta-detail .post-author .author-name {
	color: var(--primary);
}
.post-meta-detail .post-author .post-time {
	display: inline-block;
}
.post-details .post-author img {
	width: 45px;
    height: 45px;
    border-radius: 45px;
	box-shadow: 0 0 1px rgb(0 0 0 / 40%);
}
.post-social-share {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-top: 5px;
}
.post-social-share li {
	display: inline-flex;
}
.post-social-share li:not(:last-child) {
	margin-right: 20px;
}
.post-social-share li a {
	text-decoration: none;
	color: var(--black);
	display: inline-flex;
	transition: all .3s;
}
.post-social-share li a:hover {
	transform: scale(1.15);
}
.post-social-share li a .icon {
	width: 30px;
	height: 30px;
}
.post-social-share li a.facebook { color: #0459BD; }
.post-social-share li a.instagram { color: #e1306c; }
.post-social-share li a.x { color: #000000; }
.post-social-share li a.whatsapp { color: #25D366; }
/* ********************* */




/* **** Share Modal **** */
.share-popup {
    background: rgb(255, 254, 254);
    padding: 15px;
    border-radius: 8px;
	position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%) scale(1.2);
    max-width: 220px;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0px 2px 16px rgba(0,0,0,0.3), 0px 2px 0px 100vw rgba(0,0,0,0.3);
    transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
}
.share-popup.show {
    opacity: 1;
    pointer-events: auto;
    transform:translate(-50%, -50%) scale(1);
    transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;

}
.share-popup :is(.popup-header, .icons, .field){
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.share-popup .popup-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #ebedf9;
}
.share-popup .popup-header span {
    font-size: 16px;
    font-weight: 600;
}
.share-popup .popup-header .close, .icons a{
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    transition: all 0.3s ease-in-out;
} 
.share-popup .popup-header .close{
    color: #5B5B5B;
    background: #f3f3f3;
    height: 24px;
    width: 24px;
    cursor: pointer;
}
.share-popup .popup-header .close .icon {
    width: 16px;
    height: 16px;
}
.share-popup .content{
    margin: 20px 0 10px 0;
}
.share-popup .content p{
    font-size: 16px;
}
.share-popup .content .icons a{
    height: 40px;
    width: 40px;
    text-decoration: none;
    border: 1px solid transparent;
}
.share-popup .icons a .icon {
	width: 24px;
	height: 24px;
    transition: transform 0.3s ease-in-out;
}
.share-popup .icons a.fb-share{
    color: #0459BD;
    border-color: #b7d4fb;
}
.share-popup .icons a.fb-share:hover{
    background: #0459BD;
}
.share-popup .icons a.tweet-share{
    color: #000000;
    border-color: #999999;
}
.share-popup .icons a.tweet-share:hover{
    background: #000000;
}
.share-popup .icons a.whatsapp-share{
    color: #25D366;
    border-color: #bef4d2;
}
.share-popup .icons a.whatsapp-share:hover{
    background: #25D366;
}
.share-popup .icons a:hover{
    color: #fff;
    border-color: transparent;
}
.share-popup .icons a:hover i{
    transform: scale(1.2);
}
.share-popup .content .field{
    margin: 12px 0 -5px 0;
    height: 45px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid #757171;
}
.share-popup .field.active{
    border-color: #7d2ae8;
}
.share-popup .field i{
    width: 50px;
    font-size: 18px;
    text-align: center;
}
.share-popup .field.active i{
    color: #7d2ae8;
}
.share-popup .field input{
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-size: 15px;
}
.share-popup .field button{
    color: #fff;
    padding: 5px 18px;
    background: #7d2ae8;
}
.share-popup .field button:hover{
    background: #8d39fa;
}
/* ********************* */


/* **** Live TV **** */
.live-tv-modal {
	background: var(--black);
    padding: 20px;
    position: fixed;
    inset: 0;
    z-index: 999999;
    transform: scale(1.2);
    max-width: 100%;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0px 0px 0px rgba(0,0,0);
    transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.live-tv-modal.show {
	opacity: 1;
    pointer-events: auto;
    transform: scale(1);
    transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
}
.live-tv-modal .modal-close {
	display: inline-flex;
	position: absolute;
	top: 20px;
	right: 20px;
	color: var(--white);
	cursor: pointer;
}
.live-tv-modal .modal-close svg {
	width: 16px;
	height: 16px;
}
.live-tv-modal-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px;
	width: 64px;
	height: 64px;
	border-radius: 64px;
	position: fixed;
	bottom: 12px;
	right: 12px;
	background: var(--primary);
	cursor: pointer;
	z-index: 9;
    box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
}
.live-tv-modal-action img {
	width: 48px;
	height: 48px;
}
/* ***************** */


/* **** Pagination **** */
.pagination {
	margin-top: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	position: relative;
	padding: 0 10px;
}
.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--white);
	border: 1px solid #D5D5D5;
	color: #333;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	width: 48px;
	height: 48px;
	text-decoration: none;
	border-radius: 8px;
	transition: all .3s linear;
}
.pagination .page-numbers:is(.prev, .next) {
	padding-top: 0;
}
.pagination .page-numbers:hover,
.pagination .page-numbers.current {
	border-color: var(--primary);
	background: var(--primary);
	color: var(--white);
}
.pagination .page-numbers:is(.prev, .next):hover svg path,
.pagination .page-numbers:is(.prev, .next):focus svg path {
	fill: var(--white);
}
/* ******************* */



/* **** Pre-Loader **** */
.site-loader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    padding: 75px 0;
    background: #fff;
    color: var(--primary);
    transition: background .3s;
}
.site-loader:before {
    content: "";
    width: 180px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    /* background-image: url('/wp-content/themes/vistaar-news/dist/images/spinner.png'); */
    background-image: url('/wp-content/uploads/2023/11/logo.svg');
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 1;
    transition: opacity .3s;
}
@keyframes spin {
	0% {
		opacity: .25;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .25;
	}
}
/* ******************** */



/* **** Web Stories **** */
.web-stories-wrapper {
	padding-bottom: 40px;
}
.web-stories-wrapper .web-stories .news-item-col a {
	text-decoration: none;
}
.web-stories-wrapper .web-stories .news-item-col .news-item .news-img:before {
	content: unset;
}
.web-stories-wrapper .web-stories .news-item-col .news-item .news-img img {
    aspect-ratio: 2 / 3;
}
.web-stories-wrapper .web-stories .news-item-col .news-item {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.web-stories-wrapper .web-stories .news-item-col .news-item:before {
	content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, rgba(0, 0, 0, 0.80) 100%);
    transition: all .5s;
}
.web-stories-wrapper .web-stories .news-item-col .news-item .news-content {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
    z-index: 3;
    padding: 1rem 0.5rem;
}
.web-stories-wrapper .web-stories .news-item-col .news-item .news-content .heading {
	margin: 0;
	color: var(--white);
	text-shadow: 0 0.5px 1px rgb(0 0 0 / 10%);
	font-size: clamp(14px, 1.15vw, 18px);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
.web-stories-wrapper .web-stories .news-item-col a:hover .news-img img {
	transform: scale(1.1);
}
.web-stories-wrapper .web-stories .news-item-col .news-item .web-story-icon {
	position: absolute;
    top: 10px;
    right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    width: 28px;
    height: 28px;
    border-radius: 32px;
    background: var(--black);
    padding: 2px;
    opacity: .65;
	transition: all .3s;
}
.web-stories-wrapper .web-stories .news-item-col .news-item .web-story-icon svg {
	width: 16px;
    height: 16px;
    opacity: .65;
	transition: all .3s;
}
.web-stories-wrapper .web-stories .news-item-col .news-item:hover .web-story-icon {
	transform: scale(1.1);
}
.web-stories-wrapper .web-stories .news-item-col .news-item:hover .web-story-icon,
.web-stories-wrapper .web-stories .news-item-col .news-item:hover .web-story-icon svg {
	opacity: 1;
}

/* -- -- */
.web-story-collections {
	row-gap: 20px;
}
.web-story-collections .web-story-collection-card .news-item,
.web-story-collections .web-story-collection-card > a,
.web-story-collections .web-story-collection-card {
	height: 100%;
	display: block;
}
.web-story-collections .web-story-collection-card img {
	aspect-ratio: 4 / 5;
}
.web-story-collections .web-story-collection-card a {
	text-decoration: none;
}
.web-story-collections .web-story-collection-card .news-item {
	border-radius: 10px;
	overflow: hidden;
	background-color: #f1f1f1;
}
.web-story-collections .web-story-collection-card .news-item .news-content {
    padding: 8px 16px;
}
.web-story-collections .web-story-collection-card .news-item .news-content .heading {
    font-size: clamp(12px, 1.15vw, 16px);
    font-weight: 500;
    margin-top: 4px;
    margin-bottom: 2px;
}
.web-story-collections .web-story-collection-card .news-item .news-content .heading a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	padding: 0;
}
.web-story-collections .web-story-collection-card .news-item .news-content .place-name {
    color: var(--primary);
	font-size: clamp(12px, 1.25vw, 16px);
    font-weight: 500;
}
.web-story-collections .web-story-collection-card .news-item .news-content .story-post-date {
	font-size: clamp(12px, 1.15vw, 16px);
    font-weight: 500;
    margin-top: 4px;
    margin-bottom: 2px;
}
.web-story-collections .web-story-collection-card .news-item .news-img {
    margin-right: 0;
    max-width: 100%;
}
.news-item .news-content .heading .web-story-icon {
	display: inline-flex;
	margin-right: 4px;
}
.news-item .news-content .heading .web-story-icon svg {
	width: 16px;
    height: 16px;
}
.news-item .news-content .heading .web-story-icon svg path {
	fill: var(--primary);
}
/* ********************* */


.author-details {
	background-color: #F5F5F5;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 4rem;
}
.author-details .author-info {
	text-align: center;
	border-right: 1px solid #ddd;
}
.author-details .author-info .author-name {
	font-weight: 600;
    color: var(--primary);
	margin-top: 15px;
	font-size: clamp(18px, 1.25vw, 24px);
}
.author-details .author-info .author-email {
	font-size: clamp(14px, 1.15vw, 18px);
	font-weight: 400;
	margin-top: 5px;
}
.author-details .author-info img {
	max-width: 220px;
	margin: 0 auto;
	border-radius: 9999px;
}
.author-description p {
	font-size: clamp(14px, 1.15vw, 16px);
    line-height: 1.65;
    color: #5B5B5B;
}

.news-by-category .hero-banner-latest-post .news-item .news-img:after,
.news-by-category .banner-lead-post .post-img:after {
	content: none;
}
.news-by-category .hero-banner-latest-post {
    padding-top: 0;
}
.news-by-category .banner-lead-post {
	position: relative;
}
.news-by-category .banner-lead-post .post-content {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 1rem;
	z-index: 3;
}
.news-by-category .banner-lead-post .post-content .heading {
	margin: 0;
    color: var(--white);
    text-shadow: 0 0.5px 1px rgb(0 0 0 / 10%);
    font-size: clamp(16px, 1.4vw, 20px);
    line-height: 1.5;
}
.news-by-category .banner-lead-post .post-content .heading a {
	color: var(--white);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-by-category .banner-lead-post .post-img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, rgba(0, 0, 0, 0.80) 100%);
    transition: all .5s;
}

.section-default--404 {
	min-height: 50vh;
}

.state-news-post:not(.pradesh-news) {
	padding-top: 80px;
	padding-bottom: 80px;
}
.latest-news-wrapper, .country-news-wrapper, .sports-news, .video-news-wrapper {
	padding-bottom: 80px;
}
.multiple-news-wrapper {
	padding-top: 80px;
	padding-bottom: 80px;
}
.state-news-post.pradesh-news {
	padding-bottom: 60px;
}

.latest-news.theme-row {
	row-gap: 5px;
}

.main-wrapper {
	min-height: 40vh;
}

.live-update-post {
	padding: 1rem;
    border: 1px solid #c8c8c8;
    margin-top: 1.5rem;
}
.live-update-post .left-side,
.live-update-post .right {
	height: 100%;
}
.live-update-post .left-side {
	border-right: 1px solid #c8c8c8;
	font-weight: 700;
	line-height: 1.45;
    color: var(--primary);
}
.live-update-post .post-content h3 {
	color: var(--black);
    font-size: clamp(18px, 1.75vw, 24px);
    font-weight: 600;
    line-height: 1.4;
	margin-bottom: 15px;
}
.live-update-post .post-content h3 a {
	color: var(--black);
	transition: all .3s;
}
.live-update-post .post-content h3 a:hover {
	color: var(--primary);
}
.live-update-post .post-content img {
	margin-top: 15px;
}

.liveblog-label {
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary);
    display: flex;
    align-items: center;
    line-height: 1;
    margin-bottom: 10px;
    position: relative;
}
.liveblog-label:after, 
.liveblog-label:before {
	width: 0.625rem;
    height: 0.625rem;
    border: 0.125rem solid red;
    border-radius: 1em;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    left: 2.75rem;
    position: absolute;
    right: 0;
    top: 2.5px;
}
.liveblog-label:before {
	-webkit-animation: ripple-live 2s ease-out infinite;
    animation: ripple-live 2s ease-out infinite;
}
.liveblog-label:after {
    -webkit-animation: ripple-live 2s ease-out 1s infinite;
    animation: ripple-live 2s ease-out 1s infinite;
}
@keyframes ripple-live {
	0% {
		opacity: 1;
		transform: scale(.5);
		background-color: var(--primary);
	}
	100% {
		border-radius: 2em;
		opacity: 0;
		transform: scale(1.5);
		background-color: transparent;
	}
}


.wp-caption-text {
	width: 100%;
    padding: 10px 15px;
    text-align: left;
    margin: 0 auto;
    color: #a1a1a1;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    border: 1px solid #ccc;
    border-top: 0;
    z-index: -3;
    position: relative;
}
.wp-caption-text:before {
    content: "";
    position: relative;
    top: 4px;
    opacity: 0.4;
    margin-right: 5px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFBSURBVHgB7VTtbYMwFHxYHSAjZIOqE9TdoBkAuUzQdoKSDegElAmaTBAyQZQNGIEJIHeKiZwPYQf4mZMsP57xnXnvsMgDHkS+F4qi+MGU3lpTSqVxHC9lqADIPzFlfe80TfOdJEnmFQCZsWQzGYcKIzXGFHxQzkI6ATkxF+er1cXCVDgd9Cl0R9u2ZRRFe9S8xvyKoUP2hQjUIF2gkaWbzPNcw0X/4imrV6AjB+EMhMbm1ja3QG7Tt195+EtLNAfRTo7Ny0hKQa6xdIMFcNKtDd/l3ASMPxhAYC9DBXDSENvWvRzSj2c7/8nxB+rAeMWAjpIRAppuQa3ppDc8f3EgfkGu4prPrl4X0Yp0i7Xpb5d3bCqjBADac4O7qmTTbV9YOh2wN/xPJiHItdwJtwe1TIfqSoD3upw7ZShoiKU8EIoDKmh9jCskpi4AAAAASUVORK5CYII=');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-flex;
	width: 24px;
	height: 24px;
}
.single-news-post .news-post-content .news-feature-img {
	padding-left: 4px;
}
.single-news-post .news-post-content .news-feature-img:after {
    left: 0px;
}

.vn-banner {
	padding-top: 20px;
}
.vn-banner img {
	width: 100%;
    aspect-ratio: 16 / 9;
    max-height: 250px;
}
.sidebar-news-posts .news-item .news-content .heading{
	    height: 85px;
    overflow: hidden;
}

/* **** Media Query **** */
@media (min-width: 640px) {
	.author-description {
		padding: 0 40px;
	}
}

@media (min-width: 768px) {
	.post-nav-tab {
		display: none;
	}

	.hero-banner .share-post {
		display: none;
	}

	.banner-post-slider .slick-list .slick-track .slick-slide {
		padding: 4px 0 4px 4px;
	}
	.banner-post-slider .post-slide:after {
		content: "";
		width: calc(50% + 8px);
		height: calc(100% + 8px);
		position: absolute;
		top: -4px;
		left: -4px;
		z-index: -1;
		background-color: var(--primary);
		transition: all .3s;
	}

	.latest-news .news-item .news-content .share-post,
	.multiple-news .news-item .news-content .share-post,
	.vistaart-videos .news-item .news-content .share-post,
	.desh-cust .news-item .news-content .share-post,
	.sports-news .news-item .news-content .share-post,
	.pradesh-news .news-item .news-content p.date-time {
		display: none;
	}

	.latest-news .news-item .news-content .heading {
		margin-bottom: 8px;
	}
	.latest-news .news-item .news-content .description {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		padding-top: 8px;
		margin-top: -4px;
		line-height: 1.45;
		max-height: 55px;
	}

	.latest-news.theme-row {
		row-gap: 25px;
	}
}

@media (min-width: 991px) {
	.news-bar-marquee .heading .icon {
		display: none;
	}
	.hero-banner-latest-post .ads {
		margin-top: auto;
		padding-bottom: 3px;
	}

	.vistaart-videos {
		padding: 40px 30px;
	}
	.lead-vistaar-videos {
		padding: 20px;
	}
	.vistaart-videos .news-video {
		max-height: 62vh;
	}
	.vistaart-videos .news-post-items {
		max-height: 62vh;
		overflow: auto;
		padding-right: 10px;
	}

	.reverse-layout .theme-row {
		flex-direction: row-reverse;
	}
}

@media (min-width: 1201px) {
	.pardesh-and-entertainment-news .overlay-post-grid,
	.pardesh-and-entertainment-news .entertainment-news {
		height: calc(100% - 48px);
	}
	.pardesh-and-entertainment-news .overlay-post-grid .overlay-post-wrapper .slider-item,
	.pardesh-and-entertainment-news .overlay-post-grid .overlay-post-wrapper .overlay-post,
	.pardesh-and-entertainment-news .overlay-post-grid .overlay-post-wrapper .overlay-post img {
		height: 100%;
	}
	.footer-container.theme-container {
	  padding-top: 30px;
	}
}

@media (min-width: 1401px) {
	.banner-post-slider .post-slide-img {
		height: 72vh;
	}
}

@media (min-width: 1620px) {
    .banner-post-slider .post-slide-img {
		height: 78vh;
	}
}

@media (max-width: 1400px) {
	.sports-news .news-post-items {
		column-gap: 60px;
	}
}

@media (max-width: 1200px) {
	:root {
		/* --header-height: 76px; */
	}
	.sports-news .news-post-items {
		column-gap: 40px;
	}

	.country-news.desh-cust .news-col.large-col {
		order: 0;
		margin-bottom: 30px;
	}
	.country-news .news-col.large-col .news-item .news-content .heading {
		font-size: clamp(18px, 1.75vw, 26px);
	}
	.overlay-post-grid {
		gap: 20px;
	}
	.overlay-post-wrapper .overlay-post .post-content {
		padding: 15px 15px 10px 15px;
	}

	.hero-banner {
		padding-bottom: 60px;
	}
	.state-news-post:not(.pradesh-news) {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.latest-news-wrapper, .country-news-wrapper, .sports-news, .video-news-wrapper {
		padding-bottom: 60px;
	}
	.multiple-news-wrapper {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.state-news-post.pradesh-news {
		padding-bottom: 40px;
	}
}

@media (max-width: 990px) {
	:root {
		--header-height: 53px;
		--mobile-main-menu-height: 48px;
		--top-bar-height: 36px;
	}
	body {
		padding-top: calc(var(--header-height) + var(--mobile-main-menu-height) + var(--top-bar-height));
		transition: all .15s linear;
	}
	body.scroll-sticky {
		padding-top: calc(var(--header-height) + var(--mobile-main-menu-height));
	}
	.hero-banner .banner-post-slider {
		margin-left: -4px;
	}

	.news-bar-marquee .heading span {
		display: none;
	}

	.sports-news .news-post-items {
		column-count: 1;
		column-gap: 0;
		margin-bottom: 20px;
	}
	.hero-banner-latest-post {
		/* margin-top: 20px; */
	}
	.news-item .news-content .heading {
		font-size: clamp(16px, 2.5vw, 18px);
		margin-top: 12px;
	}
	.news-item .news-content .description,
	.news-item .news-content .date-time,
	.news-item .news-content .place-name,
	.news-item .news-content .video-time {
		font-size: clamp(12px, 1.5vw, 14px);
		margin-top: 10px;
	}

	.sports-news .news-item .news-content .heading {
		font-size: clamp(16px, 1.75vw, 20px);
	}

	.overlay-post-wrapper .overlay-post .post-content {
		padding: 10px 10px 5px 10px;
	}

	.post-meta-detail {
		margin-bottom: 1rem;
	}
	.sidebar-news-post {
		display: none !important;
	}

	/* .hero-banner.lead-news:not(.news-by-category) .banner-lead-post {
		display: flex;
		flex-direction: column-reverse;
	}
	.hero-banner.lead-news:not(.news-by-category) .banner-lead-post .post-content {
		padding-top: 0;
		padding-bottom: 1rem;
	} */
	.web-stories.mobile-responsive .news-col {
		margin-right: 20px;
	}

	.section-heading {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.hero-banner.lead-news .theme-row,
	.lead-news.news-by-category .theme-row {
		row-gap: 20px;
	}
}

@media (max-width: 767px) {
	:root {
		--header-height: 55px;
	}

	.web-stories.mobile-responsive {
		padding-left: 10px;
		padding-right: 10px;
	}

	.hero-banner > .theme-container {
		/* padding-left: 0; */
		/* padding-right: 0; */
	}
	.hero-banner .hero-banner-latest-post {
		/* padding-left: 15px; */
		/* padding-right: 15px; */
	}
	.banner-post-slider .post-slide-img {
		padding: 2px 0 4px 3px;
	}
	.banner-post-slider .post-slide-img:after {
		content: "";
		width: calc(50% + 4px);
		height: calc(100% + 4px);
		position: absolute;
		top: -2px;
		left: -2px;
		z-index: -1;
		background-color: var(--primary);
		transition: all .3s;
	}
	.banner-post-slider .slick-track .slick-slide {
		margin: 0 0 0 15px;
	}
	.banner-post-slider .post-slide {
		height: auto;
		display: flex;
    	flex-direction: column-reverse;
	}
	.banner-post-slider .post-slide .post-content {
		background: none;
		padding: 0;
		color: var(--black);
		position: static;
		display: flex;
    	flex-direction: column-reverse;
	}
	.banner-post-slider .post-slide .post-content .post-meta {
		flex-direction: row !important;
	}
	.banner-post-slider .post-slide .post-content .heading,
	.banner-post-slider .post-slide .post-content .heading a {
		color: var(--black);
	}
	.banner-post-slider .post-slide .post-content .heading a {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		padding-top: 5px;
		line-height: 1.25;
		height: 61px;
	}
	.banner-post-slider .post-slide .post-content .description {
		display: none;
	}
	.banner-post-slider .post-slide .post-content .post-meta {
		flex-direction: row-reverse;
		margin-bottom: 10px;
	}
	.banner-post-slider .post-slide .post-content .post-meta .date-time {
		color: #5B5B5B;
		font-size: 12px;
		font-weight: 400;
	}
	.banner-post-slider .post-slide .post-content .post-meta .tags {
		position: absolute;
		left: 10px;
		top: 110px;
	}
	.hero-banner-latest-post .news-item .news-img img {
		/* aspect-ratio: 4 / 3.5; */
		aspect-ratio: 15 / 9;
	}
	.hero-banner-latest-post .news-item .news-content .categories {
		display: none;
	}
	.hero-banner-latest-post .news-item {
		position: relative;
	}
	.hero-banner-latest-post .news-item .news-content .post-meta {
		position: absolute;
		left: 8px;
		top: 8px;
	}
	.hero-banner-latest-post .news-item .news-content .post-meta .post-tag {
		font-size: clamp(12px, 1.25vw, 16px);
		padding: 5px 12px 0 8px;
	}



	.latest-news .news-item-col {
		margin-bottom: 20px;
	}
	.latest-news .news-item .news-content .heading {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.latest-news .news-item .news-content .description {
		display: none;
	}
	.latest-news .news-item .news-content p.date-time,
	.desh-cust .news-item .news-content p.date-time,
	.multiple-news .news-item .news-content p.date-time,
	.pradesh-news .news-item .news-content p.date-time {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: auto;
	}

	.banner-post-slider .slick-arrow {
		display: none !important;
	}

	.country-news.desh-cust .news-col:not(.large-col) .news-item {
		margin-bottom: 20px;
		padding-bottom: 0 !important;
		border-bottom: 0 !important;
	}
	.country-news.desh-cust .news-col:not(.large-col) .news-item:first-child {
		display: flex;
	}
	.country-news.desh-cust .news-col:not(.large-col) .news-item:first-child .news-img {
		width: 100px;
		/* height: 80px; */
		margin-right: 16px;
	}
	.country-news.desh-cust .news-col:not(.large-col) .news-item:first-child .news-img img {
		aspect-ratio: 1 / 1;
	}
	.country-news.desh-cust .news-col:not(.large-col) .news-item:first-child .news-content {
		flex: 1;
		display: flex;
		flex-direction: column;
	}
	.country-news.desh-cust .news-col:not(.large-col) .news-item:first-child .news-content .heading {
		margin-top: 0;
		font-size: 18px;
	}
	.country-news.desh-cust .news-col:not(.large-col) .news-item:first-child .news-content .date-time {
		margin-top: auto;
	}

	.pradesh-news .post-heading {
		display: none;
	}

	.overlay-post-grid {
		gap: 15px;
	}
	.overlay-post-wrapper .overlay-post .post-content .heading a {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		line-height: 1.45;
		max-height: 41px;
	}

	.section-heading {
		margin-bottom: 12px;
		padding-bottom: 12px;
	}
	.section-heading .heading:before {
		margin-top: 1px;
	}
	.section-heading h2 {
		font-size: 20px;
		padding: 0 5px;
	}
	.section-heading .heading {
		padding-left: 16px;
		height: 17px;
	}
	.section-heading .btn {
		border: 0;
		padding: 0;
	}
	.section-heading .btn .icon {
		width: 18px;
		height: 18px;
	}

	.state-news-2 {
		display: none;
	}

	.multiple-news .news-item:not(:first-child) .news-content .heading {
		font-size: 16px;
	}

	.categories-news-post .news-item .news-content .meta-data .whatsapp-share {
		display: none;
	}

	.news-post-content .news-feature-img:after {
		width: calc(50% + 8px);
		height: calc(100% + 8px);
		top: -4px;
		left: -4px;
	}

	.ads-area .theme-row {
		row-gap: 20px;
	}
	.ads-area .ads-title {
		font-size: 14px;
		margin-bottom: 8px;
	}

	.video-news-wrapper .theme-container {
		padding-left: 0;
		padding-right: 0;
	}

	.hero-banner {
		padding-bottom: 40px;
	}
	.state-news-post:not(.pradesh-news) {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.latest-news-wrapper, .country-news-wrapper, .sports-news, .video-news-wrapper {
		padding-bottom: 40px;
	}
    .web-stories-wrapper {
        padding-bottom: 10px;
    }
	.multiple-news-wrapper {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.state-news-post.pradesh-news {
		padding-bottom: 30px;
	}

	.breadcrumb {
		margin-top: 25px;
		margin-bottom: 25px;
		font-size: 14px;
	}

	.categories-news-post .news-item .news-content .heading {
		margin-bottom: 10px;
	}
	.categories-news-post .news-item .news-content .heading {
		font-weight: 500;
	}
	.categories-news-post .news-item .news-content .heading a {
		line-height: 1.4;
		max-height: 67px;
	}

	.vistaart-videos .news-post-items .news-item .news-content .heading a {
		padding-top: 6px;
		margin-top: -6px;
	}

	.post-social-share li a .icon {
		width: auto;
	}

	.lead-vistaar-videos {
		margin-left: -15px;
		margin-right: -15px;
		padding: 30px;
	}

	.pagination .page-numbers {
		font-size: 14px;
		font-weight: 500;
		line-height: 14px;
		width: 32px;
		height: 32px;
		border-radius: 4px;
	}

	.live-update-post .left-side, 
	.live-update-post .right {
		height: auto;
	}
	.live-update-post .left-side {
		border-right: 0;
		border-bottom: 1px solid #c8c8c8;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.web-story-collections .web-story-collection-card .news-item {
		border-radius: 6px;
	}
	.web-story-collections .web-story-collection-card .news-item .news-content {
		padding: 4px 8px;
	}
	.web-story-collections .web-story-collection-card .news-item .news-content .story-post-date {
		margin-top: 4px;
		margin-bottom: 0px;
	}
	.web-story-collections .web-story-collection-card .news-item .news-content .categories {
		line-height: 1;
	}
	.web-story-collections .web-story-collection-card .news-item .news-content .heading a {
		-webkit-line-clamp: 3;
	}

	.single-news-post .news-post-content h3 {
		font-size: 20px;
		margin-bottom: .5rem;
	}
	.vn-banner img {
		max-height: 180px;
	}
	.categories-news-post .news-item .news-content .description,
	.categories-news-post .news-item .news-content .meta-data {
		display: none;
	}
}

@media (max-width: 375px) {
	.hero-banner .banner-post-slider {
		margin-left: -6px;
	}
}


/* ==== wp-content/themes/vistnews/assets/css/slick-theme.css ==== */
.slick-dots,.slick-next,.slick-prev{padding:0;display:block;position:absolute}.slick-dots li,.slick-dots li button,.slick-next,.slick-prev{cursor:pointer;width:20px;height:20px}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-loading .slick-list{background:url('https://vistaarnews.com/wp-content/themes/vistnews/assets/images/ajax-loader.gif') center center no-repeat #fff}.slick-dots li button,.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;background:0 0;outline:0}@font-face{font-family:slick;font-weight:400;font-style:normal}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);border:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before,.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before,[dir=rtl] .slick-next:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;width:100%;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;border:0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000}

/* ==== wp-content/themes/vistnews/assets/css/slick.css ==== */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-initialized .slick-slide,.slick-slide img{display:block}.slick-arrow.slick-hidden,.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

/* ==== wp-content/themes/vistnews/assets/css/style.css ==== */
/*
Theme name: Vistaar NEWS
Description: Custom Theme
*/