{"id":288259,"date":"2023-02-26T09:28:58","date_gmt":"2023-02-26T09:28:58","guid":{"rendered":"https:\/\/www.matt27.co.uk\/news\/blm-gallery-copy\/"},"modified":"2023-03-02T17:16:33","modified_gmt":"2023-03-02T17:16:33","slug":"gallery-2","status":"publish","type":"page","link":"https:\/\/www.matt27.co.uk\/news\/gallery-2\/","title":{"rendered":"BLM Gallery Copy"},"content":{"rendered":"<!--themify_builder_content-->\n<div id=\"themify_builder_content-288259\" data-postid=\"288259\" class=\"themify_builder_content themify_builder_content-288259 themify_builder tf_clear\">\n    \t\t\t<!-- module_row -->\n\t<div  data-css_id=\"vvu9508\" data-lazy=\"1\" class=\"module_row themify_builder_row fullwidth tb_vvu9508 tb_first tf_w tf_clearfix\">\n\t    \t\t\t<div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n\t\t            <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_2sa5575 first\">\n                                                        <div class=\"tb-column-inner tf_box tf_w\">\n                        <!-- module plain text -->\n<div  class=\"module module-plain-text tb_xf3e985 \" data-lazy=\"1\">\n        <div class=\"tb_text_wrap\">\n\t<style>\n\n\/* slideshow - adapted from http:\/\/cssmojo.com\/ken-burns-effect\/ *\/\n#slideshow { position:relative; overflow:hidden; max-width:100%; height:3em;padding-bottom:40% } \/* (img px height \/ img px width x 100) = padding-bottom % *\/\n#slideshow div { position:absolute; z-index:2; width:105%; height:105%; top:-5%; left:-5%; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:0;\n\t-webkit-transition:opacity 3s, -webkit-transform 8s; -ms-transition:opacity 3s, -ms-transform 8s; transition:opacity 3s, transform 28s \n\t}\n#slideshow div { -webkit-transform-origin:bottom left; -ms-transform-origin:bottom left; transform-origin:bottom left }\n#slideshow div:nth-of-type(2n+1) { -webkit-transform-origin:top right; -ms-transform-origin:top left; transform-origin:bottom left }\n#slideshow div:nth-of-type(3n+1) { -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:bottom left }\n#slideshow div:nth-of-type(4n+1) { -webkit-transform-origin:bottom right; -ms-transform-origin:bottom right; transform-origin:bottom right }\n#slideshow div:nth-of-type(5n+1) { -webkit-transform-origin:bottom right; -ms-transform-origin:bottom right; transform-origin:bottom left }\n#slideshow div:nth-of-type(6n+1) { -webkit-transform-origin:bottom right; -ms-transform-origin:bottom right; transform-origin:top right}\n#slideshow .fx:first-child + span + div ~ div, #slideshow .fx1 { z-index:1 }\n#slideshow .fx, #slideshow .fx1 { -webkit-transform:scale(1.35) translate(2.5%); -ms-transform:scale(1.35) translate(2.5%); transform:scale(1.7) translate(3.5%); opacity:1 }\n#slideshow div:nth-of-type(1) { background-image:url(https:\/\/monsite.woopic.com\/383\/p\/baumelesmessieurs\/img\/9cbf710ae91776a7ceedf45971249866.jpg) }\n#slideshow div:nth-of-type(2) { background-image:url(https:\/\/monsite.woopic.com\/383\/p\/baumelesmessieurs\/img\/fb00eb53eab690a58aeb73e74da29bbe.jpg) }\n#slideshow div:nth-of-type(3) { background-image:url(https:\/\/monsite.woopic.com\/383\/p\/baumelesmessieurs\/img\/7e07841666de3dd3bb74d0246f902309.jpg) }\n#slideshow div:nth-of-type(4) { background-image:url(https:\/\/monsite.woopic.com\/383\/p\/baumelesmessieurs\/img\/d93b7dbb7d923f24dcc0c75cd134d478.jpg) }\n#slideshow div:nth-of-type(5) { background-image:url(https:\/\/monsite.woopic.com\/383\/p\/baumelesmessieurs\/img\/e84412e32d03010ac7c928949f14ac2f.jpg) }\n#slideshow div:nth-of-type(6) { background-image:url(https:\/\/monsite.woopic.com\/383\/p\/baumelesmessieurs\/img\/494d209f4b20eb3be4f38a8e87e099b0.jpg) }\n\n\n\/* captions *\/\n#slideshow span { position:absolute; z-index:2; bottom:0; right:0; display:inline-block; padding:2% 3%; margin:5%; font-size:2.5vw; color:transparent }\n#slideshow .fx:first-child + span + div ~ div + span, #slideshow .fx1 + span { z-index:1 }\n#slideshow .fx + span, #slideshow .fx1 + span { background:rgba(0,0,0,0.75); color:#fff; -webkit-animation:caption 5s 1s both; animation:caption 9s 2s both }\n@-webkit-keyframes caption {\n  0% { opacity:0; -webkit-transform:translate3d(100%,0,0) }\n  20% { opacity:.2; -webkit-transform:none }\n  70% { opacity:.2; -webkit-transform:none }\n  100% { opacity:0; -webkit-transform:translate3d(-500%,0,0) }\n}\n@keyframes caption {\n  0% { opacity:0; transform:translate3d(100%,0,0) }\n  20% { opacity:.5; transform:none }\n  70% { opacity:.5; transform:none }\n  100% { opacity:0; transform:translate3d(-100%,0,0) }\n}\n\n@media(min-width:42em) { \/* bigger than 672px *\/\n\n\t#slideshow span { padding:1em 1.5em; margin:2em; font-size:2.5em }\n\t\n}\n<\/style>\n\n\n\n\n\n\n\n\n<div id=\"slideshow\">\n\t<!-- define each background-image in CSS -->\n\n\t<div><\/div> <!-- #slideshow div:nth-of-type(1) --> \n\t<span> Baume-les-Messieurs <\/span>\n\n\t<div><\/div> <!-- #slideshow div:nth-of-type(2) -->\n\t<span> Abbaye Imperale<\/span>\n\n\t<div><\/div> <!-- #slideshow div:nth-of-type(3) -->\n\t<span>Le village de Baume<\/span>\n\n\t<div><\/div> <!-- #slideshow div:nth-of-type(4) -->\n\t<span>Visites Guidees<\/span>\n\n<div><\/div> <!-- #slideshow div:nth-of-type(5) -->\n\t<span>Cascades<\/span>\n<div><\/div> <!-- #slideshow div:nth-of-type(6) -->\n\t<span>Grottes<\/span>\n\n<\/div>\n\n\n\t\n\n<!--[if gte IE 9]><!-->\n<script>\n\/* http:\/\/cssmojo.com\/ken-burns-effect\/ *\/\nfunction kbSlideshow() { \/\/ set .fx1 class on 1st img on page load\n\twindow.setInterval(kenBurns, 9000); \/\/ calls kenBurns() function every 4 secs\n\tvar images = document.getElementById('slideshow').getElementsByTagName('div'),\n        numberOfImages = images.length, i = 1; \/\/ track loop - 1 (not 0) as 1st img is styled on page load\n\timages[0].className = \"fx1\"; \/\/ style 1st img on page load\n\tfunction kenBurns() {\n\t\tif (i==numberOfImages) { i = 0; }\n        \timages[i].className = \"fx\"; \/\/ set .fx class on each img\n\t\t\/\/ clean up one before last to avoid bounce effect - can't remove .fx from previous\n        \tif (i===0) { images[numberOfImages-2].className = \"\"; }\n        \tif (i===1) { images[numberOfImages-1].className = \"\"; }\n        \tif (i>1) { images[i-2].className = \"\"; }\n        \ti++;\n\t\t}\n\t}\nsetTimeout(kbSlideshow, 1); \/\/ short delay so CSS transforms work on 1st img\n<\/script>\n<!--<![endif]-->    <\/div>\n<\/div>\n<!-- \/module plain text -->                    <\/div>\n                            <\/div>\n            \t    <\/div>\n\t    <!-- \/row_inner -->\n\t<\/div>\n\t<!-- \/module_row -->\n\t\t\t\t<!-- module_row -->\n\t<div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_e7b8209 tf_w tf_clearfix\">\n\t    \t\t\t<div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n\t\t            <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_hk43933 first\">\n                                                        <div class=\"tb-column-inner tf_box tf_w\">\n                        <!-- module gallery -->\n<div  class=\"module gallery module-gallery tb_mc00093 layout-grid  \" data-lazy=\"1\">\n    <div class=\"module-gallery-grid gallery-columns-1 tf_clear\">\n\t\t\t<dl class=\"gallery-item\">\n\t\t\t<dt class=\"gallery-icon\">\n\t\t\t<a data-title=\"\" title=\"\" href=\"https:\/\/monsite.woopic.com\/383\/p\/music39\/img\/ab22bf93132be8a8563b4a5743d62427.jpg\" data-rel=\"tb_mc00093\" class=\"themify_lightbox\"><img src=\"https:\/\/monsite.woopic.com\/383\/p\/music39\/img\/ab22bf93132be8a8563b4a5743d62427.jpg\" width=\"800\" height=\"600\" class=\"wp-post-image wp-image-285563\" title=\"ab22bf93132be8a8563b4a5743d62427.jpg\" alt=\"ab22bf93132be8a8563b4a5743d62427.jpg\"><\/a>\t\t\t<\/dt>\n\t\t\t<dd>\n\t\t\t\t\t\t\t\t\t\t\t<\/dd>\n\t\t<\/dl>\n\t\t\t<dl class=\"gallery-item\">\n\t\t\t<dt class=\"gallery-icon\">\n\t\t\t<a data-title=\"\" title=\"\" href=\"https:\/\/monsite.woopic.com\/383\/p\/music39\/img\/7b0f0123fd1a5ac0c92f8de05a099b94.jpg\" data-rel=\"tb_mc00093\" class=\"themify_lightbox\"><img src=\"https:\/\/monsite.woopic.com\/383\/p\/music39\/img\/7b0f0123fd1a5ac0c92f8de05a099b94.jpg\" width=\"800\" height=\"500\" class=\"wp-post-image wp-image-285562\" title=\"7b0f0123fd1a5ac0c92f8de05a099b94.jpg\" alt=\"7b0f0123fd1a5ac0c92f8de05a099b94.jpg\"><\/a>\t\t\t<\/dt>\n\t\t\t<dd>\n\t\t\t\t\t\t\t\t\t\t\t<\/dd>\n\t\t<\/dl>\n\t\t\t<dl class=\"gallery-item\">\n\t\t\t<dt class=\"gallery-icon\">\n\t\t\t<a data-title=\"\" title=\"\" href=\"https:\/\/monsite.woopic.com\/383\/p\/music39\/img\/f7ba2f48bbe28d4f4578a1a713c98bc9.jpg\" data-rel=\"tb_mc00093\" class=\"themify_lightbox\"><img src=\"https:\/\/monsite.woopic.com\/383\/p\/music39\/img\/f7ba2f48bbe28d4f4578a1a713c98bc9.jpg\" width=\"800\" height=\"500\" class=\"wp-post-image wp-image-285561\" title=\"f7ba2f48bbe28d4f4578a1a713c98bc9.jpg\" alt=\"f7ba2f48bbe28d4f4578a1a713c98bc9.jpg\"><\/a>\t\t\t<\/dt>\n\t\t\t<dd>\n\t\t\t\t\t\t\t\t\t\t\t<\/dd>\n\t\t<\/dl>\n\t\t\t<dl class=\"gallery-item\">\n\t\t\t<dt class=\"gallery-icon\">\n\t\t\t<a data-title=\"\" title=\"\" href=\"https:\/\/monsite.woopic.com\/383\/p\/music39\/img\/412e0ff50e65a11f5b6fd58edeb843d7.jpg\" data-rel=\"tb_mc00093\" class=\"themify_lightbox\"><img src=\"https:\/\/monsite.woopic.com\/383\/p\/music39\/img\/412e0ff50e65a11f5b6fd58edeb843d7.jpg\" width=\"800\" height=\"600\" class=\"wp-post-image wp-image-285560\" title=\"412e0ff50e65a11f5b6fd58edeb843d7.jpg\" alt=\"412e0ff50e65a11f5b6fd58edeb843d7.jpg\"><\/a>\t\t\t<\/dt>\n\t\t\t<dd>\n\t\t\t\t\t\t\t\t\t\t\t<\/dd>\n\t\t<\/dl>\n\t\t\t<dl class=\"gallery-item\">\n\t\t\t<dt class=\"gallery-icon\">\n\t\t\t<a data-title=\"\" title=\"\" href=\"https:\/\/monsite.woopic.com\/383\/p\/music39\/img\/1373eec5f59bfa65c90c42861576b452.jpg\" data-rel=\"tb_mc00093\" class=\"themify_lightbox\"><img src=\"https:\/\/monsite.woopic.com\/383\/p\/music39\/img\/1373eec5f59bfa65c90c42861576b452.jpg\" width=\"800\" height=\"449\" class=\"wp-post-image wp-image-285559\" title=\"1373eec5f59bfa65c90c42861576b452.jpg\" alt=\"1373eec5f59bfa65c90c42861576b452.jpg\"><\/a>\t\t\t<\/dt>\n\t\t\t<dd>\n\t\t\t\t\t\t\t\t\t\t\t<\/dd>\n\t\t<\/dl>\n\t<\/div>\n<\/div>\n<!-- \/module gallery -->                    <\/div>\n                            <\/div>\n            \t    <\/div>\n\t    <!-- \/row_inner -->\n\t<\/div>\n\t<!-- \/module_row -->\n\t<\/div>\n<!--\/themify_builder_content-->\n\n<style>.kb-row-layout-id_a51492-40 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id_a51492-40 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id_a51492-40 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id_a51492-40 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id_a51492-40 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id_a51492-40 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id_a51492-40 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column_a46256-2d > .kt-inside-inner-col,.kadence-column_a46256-2d > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_a46256-2d > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_a46256-2d{position:relative;}<\/style>\n<div class=\"wp-block-kadence-column kadence-column_a46256-2d inner-column-1\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Baume-les-Messieurs Abbaye Imperale Le village de Baume Visites Guidees Cascades Grottes<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"builder_content":"Baume-les-Messieurs \n Abbaye Imperale\n Le village de Baume\n Visites Guidees\n Cascades Grottes\n[gallery ids=\"285563,285562,285561,285560,285559\"]","_links":{"self":[{"href":"https:\/\/www.matt27.co.uk\/news\/wp-json\/wp\/v2\/pages\/288259"}],"collection":[{"href":"https:\/\/www.matt27.co.uk\/news\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.matt27.co.uk\/news\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.matt27.co.uk\/news\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.matt27.co.uk\/news\/wp-json\/wp\/v2\/comments?post=288259"}],"version-history":[{"count":46,"href":"https:\/\/www.matt27.co.uk\/news\/wp-json\/wp\/v2\/pages\/288259\/revisions"}],"predecessor-version":[{"id":288499,"href":"https:\/\/www.matt27.co.uk\/news\/wp-json\/wp\/v2\/pages\/288259\/revisions\/288499"}],"wp:attachment":[{"href":"https:\/\/www.matt27.co.uk\/news\/wp-json\/wp\/v2\/media?parent=288259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}