/* ==========================================================================
   MELEDOSIA.CSS (PAGE-SPECIFIC STYLES)
   ========================================================================== */

/* Unique Text Design for Meledosia Content */
p {
  font-size: 18px; 
  text-align: justify; 
  line-height: 20px; 
  color: rgba(163, 114, 69, 1); 
  text-shadow: 0px 1px 12px rgba(245, 245, 220, 1), 0px -1px 2px rgba(0, 0, 0, 1);
}

/* Elastic gallery row (pins pairs to screen center) */
.centered-gallery {
  display: flex;            
  justify-content: center;  
  gap: 10px;                
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
}

/* Standard column layout fallback */
.Col {
  width: 20%; 
  float: left; 
  padding: 9px; 
  min-width: 300px;
}

/* Overrides old float rules when columns are inside the centered gallery */
.centered-gallery .Col {
  float: none;              
  width: 20%;               
  min-width: 300px;         
  box-sizing: border-box;
}

.boxed {
  border: 0px solid black; 
  background-color: rgba(0, 0, 0, 0.225);
} 

img {
  max-width: 100%;  
  height: auto;     
  display: block;   
}

.centered-gallery img {
  margin-bottom: 2px;
}