
<br />
<b>Warning</b>:  Undefined variable $dirTree in <b>/home/public/template/css/colors.php</b> on line <b>38</b><br />
<br />
<b>Warning</b>:  Undefined variable $row in <b>/home/public/template/css/colors.php</b> on line <b>38</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>38</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>38</b><br />
<br />
<b>Warning</b>:  Undefined variable $dirTree in <b>/home/public/template/css/colors.php</b> on line <b>39</b><br />
<br />
<b>Warning</b>:  Undefined variable $row in <b>/home/public/template/css/colors.php</b> on line <b>39</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>39</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>39</b><br />
<br />
<b>Warning</b>:  Undefined variable $dirTree in <b>/home/public/template/css/colors.php</b> on line <b>40</b><br />
<br />
<b>Warning</b>:  Undefined variable $row in <b>/home/public/template/css/colors.php</b> on line <b>40</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>40</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>40</b><br />
<br />
<b>Warning</b>:  Undefined variable $dirTree in <b>/home/public/template/css/colors.php</b> on line <b>41</b><br />
<br />
<b>Warning</b>:  Undefined variable $row in <b>/home/public/template/css/colors.php</b> on line <b>41</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>41</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>41</b><br />
<br />
<b>Warning</b>:  Undefined variable $dirTree in <b>/home/public/template/css/colors.php</b> on line <b>42</b><br />
<br />
<b>Warning</b>:  Undefined variable $row in <b>/home/public/template/css/colors.php</b> on line <b>42</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>42</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>42</b><br />
<br />
<b>Warning</b>:  Undefined variable $dirTree in <b>/home/public/template/css/colors.php</b> on line <b>43</b><br />
<br />
<b>Warning</b>:  Undefined variable $row in <b>/home/public/template/css/colors.php</b> on line <b>43</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>43</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/public/template/css/colors.php</b> on line <b>43</b><br />

/* 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 #30311b;color:#cfd1ad;}
.timeline, .timeline h2 {background:#50522d}
.timeline h2 {color:#bbbf8c;}

.timeline h2, .timeline h5 {color:#bbbf8c;}


/* 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:#50522d;background:#50522d;}
  
.galList .galItem {flex: 0 0 auto;margin:10px 0;padding:0;background:#cfd1ad}

.galItem #head	{background:#9da35a;align-items:start;}
.galItem #head h5 {color:#ecedde}
.galItem #head h6 {color:#cfd1ad}

.galItem #head #left  {width:100%;background:#6f733f;}
.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 #bbbf8c;}
.lightbox::after	{bottom:0;border-top:4px solid #bbbf8c;}
.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:#30311b;color:#cfd1ad;}

img.th {height:200px;width:200px;border:0 solid #30311b;}

.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>63</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>63</b><br />
