karl@karlbrownvoiceover.com Call 07761 593 745

.gallery{width:100%;max-width:1310px;margin:0 auto;overflow:hidden;padding:10px 5px 0}.cell{float:left;position:relative}.image{padding:0 5px}.thumb{display:block;max-width:100%;height:auto;margin:0 auto}.cell.is-collapsed .image{cursor:pointer}.cell.is-expanded .expand{max-height:600px;margin-bottom:10px}.expand{position:relative;left:-5px;padding:0 5px;box-sizing:content-box;overflow:hidden;background:#222;max-height:0;transition:max-height .3s ease-in-out,margin-bottom .1s .2s}.cell.is-collapsed .upArrow{height:10px;width:100%}.cell.is-expanded .upArrow{border-bottom:8px solid #222;border-left:8px solid transparent;border-right:8px solid transparent;height:0;width:0;margin:2px auto 0}.close{position:absolute;top:10px;right:20px;color:#454545;font-size:50px;line-height:50px;text-decoration:none}.expand img{max-height:500px;width:auto}.close:before{content:’×’}.close:hover{color:#fff}.large{max-width:100%;height:auto;display:block;padding:40px;margin:0 auto;box-sizing:border-box}section.gallery p.caption{position:relative;color:#fff;bottom:1.65em;text-align:center;margin-left:2em}@media only screen and (max-width: 530px){.cell{width:50%}.cell:nth-of-type(2n+2) .expand{margin-left:-100%}.cell:nth-of-type(2n+3){clear:left}.expand{width:200%}}@media only screen and (min-width: 531px){.cell{width:20%}.cell:nth-of-type(5n+2) .expand{margin-left:-100%}.cell:nth-of-type(5n+3) .expand{margin-left:-200%}.cell:nth-of-type(5n+4) .expand{margin-left:-300%}.cell:nth-of-type(5n+5) .expand{margin-left:-400%}.cell:nth-of-type(5n+6){clear:left}.expand{width:500%}}p:empty{margin:0;padding:0}

var $cell=$(“.cell”);$cell.find(“.image”).click(function(){var s=$(this).closest(“.cell”);s.hasClass(“is-collapsed”)?($cell.not(s).removeClass(“is-expanded”).addClass(“is-collapsed”),s.removeClass(“is-collapsed”).addClass(“is-expanded”)):s.removeClass(“is-expanded”).addClass(“is-collapsed”)}),$cell.find(“.close”).click(function(){var s=$(this).closest(“.cell”);s.removeClass(“is-expanded”).addClass(“is-collapsed”)});