{"id":2189,"date":"2022-10-26T18:09:33","date_gmt":"2022-10-26T15:09:33","guid":{"rendered":"https:\/\/lab.bluecloudnet.com\/dev\/"},"modified":"2023-09-22T22:32:14","modified_gmt":"2023-09-22T19:32:14","slug":"dev","status":"publish","type":"page","link":"https:\/\/smelisbutchershop.com\/el\/dev\/","title":{"rendered":"Dev"},"content":{"rendered":"[html-hero-image-fp]\n\n\n<div class=\"html-after-slider-parent\">\n    <div id=\"html-after-slider\" class=\"html-after-slider\">\n        <div id=\"html-after-slider-text\" class=\"html-after-slider-text\">SCROLL DOWN<\/div>\n        <div id=\"html-after-slider-symbol\" class=\"html-after-slider-symbol\"><\/div>\n    <\/div>\n    \n<\/div>\n\t\t\n\n<style>\n\n\/*** Content: Shortcode HTML Based - After Slider Button ***\/\n\n\t.html-after-slider-parent {\n    position: relative;\n    width:200px;\n    margin: auto;\n    line-height: 1;\n}\n\n.html-after-slider {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 4vh;\/*Always use ch, pixels are bad on low heights, percentage does nothing*\/\n    z-index:100;\n\t  color:var(--alternate-color);\t\t\n\t\ttext-shadow: 2px 2px 8px #222;\n}\n\n.html-after-slider-parent:hover {\n  cursor:pointer;\n}\n\n@media only screen and (max-width:800px){\n\n    .html-after-slider {\n       bottom: 5px;\n \n}\n    \n    .html-after-slider-text {\n        display:none;\n    }\n\n}\n\n.html-after-slider-text {\n    font-size: 20px;\n    text-align:center;\n\n\t\n}\n\n.html-after-slider-symbol {\n    margin: auto;\n    text-align:center;\n    font-size: 20px;\n    transition: all 0.3s;\n\t\tanimation-name: arrow-down;\n\t\tanimation-duration: 5s;\n\t\tanimation-iteration-count: infinite;\n\n}\n\n\n@keyframes arrow-down {\n  0%   {transform:translateY(0px);}\n  90%  {transform:translateY(0px);}\n  95%  {transform:translateY(6px);}\n  100% {transform:translateY(0px);}\n}\n\n.html-after-slider-parent:hover {\n  cursor:pointer;\n}\n\n.html-after-slider-symbol::before {\n\tcontent: '\\f347';\n\tfont-family: dashicons;\n\tfont-size: 36px;\n\ttransition: all 0.3s;\n\n\t\n}\n\n.html-after-slider-parent:hover .html-after-slider-symbol {\n\tanimation-name: hovered-arrow-down;\n\tanimation-duration: 0.3s;\t\n\tanimation-iteration-count: 1;\n\tanimation-fill-mode: forwards;\n\t\n}\n\n@keyframes hovered-arrow-down {\n  0%   {transform:translateY(0px);}\n  100%  {transform:translateY(7px);}\n}\n\n\n<\/style>\n\t\n<script defer>\n\t(function($) {\n\t\n\t  $(document).ready(function() {\n      $(\".html-after-slider-parent\").click(function(){\n        $('html, body').animate({\n          scrollTop: $(\".html-after-slider-parent\").offset().top - 90\n        }, 800);\n\t\t\t });\n\t\t\n    });\n  \t\n  })( jQuery );\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n<\/script>\t\t\n\t\n\t\n\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t\t\t\t   \n\n[html-simple-slider-fp]\n[html-masonry-boxes-fp]\n\n<div id=\"grid-boxes-one-fp-container\" class=\"grid-boxes-one-fp-container\">\n\t\n\t<!-- Box 1 -->\n\t\t\n\t\t<div class=\"grid-boxes-one-fp-grid-box desktop-columns-list tablet-columns-list smartphone-columns-one border-bottom-arrow\" \n\t\t\t \t>\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"grid-boxes-one-fp-icon  \"><span class='fa-duotone fa-solid fa-stars'><\/span><\/div>\n\t\t\t\t\t\t\n\t\t\t\t<div class=\"grid-boxes-one-fp-text-section\">\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<h4 class=\"grid-boxes-one-fp-title   transparent-color-background\">\n\t\t\t\t\t\t\u03a0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"grid-boxes-one-fp-content\"><p>\u0393\u03b9\u03b1 \u03b5\u03bc\u03ac\u03c2, \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c3\u03b7\u03bc\u03b1\u03af\u03bd\u03b5\u03b9 \u03bd\u03b1 \u03c0\u03c1\u03bf\u03bc\u03b7\u03b8\u03b5\u03c5\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03c4\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b5\u03c2 \u03c0\u03c1\u03ce\u03c4\u03b5\u03c2 \u03cd\u03bb\u03b5\u03c2, \u03bd\u03b1 \u03c4\u03b7\u03c1\u03bf\u03cd\u03bc\u03b5 \u03c4\u03b9\u03c2 \u03b1\u03c5\u03c3\u03c4\u03b7\u03c1\u03cc\u03c4\u03b5\u03c1\u03b5\u03c2 \u03c0\u03c1\u03bf\u03b4\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ad\u03c2 \u03c0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03ae\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03c6\u03c1\u03ad\u03c3\u03ba\u03b1, \u03b3\u03b5\u03c5\u03c3\u03c4\u03b9\u03ba\u03ac \u03ba\u03c1\u03ad\u03b1\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03c0\u03b9\u03ac\u03c4\u03b1 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03af\u03b4\u03b9\u03b1 \u03b1\u03c1\u03b9\u03c3\u03c4\u03b5\u03af\u03b1.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t<\/div>\n\n\t\t\n\t\n\t\t<!-- Box 2 -->\n\t\t\n\t\t<div class=\"grid-boxes-one-fp-grid-box desktop-columns-list tablet-columns-list smartphone-columns-one border-bottom-arrow\" \n\t\t\t \t>\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"grid-boxes-one-fp-icon  \"><span class='fa-duotone fa-solid fa-fire'><\/span><\/div>\n\t\t\t\t\t\t\n\t\t\t\t<div class=\"grid-boxes-one-fp-text-section\">\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<h4 class=\"grid-boxes-one-fp-title   transparent-color-background\">\n\t\t\t\t\t\t\u0393\u03b5\u03cd\u03c3\u03b7\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"grid-boxes-one-fp-content\"><p>\u0393\u03b9\u03b1 \u03b5\u03bc\u03ac\u03c2, \u03b3\u03b5\u03cd\u03c3\u03b7 \u03c3\u03b7\u03bc\u03b1\u03af\u03bd\u03b5\u03b9 \u03bd\u03b1 \u03be\u03b5\u03c0\u03b5\u03c1\u03bd\u03ac\u03bc\u03b5 \u03c4\u03b9\u03c2 \u03b4\u03b9\u03ba\u03ad\u03c2 \u03bc\u03b1\u03c2 \u03c0\u03c1\u03bf\u03c4\u03b9\u03bc\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03c1\u03bf\u03c3\u03b4\u03bf\u03ba\u03af\u03b5\u03c2, \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03c0\u03bf\u03c5 \u03b8\u03b1 \u03c3\u03b5\u03c1\u03b2\u03af\u03c1\u03b1\u03bc\u03b5 \u03bc\u03b5 \u03c0\u03b5\u03c1\u03b7\u03c6\u03ac\u03bd\u03b9\u03b1 \u03c3\u03c4\u03bf \u03b4\u03b9\u03ba\u03cc \u03bc\u03b1\u03c2 \u03c4\u03c1\u03b1\u03c0\u03ad\u03b6\u03b9 \u03ba\u03ac\u03b8\u03b5 \u03bc\u03ad\u03c1\u03b1.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t<\/div>\n\n\t\t\n\t\n\t\t<!-- Box 3 -->\n\t\t\n\t\t<div class=\"grid-boxes-one-fp-grid-box desktop-columns-list tablet-columns-list smartphone-columns-one border-bottom-arrow\" \n\t\t\t \t>\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"grid-boxes-one-fp-icon  \"><span class='fa-duotone fa-solid fa-mistletoe'><\/span><\/div>\n\t\t\t\t\t\t\n\t\t\t\t<div class=\"grid-boxes-one-fp-text-section\">\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<h4 class=\"grid-boxes-one-fp-title   transparent-color-background\">\n\t\t\t\t\t\t\u03a0\u03b1\u03c1\u03ac\u03b4\u03bf\u03c3\u03b7\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"grid-boxes-one-fp-content\"><p>\u0393\u03b9\u03b1 \u03b5\u03bc\u03ac\u03c2, \u03c0\u03b1\u03c1\u03ac\u03b4\u03bf\u03c3\u03b7 \u03c3\u03b7\u03bc\u03b1\u03af\u03bd\u03b5\u03b9 \u03bd\u03b1 \u03b5\u03be\u03b5\u03bb\u03b9\u03c3\u03c3\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b5\u03ba\u03c3\u03c5\u03b3\u03c7\u03c1\u03bf\u03bd\u03b9\u03b6\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03c0\u03b1\u03c1\u03b1\u03bc\u03ad\u03bd\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c0\u03b9\u03c3\u03c4\u03bf\u03af \u03c3\u03c4\u03b9\u03c2 \u03b2\u03b1\u03c3\u03b9\u03ba\u03ad\u03c2 \u03bc\u03b1\u03c2 \u03b1\u03c1\u03c7\u03ad\u03c2. \u03a3\u03b7\u03bc\u03b1\u03af\u03bd\u03b5\u03b9 \u03bd\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03c5\u03c8\u03b7\u03bb\u03ae\u03c2 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2 \u03bc\u03b5 \u03c6\u03b9\u03bb\u03b9\u03ba\u03ae \u03b5\u03be\u03c5\u03c0\u03b7\u03c1\u03ad\u03c4\u03b7\u03c3\u03b7, \u03b1\u03c6\u03bf\u03c3\u03af\u03c9\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03bc\u03b5\u03c1\u03ac\u03ba\u03b9.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t<\/div>\n\n\t\t\n\t\n\t\t<!-- Box 4 -->\n\t\t\n\t\n\t\t<!-- Box 5 -->\n\t\t\n\t\n\t\t<!-- Box 6 -->\n\t\t\n\t\n\t\t<!-- Box 7 -->\n\t\t\n\t\n\t\t<!-- Box 8 -->\n\t\t\n\t\n\t\t<!-- Box 9 -->\n\t\t\n\t\n\t\t<!-- Box 10 -->\n\t\t\n\t\n\t\t<!-- Box 11 -->\n\t\t\n\t\n\t\t<!-- Box 12 -->\n\t\t\n\t\n\t\n<\/div>\n\n\n<style>\n\t\n\/*** Content: Shortcode HTML Based - Grid Boxes One - Full Plugin ***\/\n\t\n.grid-boxes-one-fp-container\t{\n\t\tdisplay:flex;\n\t\tflex-direction: row;\n\t\tflex-wrap:wrap;\n\t\tjustify-content:space-evenly;\n\t\twidth: 100%;\n\t\tmax-width:;\n\t\tmargin:40px auto 0px;\n}\n\t\n\t\n.grid-boxes-one-fp-grid-box {\t\n\tposition:relative;\n\toverflow:hidden;\n\tmin-height:150px;\t\n\tmargin:0 1%;\t\n\tpadding:5px;\n\tbackground:var(--section-background-color);\n}\n\t\n.dark-mode-on .grid-boxes-one-fp-grid-box {\t\t\n\tbackground:var(--dark-section-background-color);\n}\t\n\t\n@media only screen and (min-width: 1281px) {\n\t.grid-boxes-one-fp-grid-box.desktop-columns-five {\t\n\t\twidth:calc(20% - 2%);\t\n\t}\t\n\t\n\t.grid-boxes-one-fp-grid-box.desktop-columns-four {\t\n\t\twidth:calc(25% - 2%);\t\n\t}\t\n\t\n\t.grid-boxes-one-fp-grid-box.desktop-columns-three {\t\n\t\twidth:calc(33.3% - 2%);\t\n\t}\t\n\t\n\t.grid-boxes-one-fp-grid-box.desktop-columns-two {\t\n\t\twidth:calc(50% - 2%);\t\n\t}\t\t\n\t\n\t.grid-boxes-one-fp-grid-box.desktop-columns-one {\t\n\t\twidth:calc(100% - 2%);\t\n\t}\t\t\n\t\n\t.grid-boxes-one-fp-grid-box.desktop-columns-list {\t\n\t\twidth:calc(100% - 2%);\t \n\t\tdisplay:flex;\t\t\n\t}\n\t\n\t.grid-boxes-one-fp-grid-box.desktop-columns-list .grid-boxes-one-fp-text-section {\t\n\t\twidth: calc(100% - 350px);\t\n\t\tflex-shrink: 0;\n\t}\n\n\n}\n\t\n@media only screen and (min-width: 801px) and (max-width: 1280px) {\t\n\t.grid-boxes-one-fp-grid-box.tablet-columns-three {\t\n\t\twidth:calc(33.3% - 2%);\t\n\t}\t\n\t\n\t.grid-boxes-one-fp-grid-box.tablet-columns-two {\t\n\t\twidth:calc(50% - 2%);\n\t}\t\t\n\t\n\t.grid-boxes-one-fp-grid-box.tablet-columns-one {\t\n\t\twidth:calc(100% - 2%);\t\n\t}\t\t\n\t\n\t.grid-boxes-one-fp-grid-box.tablet-columns-list {\t\n\t\twidth:calc(100% - 2%);\t\n\t\tdisplay:flex;\n\t}\t\n\t\n\t.grid-boxes-one-fp-grid-box.tablet-columns-list .grid-boxes-one-fp-text-section {\t\n\t\twidth: calc(100% - 350px);\t\n\t\tflex-shrink: 0;\n\t}\t\n\n}\t\n\t\n@media only screen and (max-width: 801px) {\n\t.grid-boxes-one-fp-grid-box.smartphone-columns-two {\t\n\t\twidth:calc(50% - 2%);\t\n\t}\t\t\t\n\t\n\t.grid-boxes-one-fp-grid-box.smartphone-columns-one {\t\n\t\twidth:calc(100% - 2%);\t\n\t}\t\n}\t\n\t\n\/* Border left *\/\t\n.grid-boxes-one-fp-grid-box.border-left {\n\tborder-left:5px solid var(--primary-color);\n}\n\t\n\/* End Border left *\/\t\t\n\/* Border top and bottom *\/\n.grid-boxes-one-fp-grid-box.border-top-bottom:before  {\n  border-width: 15px;\n\tcontent: '';\n\tdisplay: block;\n\tborder-bottom:3px solid;\n\tborder-bottom-color:var(--border-color);\n\tmargin:auto;\n\tposition: absolute;\n\twidth:90%;\n\ttop: 0%;\n\tleft:5%;\n}\n\n.dark-mode-on .grid-boxes-one-fp-grid-box.border-top-bottom:before  {\n\tborder-bottom-color:var(--dark-border-color);\n\n}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n.grid-boxes-one-fp-grid-box.border-top-bottom:after {\n  border-width: 15px;\n\tcontent: '';\n\tdisplay: block;\n\tborder-bottom:3px solid;\n\tborder-bottom-color:var(--border-color);\n\tmargin:auto;\n\tposition: absolute;\n\twidth:90%;\n\ttop: 100%;\n\tleft: 5%;\n}\n\n\n.dark-mode-on .grid-boxes-one-fp-grid-box.html-border-top-bottom:after {\n\tborder-bottom-color:var(--dark-border-color);\n\t\t\n}\t\n\t\n\/* End Border top and bottom *\/\n\/* Border Bottom with Arrow *\/\n\t\n.grid-boxes-one-fp-grid-box.border-bottom-arrow:before  {\n\ttop: 100%;\n\tleft: 50%;\n\tborder: solid transparent;\n\tcontent: \"\";\n\theight: 0;\n\twidth: 0;\n\tposition: absolute;\n\tborder-top-color:var(--border-color);\n\tborder-width: 15px;\n\tmargin-left: -15px;\n}\n\n.dark-mode-on .grid-boxes-one-fp-grid-box.border-bottom-arrow:before  {\n\tborder-top-color:var(--dark-border-color);\n}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n.grid-boxes-one-fp-grid-box.border-bottom-arrow:after {\n\tborder-width: 15px;\n\tcontent: '';\n\tdisplay: block;\n\tborder-bottom:3px solid var(--border-color);\n\tmargin:auto;\n\tposition: absolute;\n\twidth: 20%;\n\ttop: 100%;\n\tleft: 40%;\t\t\n}\n\t\n.dark-mode-on .grid-boxes-one-fp-grid-box.border-bottom-arrow:after {\n\tborder-bottom:3px solid var(--dark-border-color);\t\t\n}\t\n\t\n\/* End Border Bottom with Arrow *\/\n\t\n.linkable-box:hover {\n\tcursor:pointer;\n}\t\t\n\t\n.grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-grid-box {\n\tperspective: 1000px;\n\toverflow:visible;\n}\t\t\n\t\n.grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-grid-box .flipcard-inner  {\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n\ttransform: rotateY(0deg);\n\ttransition: transform 0.6s;\n\ttransform-style: preserve-3d; \n\tbox-shadow: var(--box-shadow-medium) var(--shadow-color);\n}\t\n\t\n.dark-mode-on .grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-grid-box .flipcard-inner  {\n\tbox-shadow: var(--box-shadow-medium) var(--dark-shadow-color);\n}\t\n\t\n.grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-grid-box:hover .flipcard-inner  {\n\t transform: rotateY(180deg);\n\t box-shadow: var(--box-shadow-medium) var(--hovered-shadow-color);\n}\n\t\n.dark-mode-on .grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-grid-box:hover .flipcard-inner  {\t\n\t box-shadow: var(--box-shadow-medium) var(--dark-hovered-shadow-color);\n}\t\t\n\t\n.grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-image-parent,\n.grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-text-section {  \n  width: 100%;\n  height: 100%;\n\tbackground: var(--section-background-color);\n\tborder: var(--border-width-style-small);\n\tborder-radius: var(--border-radius-medium);\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n}\n\n.grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-image-parent {\n  position: relative;\n}\n\n.grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-text-section {\n  position: absolute;  \n\ttop:0;\n}\n\t\n.dark-mode-on .grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-image-parent, .dark-mode-on  .grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-text-section {\n\tbackground: var(--dark-section-background-color);\n}\t\n\t\t\n.grid-boxes-one-fp-container.flipcard .grid-boxes-one-fp-text-section {\n\ttransform: rotateY(180deg);\n}\t\t\n\t\n.grid-boxes-one-fp-icon\t{\n\tdisplay: flex;\n\talign-items: center;\n  justify-content: center;\n\twidth: 74px;\n\theight: 74px;\t\n\tmargin: auto 0 auto 0;;\n\ttransition:all 0.3s;\n}\t\n\t\n.grid-boxes-one-fp-icon span,\n.grid-boxes-one-fp-icon i {\n\tdisplay: flex;\n\talign-items: center;\n  justify-content: center;\n\tcolor: var(--primary-color);\t\n\tfont-size: 60px;\n\ttransition:all 0.3s;\n}\n\t\n.dark-mode-on .grid-boxes-one-fp-icon span,\n.dark-mode-on .grid-boxes-one-fp-icon i {\n\tcolor: var(--dark-primary-color);\t\n}\t\n\t\n.grid-boxes-one-fp-icon.circular-border\t{\n\tborder: 1px solid;\n\tborder-color:car(--border-color);\n\tborder-radius:100%;\n}\n\t\n.dark-mode-on  .grid-boxes-one-fp-icon.circular-border\t{\n\tborder-color:car(--dark-border-color);\n}\t\n\t\n\t\n.grid-boxes-one-fp-icon.zoom-on-hover:hover span {\n\ttransform:scale(1.2);\n\ttransition:all 0.3s;\n}\n\t\n.grid-boxes-one-fp-container img {\n\tdisplay: block;\n\tmargin:auto;\n}\n\t\n.grid-boxes-one-fp-image-parent {\n\tposition:relative;\n\toverflow:hidden;\n}\n\t\t\n.grid-boxes-one-fp-image-overlay.darken\t{\t\n\tbackground: rgba(0,0,0,0.4);\n\tposition:absolute;\n\tz-index: 2;\n\twidth: 100%;\n\theight: 100%;\n\topacity: 0;\n\ttransition: all 0.4s ease 0s;\t\n}\n\t\n.grid-boxes-one-fp-image-parent:hover .grid-boxes-one-fp-image-overlay.darken\t{\n\topacity: 0.8;\n\ttransition: all 0.4s ease 0s;\t\n}\t\t\n\t\n.grid-boxes-one-fp-image-overlay.icon\t{\t\n\tbackground: var(--primary-color);\n\tposition:absolute;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  transition: all 0.3s ease-in-out;\n  -moz-transition: all 0.3s ease-in-out;\n  -webkit-transition: all 0.3s ease-in-out;\n  transform: rotateY(0deg) scale(0.3);\n  -ms-transform: rotateY(0deg) scale(0.3);\n  -webkit-transform: rotateY(0deg) scale(0.3);\n}\n\t\n.dark-mode-on .grid-boxes-one-fp-image-overlay.icon\t{\t\n\tbackground: var(--dark-primary-color);\n}\t\n\t\n.grid-boxes-one-fp-image-parent:hover .grid-boxes-one-fp-image-overlay.icon\t{\t\t\n\t\topacity: 0.8;\n\t\tfilter: alpha(opacity=80);\n\t\ttransform: rotateY(180deg) scale(1);\n\t\t-ms-transform: rotateY(180deg) scale(1);\n\t\t-webkit-transform: rotateY(180deg) scale(1);\n}\n\t\n.grid-boxes-one-fp-image-overlay.icon span\t{\n\tcolor: var(--alternate-color);\n  font-size: 40px;\n  left: 50%;\n  line-height: 40px;\n  margin: -20px 0 0 -20px;\n  opacity: 1;\n  position: absolute;\n  top: 50%;\n}\n\t\n.dark-mode-on .grid-boxes-one-fp-image-overlay.icon span\t{\n\tcolor: var(--dark-alternate-color); \n}\t\n\t\n.grid-boxes-one-fp-image-parent img {\n\ttransition: all 0.3s;\n}\t\n\t\n\t.grid-boxes-one-fp-image-parent.saturation-on-hover:hover img {\n\t\tfilter: saturate(0);\n\t\ttransition: all 0.3s;\n\t}\t\n\t\n\t.grid-boxes-one-fp-image-parent.zoom-on-hover:hover img {\n\t\t\ttransform: scale(1.04);\t\n\ttransition: all 0.3s;\n}\t\n\t\n\t\n\t.grid-boxes-one-fp-image-parent.intense-zoom-on-hover:hover img {\n\t\ttransform: scale(1.2);\t\n\t\ttransition: all 0.3s;\n\t}\t\t\t\n\t\n\t\n\t\nh4.grid-boxes-one-fp-title {\n\tposition:relative;\n\ttext-wrap: wrap;\n\tmargin: 10px 0;\n\tpadding: 0px 15px;\n\ttext-align: center;\n}\t\n\t\nh4.grid-boxes-one-fp-title.button-color-background {\n\tbackground: var(--primary-color);\n\tcolor: var(--alternate-color);\n}\t\n\t\n.dark-mode-on h4.grid-boxes-one-fp-title.button-color-background {\n\tbackground: var(--dark-primary-color);\n\tcolor: var(--dark-alternate-color);\n}\t\t\n\t\nh4.grid-boxes-one-fp-title.dark-color-background {\n\tbackground: rgba(0,0,0,0.5);\n\tcolor: var(--alternate-color);\n}\t\t\n\n.dark-mode-on  h4.grid-boxes-one-fp-title.dark-color-background {\n\tcolor: var(--dark-alternate-color);\n}\t\t\n\t\n.grid-boxes-one-fp-grid-box,\n.grid-boxes-one-fp-title.title-border\t{\n  border: var(--border-width-style-small);\n  border-radius: var(--border-radius-medium);\n}\n\t\n.flipcard\t.grid-boxes-one-fp-grid-box\t{\n  background:transparent;\n}\t\n\t\n.flipcard\t.grid-boxes-one-fp-grid-box,\n.flipcard .grid-boxes-one-fp-title.title-border\t{\n  border: none;  \n}\n\t\n.grid-boxes-one-fp-grid-box,\n.grid-boxes-one-fp-title.title-shadow\t{ \n  box-shadow: var(--box-shadow-medium) var(--shadow-color);\n  transition: all 0.3s;\n}\t\n\t\n.flipcard .grid-boxes-one-fp-grid-box,\n.flipcard .grid-boxes-one-fp-title.title-shadow\t{ \n  box-shadow: none;  \n}\t\t\n\t\n.dark-mode-on .grid-boxes-one-fp-grid-box,\n.dark-mode-on .grid-boxes-one-fp-title.title-shadow\t{ \n  box-shadow: var(--box-shadow-medium) var(--dark-shadow-color);\n}\t\n\t\n.dark-mode-on .flipcard .grid-boxes-one-fp-grid-box,\n.dark-mode-on .flipcard .grid-boxes-one-fp-title.title-shadow\t{ \n  box-shadow: none;\n}\t\t\n\t\n.grid-boxes-one-fp-grid-box:hover,\n.grid-boxes-one-fp-title.title-shadow:hover {\n  box-shadow: var(--box-shadow-medium) var(--hovered-shadow-color);\n  transition: all 0.3s;\n}\t\n\t\n.flipcard .grid-boxes-one-fp-grid-box:hover,\n.flipcard .grid-boxes-one-fp-title.title-shadow:hover {\n  box-shadow: none;\n}\t\n\t\n.dark-mode-on .grid-boxes-one-fp-grid-box:hover,\n.dark-mode-on .grid-boxes-one-fp-title.title-shadow:hover {\n  box-shadow: var(--box-shadow-medium) var(--dark-hovered-shadow-color);\n}\t\n\t\n.dark-mode-on .flipcard .grid-boxes-one-fp-grid-box:hover,\n.dark-mode-on .flipcard .grid-boxes-one-fp-title.title-shadow:hover {\n  box-shadow: none;\n}\t\t\n\t\n.grid-boxes-one-fp-content {\t\n\tmargin: 0;\n\tpadding: 0px 15px;\n\ttext-align: left;\n}\t\t\n\t\n.front-page-1 .grid-boxes-one-fp-container p,\n.front-page-2 .grid-boxes-one-fp-container p,\t\t\n.front-page-3 .grid-boxes-one-fp-container p,\t\t\n.front-page-4 .grid-boxes-one-fp-container p,\t\t\n.front-page-5 .grid-boxes-one-fp-container p,\t\t\n.front-page-6 .grid-boxes-one-fp-container p,\t\n.front-page-7 .grid-boxes-one-fp-container p {\t\t\n  color: var(--text-color);\t\n}\t\t\n\n\n.dark-mode-on .front-page-1 .grid-boxes-one-fp-container p,\n.dark-mode-on .front-page-2 .grid-boxes-one-fp-container p,\t\t\n.dark-mode-on .front-page-3 .grid-boxes-one-fp-container p,\t\t\n.dark-mode-on .front-page-4 .grid-boxes-one-fp-container p,\t\t\n.dark-mode-on .front-page-5 .grid-boxes-one-fp-container p,\t\t\n.dark-mode-on .front-page-6 .grid-boxes-one-fp-container p,\t\n.dark-mode-on .front-page-7 .grid-boxes-one-fp-container p {\t\t\n  color: var(--dark-text-color);\t\n}\t\t\n\n.grid-boxes-one-fp-button-parent {\n\ttext-align:center;\n}\n\t\n.grid-boxes-one-fp-button {\n\tdisplay:inline-block;\n\tborder: 0 !important;\n\ttext-transform:none;\n\tmargin: 0;\n}\t\n\t\n\t\n\/* Pagination *\/\t\n.grid-boxes-one-fp-pagination.archive-pagination.pagination\t{\n\tmargin: 40px auto 80px;\t\n}\n\t\n.grid-boxes-one-fp-pagination.archive-pagination.pagination a,\n.grid-boxes-one-fp-pagination.archive-pagination.pagination span {\t\n\tcursor: pointer;\n\tfont-size: 10px;\n\tpadding: 8px 12px;\n\ttext-decoration: none;\n\ttext-transform: uppercase;\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n\tborder: var(--border-width-style-small);\n\tbox-shadow: var(--box-shadow-vertical-small) var(--shadow-color);\n  transition: all 0.3s;\n}\n\t\n\n.dark-mode-on\t.grid-boxes-one-fp-pagination.archive-pagination.pagination a,\n.dark-mode-on .grid-boxes-one-fp-pagination.archive-pagination.pagination span {\t\n\tbox-shadow: var(--box-shadow-vertical-small) var(--dark-shadow-color);\n}\n\t\n.grid-boxes-one-fp-pagination.archive-pagination.pagination span {\n  background: var(--button-color) !important;\n  color: var(--link-alternate-hover-color) !important;\n}\t\n\t\n.dark-mode-on .grid-boxes-one-fp-pagination.archive-pagination.pagination span {\n  background: var(--dark-button-color) !important;\n  color: var(--dark-link-alternate-hover-color) !important;\n}\t\t\n\t\n\n\n<\/style>\n\n<script>\t\n(function($) {\n\n\t\/\/ If whole box is linkable make the pointer appear on hover\n\t\t\n\t\t\/\/ If the box is displayed as flipcard, reconstruct the divs: Move the title in the image container and create an inner div to host the image and text containers \n\t\t\t\n\t\n})( jQuery );\t\t\n<\/script>\n\n\n[html-four-boxes-with-central-background-one-fp]\n[html-two-boxes-in-a-row-one-fp]\n[html-box-on-background-one-fp]\n[html-overlapping-boxes-one-fp]\n[html-cards-no-borders-one-fp]\n[html-timeline-one-fp]\n[html-contact-stripe-section-one-fp]\n[html-map-contact-info-fp]\n[call-shortcode-container-via-ajax]\n[categories-display]\n<h2>Needs other plugins to work<\/h2>\n<div class=\"su-spacer\" style=\"height:60px\"><\/div>\n[html-home-page-sales-fp]\n[html-home-slider]\n[html-popup-builder-form-inline]\n[html-carousel]\n[html-gallery-buttons]\n[html-menu-on-page]\n","protected":false},"excerpt":{"rendered":"<p>[html-hero-image-fp] [html-simple-slider-fp] [html-masonry-boxes-fp] [html-four-boxes-with-central-background-one-fp] [html-two-boxes-in-a-row-one-fp] [html-box-on-background-one-fp] [html-overlapping-boxes-one-fp] [html-cards-no-borders-one-fp] [html-timeline-one-fp] [html-conta&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"sidebar-content","footnotes":""},"class_list":["post-2189","page","type-page","status-publish","entry"],"_links":{"self":[{"href":"https:\/\/smelisbutchershop.com\/el\/wp-json\/wp\/v2\/pages\/2189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smelisbutchershop.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smelisbutchershop.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smelisbutchershop.com\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smelisbutchershop.com\/el\/wp-json\/wp\/v2\/comments?post=2189"}],"version-history":[{"count":3,"href":"https:\/\/smelisbutchershop.com\/el\/wp-json\/wp\/v2\/pages\/2189\/revisions"}],"predecessor-version":[{"id":2517,"href":"https:\/\/smelisbutchershop.com\/el\/wp-json\/wp\/v2\/pages\/2189\/revisions\/2517"}],"wp:attachment":[{"href":"https:\/\/smelisbutchershop.com\/el\/wp-json\/wp\/v2\/media?parent=2189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}