/* Basic styles for the image and popup */
.news-item img {
	width: 350px;  /* Set width to 300px */
    height: 200px;
    /*width: 100%;
    height: auto; */
    cursor: pointer;
}

/* Hide the checkbox itself */
.popup-checkbox {
    display: none;
}

/* The Popup: Initially hidden */
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent background */
    justify-content: center;
    align-items: center;
    z-index: 999;
}

/* Show the popup when the checkbox is checked */
.popup-checkbox:checked + .popup {
    display: flex;
}

/* Popup content styles */
.popup-content {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
    color: black; /* Set text color to black */
}

.popup-content h2 {
    margin-bottom: 16px;
}

.popup-content p {
    font-size: 14px;
	margin-bottom: 3px;
}

/* Close button styles */
.close-btn {
	font-size: 18px;
	text-decoration: none;
	color: white; /* Set text color to white */
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #2d63c8;
	border-radius: 30px;
	padding: 10px 50px;
	background-color: #0194ff; /* Set background color to dark gray */
}