{"id":251,"date":"2017-03-09T19:29:16","date_gmt":"2017-03-09T17:29:16","guid":{"rendered":"https:\/\/goatsunlimited.co.za\/home\/?page_id=251"},"modified":"2017-03-22T13:54:21","modified_gmt":"2017-03-22T11:54:21","slug":"gallery","status":"publish","type":"page","link":"https:\/\/goatsunlimited.co.za\/home\/gallery\/","title":{"rendered":"Gallery"},"content":{"rendered":"\t<!-- CSS Part Start From Here-->\r\n\t<style>\r\n\t\t\r\n\t\t.portfolio-wraper {\r\n\t\t\t\t\t\tmargin-bottom:20px;\r\n\t\t}\r\n\t\t.pfg-bootstrap .img-fluid {\r\n\t\t  max-width: 100%;\r\n\t\t  height: auto;\r\n\t\t}\r\n\r\n\t\t.pfg-bootstrap .img-thumbnail {\r\n\t\t  padding: 0.25rem;\r\n\t\t  background-color: #fff;\r\n\r\n\t\t  \t\t  border: 1px solid #dee2e6;\r\n\t\t  border-radius: 0.25rem;\r\n\t\t  \t\t  max-width: 100%;\r\n\t\t  height: auto;\r\n\t\t}\r\n\t\t.pfg-bootstrap .img-circle {\r\n\t\t  border-radius: 50%;\r\n\t\t}\r\n\t\t.pfg-bootstrap img {\r\n\t\t -moz-transition: all .2s ease-in-out;\r\n\t\t  -webkit-transition: all .2s ease-in-out;\r\n\t\t  -ms-transition: all .2s ease-in-out;\r\n\t\t  -o-transition: all .2s ease-in-out;\r\n\t\t  transition: all .2s ease-in-out;\r\n\t\t}\r\n\t\t.pfg-bootstrap .thumbnail {\r\n\t\t  display: block;\r\n\t\t  padding: 4px;\r\n\t\t  \/*margin-bottom: 20px;*\/\r\n\t\t  line-height: 1.42857143;\r\n\t\t  background-color: #fff;\r\n\t\t  border: 1px solid #ddd;\r\n\t\t  border-radius: 4px;\r\n\t\t  -webkit-transition: border .2s ease-in-out;\r\n\t\t\t   -o-transition: border .2s ease-in-out;\r\n\t\t\t\t  transition: border .2s ease-in-out;\r\n\t\t}\r\n\t\t.pfg-bootstrap .thumbnail > img,\r\n\t\t.pfg-bootstrap .thumbnail a > img {\r\n\t\t  margin-right: auto;\r\n\t\t  margin-left: auto;\r\n\t\t}\r\n\t\t.pfg-bootstrap a.thumbnail:hover,\r\n\t\t.pfg-bootstrap a.thumbnail:focus,\r\n\t\t.pfg-bootstrap a.thumbnail.active {\r\n\t\t  border-color: #337ab7;\r\n\t\t}\r\n\t\t.pfg-bootstrap .thumbnail .caption {\r\n\t\t  padding: 9px;\r\n\t\t  color: #333;\r\n\t\t}\r\n\r\n\t\tfigure {\r\n\t\t  margin: 0;\r\n\t\t}\r\n\t\timg {\r\n\t\t  vertical-align: middle;\r\n\t\t}\r\n\t\t.pfg-bootstrap .img-responsive,\r\n\t\t.pfg-bootstrap .thumbnail > img,\r\n\t\t.pfg-bootstrap .thumbnail a > img,\r\n\t\t.pfg-bootstrap .carousel-inner > .item > img,\r\n\t\t.pfg-bootstrap .carousel-inner > .item > a > img {\r\n\t\t  display: block;\r\n\t\t  max-width: 100%;\r\n\t\t  height: auto;\r\n\t\t}\r\n\t\t.pfg-bootstrap .img-rounded {\r\n\t\t  border-radius: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t\t\tli#all {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t\t\r\n\t\t.simplefilter li {\r\n\t\t\tmargin-top: 5px;\r\n\t\t}\r\n\t\t\r\n\t\t.filtr-search {\r\n\t\t\tmargin-top:10px !important;\r\n\t\t\twidth:200px !important;\r\n\t\t\tmargin-bottom: 20px;\r\n\t\t}\r\n\t\t#all-simplefilter {\r\n\t\t\tdisplay:inline;\r\n\t\t\tpadding-left: 0px !important;\r\n\t\t}\r\n\t\t#f-simplefilter-290 {\r\n\t\t\tdisplay:inline;\r\n\t\t\tpadding-left: 0px !important;\r\n\t\t}\r\n\t\tbutton:hover {\r\n\t\t\tbackground-color: unset !important;\r\n\t\t}\r\n\t\t\r\n\t\t\t\t\r\n\t\t@keyframes .YouTubePopUp-Content  {\r\n\t\t\tfrom {\r\n\t\t\t\ttransform: translate3d(0, 100%, 0);\r\n\t\t\t\tvisibility: visible;\r\n\t\t\t}\r\n\r\n\t\t\tto {\r\n\t\t\t\ttransform: translate3d(0, 0, 0);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.YouTubePopUp-Content  {\r\n\t\t\tanimation-name: .YouTubePopUp-Content ;\r\n\t\t}\r\n\r\n\t\t.YouTubePopUp-Close { \r\n\t\t\tbackground:url(https:\/\/goatsunlimited.co.za\/home\/wp-content\/plugins\/portfolio-filter-gallery\/\/img\/close-icon-white.png) no-repeat;\r\n\t\t\tbackground-size:50px 50px;\r\n\t\t\t-webkit-background-size:70px 50px;\r\n\t\t\t-moz-background-size:70px 50px;\r\n\t\t\t-o-background-size:70px 50px;\r\n\t\t}\r\n\t\tul.simplefilter {\r\n\t\t\tmargin-left: 0 !important;\r\n\t\t}\r\n\t\t.pfg_img_290 {\r\n\t\t\twidth: 100% !important;\r\n\t\t\theight: 100% !important;\r\n\t\t}\r\n\t\t.filter_gallery_290 > a {\r\n\t\t\tposition: initial !important;\r\n\t\t}\r\n\t\t.thumbnail_290 {\r\n\t\t\twidth:100% !important;\r\n\t\t\theight:auto;\r\n\t\t\tmargin-bottom: 0px !important;\r\n\t\t\t\r\n\t\t}\r\n\t\t.filtr-item {\r\n\t\t\tpadding-right:7px !important;\r\n\t\t\tpadding-left:7px !important;\r\n\t\t\tpadding-top:7px !important;\r\n\t\t\tpadding-bottom:7px !important;\r\n\t\t}\r\n\t\t.filtr-item img {\r\n\t\t\ttransition: all .2s !important\r\n\t\t}\r\n\t\t\t\t.filter_gallery_290 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {\r\n\t\t\tpadding-right: 0px !important;\r\n\t\t\tpadding-left: 0px !important;\r\n\t\t\t\t\r\n\t\t}\r\n\t\t.thumbnail_290 {\r\n\t\t\tpadding: 0px !important;\r\n\t\t\tmargin-bottom: 0px !important;\r\n\t\t\tborder: 0px !important;\r\n\t\t\tborder-radius: 0px !important;\r\n\t\t}\r\n\t\t.filtr_item_290 {\r\n\t\t\tpadding: 0rem !important;\t\t\t\r\n\t\t}\r\n\t\t.item_desc_290 {\r\n\t\t\tbottom: 12px  !important;\r\n\t\t\tleft: 0rem !important;\r\n\t\t\tright: 0rem !important;\r\n\t\t}\r\n\t\t.item_position_290 {\r\n\t\t\tleft: 2rem !important;\r\n\t\t\ttop: 2rem !important;\r\n\t\t}\r\n\t\t\t\t\t\t.simplefilter_290 li {\r\n\t\t\tbackground-color: #ccc;\r\n\t\t\tcolor: #fff;\r\n\t\t}\r\n\t\t\r\n\t\t.simplefilter_290 li:hover {\r\n\t\t\tbackground-color: red !important;\r\n\t\t}\r\n\t\t\r\n\t\t.simplefilter_290 li.active {\r\n\t\t\tbackground-color: red !important;\r\n\t\t}\r\n\t\t\r\n\t\t\t<\/style>\r\n\t\t<div class=\"portfolio-wraper pfg-bootstrap\" version=\"1.7.5\">\r\n\t\t\t\t\t<div class=\"col-lg-12 col-md-12 col-xs-12 text-center\">\r\n\t\t\t\t<ul id=\"all-simplefilter\" class=\"filtr-control-290 simplefilter simplefilter_290\">\r\n\t\t\t\t\t<li id=\"all\" class=\"active filtr-controls-290\" data-filter=\"all\">All<\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t\t<ul id=\"f-simplefilter-290\" class=\"filtr-control-290 simplefilter simplefilter_290\">\r\n\t\t\t\t\t\t\t\t\t<\/ul>\r\n\r\n\t\t\t<\/div>\r\n\t\t\t\t<!-- Shuffle & Sort Controls -->\r\n\t\t\t\t\r\n\t\t<div class=\"row loading-wrapper text-center\">\r\n\t\t\t<img decoding=\"async\" src=\"https:\/\/goatsunlimited.co.za\/home\/wp-content\/plugins\/portfolio-filter-gallery\/\/img\/loading-icon.gif\" width=\"60\">\r\n\t\t<\/div>\r\n\t\t<div class=\"filter_gallery_290 row filtr-container filters-div\" style=\"opacity:0; display:none;\">\r\n\t\t\tSorry! No image gallery found :[PFG id=290]\t\t<\/div>\r\n\t<\/div>\r\n<script>\r\n\r\nsetTimeout(function () {\r\n\tjQuery(\".thumbnail_290\").each(function(){\r\n\t\t\/\/ console.log(jQuery(this).width() + \"x\" + jQuery(this).height())\r\n\t\tvar h = jQuery(this).height();\r\n\t\tvar w = jQuery(this).width();\r\n\t\tjQuery(this).height(h);\r\n\t\tjQuery(this).width(w);\r\n\t\tjQuery(this).resize();\r\n\t});\r\n}, 2500);\r\n\r\njQuery(document).ready(function (jQuery) {\r\n    jQuery('.filtr-item').addClass('animateonload');\r\n    jQuery('#filter_gallery_290').show();\r\n    jQuery('.loading-wrapper').hide();\r\n    jQuery(\".loader_img\").hide();\r\n    jQuery(\".lg_load_more\").show();\r\n    jQuery(\".filtr-container\").css(\"opacity\", 1);\r\n\r\n    \/\/ Define Filterizr Default Options\r\n    const options = {\r\n        animationDuration: 0.5,\r\n        callbacks: {\r\n            onFilteringStart: function() {\r\n                \/\/ Apply sorting shortly after filtering starts\r\n                setTimeout(function() {\r\n                                    }, 50);\r\n            },\r\n            onFilteringEnd: function() {\r\n                \/\/ Apply sorting shortly after filtering ends\r\n                setTimeout(function() {\r\n                                    }, 50);\r\n            },\r\n            onShufflingStart: function() { },\r\n            onShufflingEnd: function() { },\r\n            onSortingStart: function() { },\r\n            onSortingEnd: function() { }\r\n        },\r\n        controlsSelector: '.filtr-controls-290',\r\n        filter: 'all',\r\n        filterOutCss: {\r\n            top: '0px',\r\n            left: '0px',\r\n            opacity: 0.001,\r\n            transform: ''\r\n        },\r\n        filterInCss: {\r\n            top: '0px',\r\n            left: '0px',\r\n            opacity: 1,\r\n            transform: ''\r\n        },\r\n        layout: 'sameWidth',\r\n        selector: '.filtr-item',\r\n        setupControls: false\r\n    };\r\n\r\n    \/\/ Initialize Filterizr and ensure it is globally accessible\r\n    window.filterizd = jQuery('.filter_gallery_290').filterizr(options);\r\n\r\n    jQuery('.filter_gallery_290').imagesLoaded(function() {\r\n        \/\/ Reapply sorting after initial load\r\n        \r\n        \/\/ Resize handling\r\n        jQuery(window).resize(function() {\r\n            jQuery(\".thumbnail_290\").each(function() {\r\n                var h = jQuery(this).height();\r\n                var w = jQuery(this).width();\r\n                jQuery(this).height(h);\r\n                jQuery(this).width(w);\r\n            });\r\n\r\n            \/\/ Reapply sorting after resizing\r\n                    });\r\n    });\r\n\r\n\t\t\r\n\t\t\/\/bootstrap-lightbox-js\r\n\t\t\/\/ delegate calls to data-toggle=\"lightbox\"\r\n\t\tdocument.addEventListener('DOMContentLoaded', (event) => {\r\n            document.querySelectorAll('.my-lightbox-toggle').forEach((el) => {\r\n                el.addEventListener('click', (e) => {\r\n                    e.preventDefault();\r\n\r\n                    const options = {\r\n                        keyboard: true,\r\n                        size: 'fullscreen'\r\n                    };\r\n\r\n                    \/\/ Assuming Lightbox is a constructor from the included library\r\n                    \/\/ Check if the Lightbox class or function exists\r\n                    if (typeof Lightbox !== 'undefined') {\r\n                        const lightbox = new Lightbox(el, options);\r\n                        lightbox.show();\r\n                    } else {\r\n                        console.error('Lightbox library is not loaded.');\r\n                    }\r\n                });\r\n            });\r\n        });\r\n\t\t\t\tjQuery('.filtr-control-290 [data-filter]').click(function() {\r\n\t\t\t\/\/jQuery('.swiper-290').swipebox('swipebox-destroy');\r\n\t\t\tvar targetFilter = jQuery(this).data('filter');\r\n\t\t\tvar lighbox_class_name = \"pfg-lightbox-\" + targetFilter;\r\n\t\t\tjQuery('.pfg-lightbox-' + targetFilter ).attr('data-lightbox', lighbox_class_name); \/\/ add data filter for parent filters\r\n\t\t});\r\n\t\t\r\n\t\t\r\n\t\/\/ video player\r\n\tjQuery(function(){\r\n      jQuery(\"a.video-box-290\").YouTubePopUp( { autoplay: 0 } ); \/\/ Disable autoplay\r\n\t});\r\n\t\r\n});   \r\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full-notitle.php","meta":{"footnotes":""},"class_list":["post-251","page","type-page","status-publish","hentry","post"],"_links":{"self":[{"href":"https:\/\/goatsunlimited.co.za\/home\/wp-json\/wp\/v2\/pages\/251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goatsunlimited.co.za\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/goatsunlimited.co.za\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/goatsunlimited.co.za\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goatsunlimited.co.za\/home\/wp-json\/wp\/v2\/comments?post=251"}],"version-history":[{"count":2,"href":"https:\/\/goatsunlimited.co.za\/home\/wp-json\/wp\/v2\/pages\/251\/revisions"}],"predecessor-version":[{"id":291,"href":"https:\/\/goatsunlimited.co.za\/home\/wp-json\/wp\/v2\/pages\/251\/revisions\/291"}],"wp:attachment":[{"href":"https:\/\/goatsunlimited.co.za\/home\/wp-json\/wp\/v2\/media?parent=251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}