/* --------------------------------------------- */
/* ----- kerstmis_2025_layout.css 20251215 ----- */
/* --------------------------------------------- */


/* picgridcel overrides picgridcel from common_layout.css ! */
.picgridcel {
	height: 12.5vw;
	border: 1px dotted blue; /* <- DESIGN TIME !!! */
}

/* ----- GRID ---------------------------------------------------------------------------- ----- */
.grid {
  display: grid;
  grid-template-columns: repeat(16, [col] 1fr);
  grid-template-rows: repeat(20, [row] auto);
  grid-column-gap: 0px; /* grid-column-gap: 0.5em; */
  grid-row-gap: 0px; /* 0.5em;*/
}
.grid__item {
  text-align: center; 
  border: 0px solid #a9c5e7;  /* border: 1px solid #a9c5e7; */
  /*padding: .5em;*/
  font-size: 12px;
}

/* ----- header frame ----- */
.grid__item_item100 {grid-column: col 1/span 16;grid-row:row 1 /span 2;}
/* ---- banner frame ----- */
.grid__item_item300 {grid-column: col 1/span 16;grid-row:row 3 /span 1;}
/* ----- tagline frame ----- */
.grid__item_item400 {grid-column: col 1/span 16;grid-row:row 4 /span 1;}
/* ----- navbar frame ----- */
.grid__item_item500 {grid-column: col 1/span 16;grid-row:row 5 /span 1;}
/* ----- menu ----- */
.grid__item_item502 {grid-column: col 2/span 1;grid-row:row 5;}
/* ----- message box ----- */
.grid__item_item503 {grid-column: col 3/span 9;grid-row:row 5;}
/* ----- (-----)  ----- */
/* .grid__item_item504 {grid-column: col 4/span 1;grid-row:row 5;} */
/* ----- info button ----- */
.grid__item_item505 {grid-column: col 12/span 1;grid-row:row 5;}
/* ----- stop button ----- */
.grid__item_item506 {grid-column: col 13/span 1;grid-row:row 5;}
/* ----- solve button ----- */
.grid__item_item507 {grid-column: col 14/span 1;grid-row:row 5;}
/* ----- back button ----- */
.grid__item_item508 {grid-column: col 16/span 1;grid-row:row 5;}
/* ----- exp BUTTON ----- */
/* .grid__item_item509 {grid-column: col 15/span 1;grid-row:row 5;} */
/* ----- empty / blanco / exp bar ----- */
.grid__item_item600 {grid-column: col 1/span 16;grid-row:row 6;}

/* ---- pics regel --------------------------------------------- ----- */
.grid__item_item701 {grid-column: col 2 /span 2;grid-row: row 7 /span 2;}
.grid__item_item702 {grid-column: col 4 /span 2;grid-row: row 7 /span 2;}
.grid__item_item703 {grid-column: col 6 /span 2;grid-row: row 7 /span 2;}
.grid__item_item704 {grid-column: col 8 /span 2;grid-row: row 7 /span 2;}
/* ---- pics regel --------------------------------------------- ----- */
.grid__item_item801 {grid-column: col 2 /span 2;grid-row: row 9 /span 2;}
.grid__item_item802 {grid-column: col 4 /span 2;grid-row: row 9 /span 2;}
.grid__item_item803 {grid-column: col 6 /span 2;grid-row: row 9 /span 2;}
.grid__item_item804 {grid-column: col 8 /span 2;grid-row: row 9 /span 2;}
/* ---- pics regel --------------------------------------------- ----- */
.grid__item_item901 {grid-column: col 2 /span 2;grid-row: row 11 /span 2;}
.grid__item_item902 {grid-column: col 4 /span 2;grid-row: row 11 /span 2;}
.grid__item_item903 {grid-column: col 6 /span 2;grid-row: row 11 /span 2;}
.grid__item_item904 {grid-column: col 8 /span 2;grid-row: row 11 /span 2;}

/* ----- textgridcel ------------------------------------------- ----- */
.grid__item_item705 {grid-column: col 11 /span 5;grid-row: row 7 /span 7;}

/* ----- empty row ----------------------------------------------- ----- */
.grid__item_item1000 {grid-column: col 2 /span 14;grid-row: row 13/span 1;}

/* ----- acrosticgridcel ----------------------------------------- ----- */
.grid__item_item1004 {grid-column: col 3 /span 7;grid-row: row 15/span 1;}

/* ----- bottom line --------------------------------------------- ----- */
.grid__item_item1601 {grid-column: col 1 /span 15;grid-row: row 16 /span 1;}
/* ----- bottomline (: 'copyrightbar' ) ------------------------------ ----- */
.grid__item_item1602 {grid-column: col 1 /span 16;grid-row: row 17 /span 1;}