/* Prayer Times CSS */
/* General styling for the popup */
.popup-prayer {
    display: none;
    position: absolute;
    background-color: #1B2431;
    padding: 10px; /* Add some padding for better spacing */
    margin:10px;
	color: #9AA3B7; /* Set text color to white */
    width: fit-content; /* Adjust width as needed */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* Optional: Add some shadow for better visibility */
	grid-template-columns: 1fr 1fr; /* Two equal-width columns */
	left: -50%;
}
.popup-prayer::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    border-width: 0 10px 10px 10px;
    border-style: solid;
    border-color: transparent transparent #1b2431 transparent;
}

.popup-prayer ul {
/*     display: grid; /* Use grid display */
/*     grid-template-columns: repeat(2, 1fr); */
/*     gap: 10px;  */
    list-style-type: none;
    padding: 0;
    margin: 0;
	display: contents;
}

.prayer-grid-item {
    display: flex; /* Use flexbox for layout */
    justify-content: space-between; /* Align items with space in between */
    align-items: center; /* Center items vertically */
    text-align: center; /* Center text */
    background-color: #1B2431; /* Background for each grid item */
    padding: 10px; /* Padding for each item */
    border-radius: 5px; /* Rounded corners */
    font-size: 12px;
    font-weight: normal;
/* 	border: solid 0.1px #9AA3B7 */
}

/* Styling for prayer names and times */
.single-prayer-name {
    text-align: left; /* Align text to the left */
	margin: 0 10px;
}

.single-prayer-time {
    text-align: right; /* Align time to the right */
}

/* Styling for all prayer items */
.single-prayer {
    display: flex; /* Use flexbox for layout */
    justify-content: space-between; /* Distribute space between text and time */
    width: 100%; /* Make sure it takes full width */
    text-decoration: none; /* Remove underline from anchor */
    color: #9AA3B7 !important; /* Inherit color from parent */
}

/* Specific styling for the first prayer item */
.first-prayer {
    display: flex; /* Use flexbox for layout */
    align-items: center; /* Center items vertically */
    text-align: left; /* Align text to the left */
    width: 100%; /* Adjust width as needed */
    color: #9AA3B7 !important; /* Text color */
    cursor: pointer; /* Cursor to pointer on hover */

}

.first-prayer i {
    color:#9AA3B7 !important;
    margin-right: 10px;
	font-size: 15px;
}


.first-prayer span {
    font-size: 12px;
    padding-left: 4px;
	padding-right: 4px;
    color: #9AA3B7; /* Text color */
}
.single-prayer-time{
	direction: ltr;
	 white-space: nowrap; /* Prevent text from wrapping */
}
.location{
	    color:#9AA3B7 !important;
}
.fa-mosque{
	    color:#9AA3B7 !important;
}
/* End of Prayer Times CSS */