/* 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/gallery.php</b> on line <b>17</b><br />
;color:<br />
<b>Warning</b>:  Undefined variable $themeclr6 in <b>/home/public/template/css/gallery.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/gallery.php</b> on line <b>18</b><br />
}
.timeline h2 {color:<br />
<b>Warning</b>:  Undefined variable $themeclr5 in <b>/home/public/template/css/gallery.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/gallery.php</b> on line <b>21</b><br />
;}


/* GALLERY (LISTINGS / CARDS) - PHOTOWALL EDITION - FUNCTIONS, WIP */
.photoWall {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:stretch;align-content:space-around;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/gallery.php</b> on line <b>25</b><br />
;background:<br />
<b>Warning</b>:  Undefined variable $themeclr2 in <b>/home/public/template/css/gallery.php</b> on line <b>25</b><br />
;}
  
.photoWall .galItem {flex: 1 1 auto;margin:5px;padding:0;background:<br />
<b>Warning</b>:  Undefined variable $themeclr6 in <b>/home/public/template/css/gallery.php</b> on line <b>27</b><br />
}

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

.galItem #head #left  {width:100%;background:<br />
<b>Warning</b>:  Undefined variable $themeclr3 in <b>/home/public/template/css/gallery.php</b> on line <b>33</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/gallery.php</b> on line <b>50</b><br />
;}
.lightbox::after	{bottom:0;border-top:4px solid <br />
<b>Warning</b>:  Undefined variable $themeclr5 in <b>/home/public/template/css/gallery.php</b> on line <b>51</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/gallery.php</b> on line <b>54</b><br />
;color:<br />
<b>Warning</b>:  Undefined variable $themeclr6 in <b>/home/public/template/css/gallery.php</b> on line <b>54</b><br />
;}

img.th {height:200px;width:200px;border:0 solid <br />
<b>Warning</b>:  Undefined variable $themeclr1 in <b>/home/public/template/css/gallery.php</b> on line <b>56</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/gallery.php</b> on line <b>60</b><br />
<br />
<b>Warning</b>:  foreach() argument must be of type array|object, null given in <b>/home/public/template/css/gallery.php</b> on line <b>60</b><br />