/* GALLERY (TIMELINE) */

.timeline {margin:0 auto;padding:20px; width:90%;}

.timeline {display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;align-content:center;justify-content:space-between;}
.timeline h2 {flex:1 1 auto;height:100px;}

.timeline h2.L::after {content:"→";}
.timeline h2.R::before {content:"←";}

.timeline h2.L::after, .timeline h2.R::before {width:150px;display:inline-flex;justify-content:center;}

/* GALLERY (TIMELINE) - COLORS */

.timeline {border:8px solid <br />
<b>Warning</b>:  Undefined variable $themeclr1 in <b>/home/public/template/css/menu.php</b> on line <b>17</b><br />
;color:<br />
<b>Warning</b>:  Undefined variable $themeclr6 in <b>/home/public/template/css/menu.php</b> on line <b>17</b><br />
;}
.timeline, .timeline h2 {background:<br />
<b>Warning</b>:  Undefined variable $themeclr2 in <b>/home/public/template/css/menu.php</b> on line <b>18</b><br />
}
.timeline h2 {color:<br />
<b>Warning</b>:  Undefined variable $themeclr5 in <b>/home/public/template/css/menu.php</b> on line <b>19</b><br />
;}

.timeline h2, .timeline h5 {color:<br />
<b>Warning</b>:  Undefined variable $themeclr5 in <b>/home/public/template/css/menu.php</b> on line <b>21</b><br />
;}


/* GALLERY (LISTINGS / CARDS) - FUNCTIONS, WIP */
.galList {display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:start;align-items:auto;align-content:space-between;
  padding:16px;text-align:center;margin:12px auto;border:12px double black;
  color:<br />
<b>Warning</b>:  Undefined variable $themeclr2 in <b>/home/public/template/css/menu.php</b> on line <b>27</b><br />
;background:<br />
<b>Warning</b>:  Undefined variable $themeclr2 in <b>/home/public/template/css/menu.php</b> on line <b>27</b><br />
;}
  
.galList .galItem {flex: 0 0 auto;margin:10px 0;padding:0;background:<br />
<b>Warning</b>:  Undefined variable $themeclr6 in <b>/home/public/template/css/menu.php</b> on line <b>29</b><br />
}

.galItem #head	{background:<br />
<b>Warning</b>:  Undefined variable $themeclr4 in <b>/home/public/template/css/menu.php</b> on line <b>31</b><br />
;align-items:start;}
.galItem #head h5 {color:<br />
<b>Warning</b>:  Undefined variable $themeclr7 in <b>/home/public/template/css/menu.php</b> on line <b>32</b><br />
}
.galItem #head h6 {color:<br />
<b>Warning</b>:  Undefined variable $themeclr6 in <b>/home/public/template/css/menu.php</b> on line <b>33</b><br />
}

.galItem #head #left  {width:100%;background:<br />
<b>Warning</b>:  Undefined variable $themeclr3 in <b>/home/public/template/css/menu.php</b> on line <b>35</b><br />
;}
.galItem #head #right {width:200px;}

.galItem #left, .galItem #right {display:inline-block;}




/* LIGHTBOX GALLERY - https://codesalad.dev/blog/how-to-create-an-image-lightbox-in-pure-css-25 */

.lightbox {display:none;position:fixed;z-index:999;top:0;left:0;right:0;bottom:0;
  height:100%;width:100%;margin:auto 0;}

/* Unhide the lightbox when it's the target */
.lightbox:target {display: block;}

.lightbox span {display:block;width:100%;height:100%;}

.lightbox::before	{top:0;border-bottom:4px solid <br />
<b>Warning</b>:  Undefined variable $themeclr5 in <b>/home/public/template/css/menu.php</b> on line <b>53</b><br />
;}
.lightbox::after	{bottom:0;border-top:4px solid <br />
<b>Warning</b>:  Undefined variable $themeclr5 in <b>/home/public/template/css/menu.php</b> on line <b>54</b><br />
;}
.lightbox::after, .lightbox::before {position:fixed;left:0;height:5%;width:100%;font-size:32pt;text-transform:lowercase;font-variant:small-caps;text-align:center;padding:25px 0;}

.lightbox::after, .lightbox::before {background:<br />
<b>Warning</b>:  Undefined variable $themeclr1 in <b>/home/public/template/css/menu.php</b> on line <b>57</b><br />
;color:<br />
<b>Warning</b>:  Undefined variable $themeclr6 in <b>/home/public/template/css/menu.php</b> on line <b>57</b><br />
;}

img.th {height:200px;width:200px;border:0 solid <br />
<b>Warning</b>:  Undefined variable $themeclr1 in <b>/home/public/template/css/menu.php</b> on line <b>59</b><br />
;}

.galItem {padding:4px;text-align:center;flex:0 0 auto;}

<br />
<b>Warning</b>:  Undefined variable $imgs in <b>/home/public/template/css/menu.php</b> on line <b>63</b><br />
<br />
<b>Warning</b>:  foreach() argument must be of type array|object, null given in <b>/home/public/template/css/menu.php</b> on line <b>63</b><br />