@charset "utf-8";
/* CSS Document */


img {
  pointer-events: none;
  -webkit-user-drag: none;
}


.highlight {
  max-width: 900px;
  margin: 0 auto;
  padding: 0.25rem 1.5rem 0.5rem 1.5rem;
  background-color: var(--background-color-03);
  /*background: #a8ffa8;*/
  border-radius: 12px 12px 0 0;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
} 

/*.highlight .top_page  {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
  padding: 0 0 1rem;
  }
  
.highlight .top_page img  {
	height: 6.5rem;
	padding
}  

.highlight .top_page:first-child {
	filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.5));
	}
.highlight .top_page:nth-child(3) {
	filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.3));
	}

.highlight h1 {
  font-size: 1.8rem;
  margin: 1rem 0 0.5rem 0;
  text-align: center;
  font-weight: 700;
  color: var(--primary-color, #0070ba);
	}  */
	
.about-section {
  max-width: 900px;
  margin: 0 auto;
  padding: 1.5rem;
  background: #ffffff;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

.about-section h2:first-child {
	text-align: center;
	font-size: 1.75rem;
}

.about-section h2 { 
	font-size: 1.35rem;
}

.about-section img {
	max-width: 2.5rem;
	max-height: auto;
	filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.3));
}

.about-section h2 img.film-strip-left {
	visibility: hidden; 
	}  

ul.li-star {
	padding-left: 20px;
	list-style-type: "★ ";
	}   

.about-section p.p-bottom {
	text-align: center;
}

/*li.emoji::marker {
  content: "🎞️✮⋆˙";  
}*/

/* --- Responsive Adjustments for the About Page --- */

@media (max-width: 768px) { 
    .highlight h1 {
        font-size: 1.5rem; /* Prevents the title from wrapping awkwardly */
        margin: 0.5rem 0;
    }

    /* Adjust the main About title */
    .about-section h1 {
        font-size: 1.4rem;
    }
	
	.about-section h2 {
		font-size: 1.15rem;
		} 
		
	.about-section h1 img.film-strip-right {
		max-width: 2rem;
	    max-height: auto;
		}
		
    /* Reduce the size of the film strip icons in the list */
    ul.emoji li {
        padding-left: 25px;
        background-size: 18px;
        font-size: 0.95rem;
    }
}

@media (max-width: 710px) { 
  .faq-section {
    padding: 1rem;
  }

 /* .faq-section h1 {
    font-size: 1.5rem;
  }

  .faq-item h2 {
    font-size: 1.1rem;
  }*/

  .faq-item p {
    font-size: 0.95rem;
  }
  
  .faq-question {
    font-size: 1rem;
  }
  
  /*.highlight .top_page  { 
  gap: 1rem; 
  }*/
  
  /*.highlight .top_page img:first-child {
	padding: 0 0 0 0.313rem;
  }
  
  .highlight .top_page img:nth-child(3) {
	padding: 0 0.313rem 0 0;
  }  */
}

/* 3. Small Mobile Devices (Under 576px) */
@media (max-width: 576px) { 
    /*.about-section h1 br {
        display: none; /* Keep the title on fewer lines if possible */
    /*}*/

    /*.about-section h1 img:last-child {
        max-width: 3rem; /* The sun/popcorn icon */
    /*}*/

    .about-section p {
        font-size: 0.95rem;
        line-height: 1.5;
    }
}

/*@media (max-width: 445px) {
  .highlight .top_page  { 
  gap: 0.5rem; 
  }
  .highlight .top_page img  {
	height: 4rem;
  }
  .highlight h1 {
    font-size: 1rem;
  } 
}*/

@media (max-width: 445px) {
    /* Hide the decorative film strips on very small screens to save vertical space */
  .about-section h1 img.film-strip-left,
  .about-section h1 img.film-strip-right {
	display: none;
  }
}