#postModal {
    /* Set the max height based on the viewport */
    max-height: 90vh; 
    
    /* Enable internal scrolling */
    overflow-y: auto; 
    
    /* Good practice for usability */
    margin: auto; 
    padding: 20px;
    border: none;
    border-radius: 12px;
}

/* Optional: Improve the scrollbar appearance on modern browsers */
#postModal ::-webkit-scrollbar {
    width: 8px;
}
#postModal ::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px;
}


.post-type-archive-story section.storycontainer
{
	padding: 60px 0;
}

.post-type-archive-story .storycontainerinner.inner
{
	padding: 0 2rem;
}


.post-type-archive-story dialog .storyname {
  font-family: var(--heading-font);
  color: var(--col-midblue2);
	    font-size: 1.5rem;
	margin: 1rem 0 0 0;
	  text-align: center;
}
.post-type-archive-story dialog .storyimage
{
	text-align: center;
}
.post-type-archive-story dialog .storyimage img
{
    object-fit: cover;
    aspect-ratio: 1;
    border-radius: 100vw;
	max-width: 35%;
	-webkit-box-shadow: 4px 4px 15px 0px #ADADAD;
    box-shadow: 4px 4px 15px 0px #ADADAD;
}

.post-type-archive-story dialog .storycontent
{
	margin: 1rem 0 3rem 0;
}

.post-type-archive-story dialog .video-container
{
	text-align:center;
}
.post-type-archive-story dialog .video-container iframe
{
	 border-radius: 10px;
	
	-webkit-box-shadow: 4px 4px 15px 0px #ADADAD;
    box-shadow: 4px 4px 15px 0px #ADADAD;
}