/* MODULE: PLANT MENU */


/* GALLERY (LISTINGS / CARDS) */
.galList {
	display:flex;
	flex-wrap:nowrap;
	flex-direction:column;
	justify-content:start;
	align-items:auto;
	align-content:space-between;
  padding:16px;
  width:50%;
  text-align:center;
  margin:12px auto;
  bdddorder:12px double black;
  color:#d0e7e8;
  background:#70b7bc;
  }
  
.galList .galItem {flex: 0 0 auto;margin:10px 0;padding:0;background:#d0e7e8}

.galItem #head	{background:#70b7bc;align-items:start;}
.galItem #head h5 {color:#005974}
.galItem #head h6 {color:#107790}

.galItem #head #left  {width:100%;background:#d0e7e8;}
.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 #409fa6;}
.lightbox::after	{bottom:0;border-top:4px solid #409fa6;}
.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:#f8fcfc;color:#107790;}

img.th {height:200px;width:200px;border:0 solid #f8fcfc;}

.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>55</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>55</b><br />