/*News Feed Container */
#newsFeed {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* News Item Style */
.news-item {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.news-thumb {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

/* Pop-up Style */
.popup {
    display: none;
    position: fixed;
    top: 10px;
    left: 0;
    width: 100%;
    height: 600px;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: left;
	 z-index: 10;
}
.popup-content {
    position: relative;
    background-color: white; /* Ensures background is white */
    color: black !important; /* Forces text color to black */
    padding: 20px;
    border-radius: 5px;
  
    text-align: left;
    font-size: 10px;
    line-height: 1.5;
}






.close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
    color: white; /* Darker shade */
    background-color: black; /* Light background for contrast */
    padding: 5px 10px;
    border-radius: 5px;
   
}

.close:hover {
    color: black; /* Changes text color on hover */
    background-color: white; /* Darkens background on hover */
    border-color: white;
}

	.news-bulletH1{font-size: 18px}
	.news-bullettext{font-size: 14px;color: black; margin: 0; white-space: nowrap; position: relative; left: 0px}
	.news-popupHeading{font-size:20px; margin: 0; font-weight: bold; color: black ;text-transform: uppercase}
	.news-popupSubHeading{font-size:14px; margin: 0; font-weight: bold; color: black ;text-transform: uppercase}
	.news-popupText{font-size:12px; margin: 0; color: black; margin: 2px 0px;  padding: 10px}
	.news-popupBulletText{font-size:12px; margin: 0; color: black; margin: 2px 0px;}

/*------------------------------------------*/
/*	       Max Width "1366px"
/*------------------------------------------*/
@media(max-width:1366px){
	
}



/*------------------------------------------*/
/*	       Max Width "1024px"
/*------------------------------------------*/

@media(max-width:1024px) {
	
}

/*------------------------------------------*/
/*	       Max Width "980px"
/*------------------------------------------*/

@media (max-width: 980px) {
}

/*------------------------------------------*/
/*	       Max Width "900px"
/*------------------------------------------*/

@media (max-width:800px) {

}
/*------------------------------------------*/
/*	       Max Width "768px"
/*------------------------------------------*/
@media (max-width: 768px) {
	
		.popup-content {
    position: relative;
    background-color: white; /* Ensures background is white */
    color: black !important; /* Forces text color to black */
    padding: 20px;
    border-radius: 5px;
    width: 650px;
 
    text-align: left;
    font-size: 10px;
    line-height: 1.5;
}
	
}
	

/*------------------------------------------*/
/*	       Max Width "650px"
/*------------------------------------------*/

@media (max-width: 650px) {
	
	.popup-content {
    position: relative;
    background-color: white; /* Ensures background is white */
    color: black !important; /* Forces text color to black */
    padding: 20px;
    border-radius: 5px;
    width: 500px;

    text-align: left;
    font-size: 10px;
    line-height: 1.5;
}
	.news-bulletH1{font-size: 8px}
	.news-bullettext{font-size: 14px;color: black; margin: 0; white-space: nowrap; position: relative; left: 0px}
}
/*-------------------------------*/

/*------------------------------------------*/
/*	       Max Width "600px"
/*------------------------------------------*/

@media (max-width: 600px) {
	
		.popup-content {
    position: relative;
    background-color: white; /* Ensures background is white */
    color: black !important; /* Forces text color to black */
    padding: 20px;
    border-radius: 5px;
    width:410px;

    text-align: left;
    font-size: 10px;
    line-height: 1.5;
}
	
	.news-bulletH1{font-size: 12px}
	.news-bullettext{font-size: 12px;color: black; margin: 0; white-space: nowrap; position: relative; left: 0px}

	.news-popupHeading{font-size:20px; margin: 0; font-weight: bold; color: black ;text-transform: uppercase}
	.news-popupSubHeading{font-size:12px; margin: 0; font-weight: bold; color: black ;text-transform: uppercase}
	.news-popupText{font-size:10px; margin: 0; color: black; margin: 2px 0px;  padding: 10px}
	.news-popupBulletText{font-size:10px; margin: 0; color: black; margin: 2px 0px;}
	

}
/*------------------------------------------*/
/*	       Max Width "400px"
/*------------------------------------------*/

@media (max-width: 400px) {
	
		.popup-content {
    position: relative;
    background-color: white; /* Ensures background is white */
    color: black !important; /* Forces text color to black */
    padding: 20px;
    border-radius: 5px;
    width:300px;

    text-align: left;
    font-size: 10px;
    line-height: 1.5;
	}
	.news-bulletH1{font-size: 10px}
	.news-bullettext{font-size: 10px;color: black; margin: 0; white-space: nowrap; position: relative; left: 0px}

	.news-popupHeading{font-size:12px; margin: 0; font-weight: bold; color: black ;text-transform: uppercase}
	.news-popupSubHeading{font-size:12px; margin: 0; font-weight: bold; color: black ;text-transform: uppercase}
	.news-popupText{font-size:10px; margin: 0; color: black; margin: 2px 0px;  padding: 10px}
	.news-popupBulletText{font-size:10px; margin: 0; color: black; margin: 2px 0px;}

	}