{"id":474,"date":"2025-08-25T11:09:54","date_gmt":"2025-08-25T07:39:54","guid":{"rendered":"https:\/\/roozbehchocolate.com\/WPsite\/?page_id=474"},"modified":"2025-10-09T12:37:04","modified_gmt":"2025-10-09T09:07:04","slug":"gallery","status":"publish","type":"page","link":"https:\/\/roozbehchocolate.com\/?page_id=474","title":{"rendered":"Gallery"},"content":{"rendered":"<style>\n  *{margin: 0; padding: 0;}\nbody{background-color: #eff0f0}\n.container\n{\n  width: 100%;\n  height: 100%;\n}\n.trans\n{\n  transition: all 1s ease;\n  -moz-transition: all 1s ease;\n  -ms-transition: all 1s ease;\n  -o-transition: all 1s ease;\n  -webkit-transition: all 1s ease;\n}\n.top\n{\n  display: flex;\n  \/* width: 80vw; *\/\n  height: 120vh; \n  \/* margin-top: 10vh; *\/\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 10vh;\n  width: 90%;\n}\n.top ul\n{\n  list-style: none;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  box-sizing: border-box;\n  padding-top: 5%;\n}\n.top ul li\n{\n  position: relative;\n  float: left;\n  width: 25%;\n  height: 25%;\n  overflow: hidden;\n  padding-right: 1%;\n}<\/p>\n<p>.top ul li::before\n{\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #eff0f0;\n  content: '';\n  color: white;\n  opacity: 0.4;\n  text-align: center;\n  box-sizing: border-box;\n  pointer-events: none;\n  transition: all 0.5s ease;\n  -moz-transition: all 0.5s ease;\n  -ms-transition: all 0.5s ease;\n  -o-transition: all 0.5s ease;\n  -webkit-transition: all 0.5s ease;\n}\n.top ul li:hover::before\n{\n  opacity: 0;\n  background-color: rgba(0,0,0,0.90);\n}\n.top ul li img\n{\n  width: 100%;\n  height: auto;\n  overflow: hidden;\n}\n.lightbox\n{\n  position: fixed;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  top: 0;\n  left: 0;\n  background-color: rgba(0,0,0,0.75);\n  z-index: 999;\n  opacity: 0;\n  pointer-events: none;\n}\n.lightbox img\n{\n  max-width: 90%;\n  max-height: 80%;\n  position: relative;\n  top: -100%;\n  \/* Transition *\/\n  transition: all 1s ease;\n  -moz-transition: all 1s ease;\n  -ms-transition: all 1s ease;\n  -o-transition: all 1s ease;\n  -webkit-transition: all 1s ease;\n}\n.lightbox:target\n{\n  outline: none;\n  top: 0;\n  opacity: 1;\n  pointer-events: auto;\n  transition: all 1.2s ease;\n  -moz-transition: all 1.2s ease;\n  -ms-transition: all 1.2s ease;\n  -o-transition: all 1.2s ease;\n  -webkit-transition: all 1.2s ease;\n}\n.lightbox:target img\n{\n  top: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  -moz-transform: translateY(-50%);\n  -ms-transform: translateY(-50%);\n  -o-transform: translateY(-50%);\n  -webkit-transform: translateY(-50%);\n}<\/p>\n<p>div.container h1{\n    padding-top: 15%;\n    text-align: center;\n}\n@media only screen and (min-width: 300px) and (max-width: 399px) {\n    .top {\n    display: flex;\n    height: 35vh;\n    margin-left: auto;\n    margin-right: 5%;\n    margin-bottom: 10vh;\n    width: 99%;\n}\n    img#icflogo{\n        visibility: hidden;\n    }\n    div.container h1 {\n        padding-top: 35%;\n        text-align: center;\n        background-image: unset;\n        margin-bottom: -20%;\n        font-size: 20px;\n    }\n}\n@media only screen and (min-width: 400px) and (max-width: 499px){\n    .top{\n        height: 35vh;\n    }\n    div.container h1 {\n        padding-top: 30%;\n        text-align: center;\n        background-image: unset;\n        margin-bottom: -10%;\n        font-size: 24px;\n    }\n    img#icflogo{\n        visibility: hidden;\n    }\n    div.top ul{\n        padding-left: 0;\n        height: 38vh;\n    }\n}<\/p>\n<p>@media only screen and (min-width: 1200px) and (max-width: 1299px) {\n    div.container h1 {\n    padding-top: 15%;\n    text-align: center;\n    background-image: url(\/assets\/images\/bg\/Asset1.png);\n    background-repeat: no-repeat;\n    background-size: 73%;\n    background-position-y: 90%;\n    background-position-x: center;\n    font-size: xx-large;\n}\n        ul.footeraddress li p {\n        font-size: small;\n        margin-left: -10%;\n        margin-right: 14%;\n    }\n    .top {\n        height: 43vh;\n        width: 60vh;\n        scale:90%\n    }\n            #logofooter {\n        scale: 0.5;\n        margin-right: 65%;\n        margin-top: -30%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: 17%;\n        scale: 0.6;\n        margin-top: 10%;\n    }<\/p>\n<p>}\n@media only screen and (min-width: 1300px) and (max-width: 1399px) {\n    div.container h1 {\n    padding-top: 15%;\n    text-align: center;\n    font-size: xx-large;\n}\n        ul.footeraddress li p {\n        font-size: small;\n        margin-left: -10%;\n        margin-right: 14%;\n    }\n    .top {\n        height: 40vh;\n        width: 56vh;\n    }\n            #logofooter {\n        scale: 0.5;\n        margin-right: 65%;\n        margin-top: -30%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: 12%;\n        scale: 0.6;\nmargin-top: 10%;\n    }<\/p>\n<p>}\n@media only screen and (min-width: 1400px) and (max-width: 1499px) {\n    div.container h1 {\n    padding-top: 15%;\n    text-align: center;\n    font-size: xx-large;\n}\n        ul.footeraddress li p {\n        font-size: small;\n        margin-left: -10%;\n        margin-right: 14%;\n    }\n    .top {\n        height: 38vh;\n        width: 54vh;\n        margin-right: 17%;\n    }\n            #logofooter {\n        scale: 0.5;\n        margin-right: 65%;\n        margin-top: -30%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: 17%;\nmargin-top: 10%;\n    }<\/p>\n<p>}\n@media only screen and (min-width: 1500px) and (max-width: 1599px) {\n    div.container h1 {\n    padding-top: 15%;\n    text-align: center;\n    font-size: xx-large;\n}\n        ul.footeraddress li p {\n        font-size: small;\n        margin-left: -10%;\n        margin-right: 14%;\n    }\n    .top {\n        height: 40vh;\n        width: 56vh;\n        margin-right: 17%;\n    }\n            #logofooter {\n        scale: 0.5;\n        margin-right: 65%;\n        margin-top: -30%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: 17%;\nmargin-top: 10%;\n    }<\/p>\n<p>}\n@media only screen and (min-width: 1600px) and (max-width: 1699px) {\n        ul.footeraddress li p {\n        font-size: larger;\n        margin-left: -10%;\n        margin-right: 14%;\n    }\n    .top {\n        height: 39vh;\n        width: 54vh;\n        margin-right: 19%;\n    }\n            #logofooter {\n        scale: 0.5;\n        margin-right: 65%;\n        margin-top: -30%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: 17%;\nmargin-top: 10%;\n    }<\/p>\n<p>}\n@media only screen and (min-width: 1700px) and (max-width: 1799px) {\n        ul.footeraddress li p {\n        font-size: larger;\n        margin-left: -10%;\n        margin-right: 14%;\n    }\n    .top {\n        height: 53vh;\n        width: 74vh;\n        margin-right: 7%;\n    }\n            #logofooter {\n        scale: 0.5;\n        margin-right: 35%;\n        margin-top: -30%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: 6%;\nmargin-top: 10%;\n    }<\/p>\n<p>}\n@media only screen and (min-width: 1800px) and (max-width: 1899px) {\n    .top {\n        height: 50vh;\n        width: 69vh;\n        margin-right: 7%;\n    }\n        #logofooter {\n        scale: 0.5;\n        margin-right: 35%;\n        margin-top: -30%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: 3%;\nmargin-top: 10%;\n    }<\/p>\n<p>}\n@media only screen and (min-width: 1900px) and (max-width: 1999px) {\n    .top {\n        height: 80vh;\n    }\n        #logofooter {\n        scale: 0.5;\n        margin-right: 26%;\n        margin-top: -30%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: 3%;\nmargin-top: 10%;\n    }<\/p>\n<p>}\n@media only screen and (min-width: 2000px) and (max-width: 2099px) {\n    .top {\n        height: 53vh;<\/p>\n<p>    }\n        #logofooter {\n        scale: 0.5;\n        margin-right: 26%;\n        margin-top: -30%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: 3%;\nmargin-top: 10%;\n    }<\/p>\n<p>}\n@media only screen and (min-width: 2100px) and (max-width: 2199px) {\n    .top {\n        height: 56vh;\n        width: 78vh;\n        margin-right: 1%;\n    }\n        #logofooter {\n        scale: 0.5;\n        margin-right: 20%;\n        margin-top: -30%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: 0%;\nmargin-top: 10%;\n    }<\/p>\n<p>}\n@media only screen and (min-width: 2200px) and (max-width: 2299px) {\n    .top {\n        height: 58vh;\n        width: 80vh;\n        margin-right: 0%;\n    }\n        #logofooter {\n        scale: 0.5;\n        margin-right: 17%;\n        margin-top: -30%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: 0%;\nmargin-top: 10%;\n    }<\/p>\n<p>}\n@media only screen and (min-width: 2300px) and (max-width: 2399px) {\n    .top {\n        height: 63vh;\n        width: 87vh;\n        margin-right: -5%;\n    }\n        #logofooter {\n        scale: 0.5;\n        margin-right: 10%;\n        margin-top: -30%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: -5%;\nmargin-top: 10%;\n    }<\/p>\n<p>}\n@media only screen and (min-width: 2400px) and (max-width: 2499px) {\n    .top {\n        height: 62vh;\n        width: 87vh;\n        margin-right: -5%;\n    }\n        #logofooter {\n        scale: 0.5;\n        margin-right: 10%;\n        margin-top: -30%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: -5%;\nmargin-top: 10%;\n    }<\/p>\n<p>}\n@media only screen and (min-width: 2500px) and (max-width: 2599px) {\n    .top {\n        height: 55vh;\n        scale: 120%;\n    }\n        #logofooter {\n        scale: 0.5;\n        margin-right: 10%;\n        margin-top: -30%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: -5%;\nmargin-top: 10%;\n    }<\/p>\n<p>}\n@media only screen and (min-width: 2600px) and (max-width: 2699px) {\n    .top {\n        height: 63vh;\n        width: 87vh;\n        margin-right: -5%;\n    }\n        #logofooter {\n        scale: 0.5;\n        margin-right: 10%;\n        margin-top: -30%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: -5%;\nmargin-top: 10%;\n    }<\/p>\n<p>}\n@media only screen and (min-width: 2700px) and (max-width: 2799px) {\n    .top {\n        height: 62vh;\n        width: 87vh;\n        margin-right: -5%;\n    }\n        #logofooter {\n        scale: 0.5;\n        margin-right: 10%;\n        margin-top: -30%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: -5%;\nmargin-top: 10%;\n    }<\/p>\n<p>}\n@media only screen and (min-width: 2800px) and (max-width: 2899px) {\n         .top {\n        height: 63vh;\n        width: 107%;\n        margin-right: -4%;\n    }\n        #logofooter {\n        scale: 0.5;\n        margin-right: 10%;\n        margin-top: -30%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: -5%;\nmargin-top: 10%;\n    }<\/p>\n<p>}\n@media only screen and (min-width: 2900px) and (max-width: 2999px) {\n         .top {\n        height: 70vh;\n        width: 108%;\n        margin-right: -5%;\n    }\n        #logofooter {\n        scale: 0.5;\n        margin-right: 10%;\n        margin-top: -30%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: -5%;\nmargin-top: 10%;\n    }<\/p>\n<p>}\n@media only screen and (min-width: 3000px) and (max-width: 3099px) {\n         .top {\n        height: 63vh;\n        width: 87vh;\n        margin-right: -4%;\n    }\n        #logofooter {\n        scale: 0.5;\n        margin-right: 3%;\n        margin-top: -30%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: -5%;\nmargin-top: 10%;\n    }<\/p>\n<p>}\n@media only screen and (min-width: 3100px) and (max-width: 3199px) {\n        .top {\n        height: 63vh;\n        width: 87vh;\n        margin-right: -4%;\n    }\n        #logofooter {\n        scale: 0.5;\n        margin-right: 7%;\n        margin-top: -25%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: -5%;\nmargin-top: 10%;\n    }\n}\n@media only screen and (min-width: 3200px){\n        .top {\n        height: 63vh;\n        width: 87vh;\n        margin-right: -4%;\n    }\n        #logofooter {\n        scale: 0.5;\n        margin-right: 7%;\n        margin-top: -25%;\n        margin-bottom: 10%;\n    }\n    #icflogo{\n        margin-right: -5%;\nmargin-top: 10%;\n    }\n}<\/p>\n<\/style>\n<p><body><\/p>\n<div class=\"container\">\n    <img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/assets\/images\/icons\/ICF.png\" id=\"icflogo\"><\/p>\n<h3 id=\"gallerytitle\">\u0628\u06cc\u0633\u062a \u0648 \u0633\u0648\u0645\u06cc\u0646 \u0646\u0645\u0627\u06cc\u0634\u06af\u0627\u0647 \u0628\u06cc\u0646 \u0627\u0644\u0645\u0644\u0644\u06cc \u0634\u06cc\u0631\u06cc\u0646\u06cc \u0648 \u0634\u06a9\u0644\u0627\u062a<\/h3>\n<div class=\"top\">\n<ul>\n<li><a href=\"#img_1\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image1.jpg\"><\/a><\/li>\n<li><a href=\"#img_2\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image2.jpg\"><\/a><\/li>\n<li><a href=\"#img_3\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image3.jpg\"><\/a><\/li>\n<li><a href=\"#img_4\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image4.jpg\"><\/a><\/li>\n<li><a href=\"#img_5\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image5.jpg\"><\/a><\/li>\n<li><a href=\"#img_6\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image6.jpg\"><\/a><\/li>\n<li><a href=\"#img_7\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image7.jpg\"><\/a><\/li>\n<li><a href=\"#img_8\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image8.jpg\"><\/a><\/li>\n<li><a href=\"#img_9\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image9.jpg\"><\/a><\/li>\n<li><a href=\"#img_10\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image10.jpg\"><\/a><\/li>\n<li><a href=\"#img_11\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image11.jpg\"><\/a><\/li>\n<li><a href=\"#img_12\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image12.jpg\"><\/a><\/li>\n<li><a href=\"#img_13\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image13.jpg\"><\/a><\/li>\n<li><a href=\"#img_14\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image14.jpg\"><\/a><\/li>\n<li><a href=\"#img_15\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image15.jpg\"><\/a><\/li>\n<li><a href=\"#img_16\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image16.jpg\"><\/a><\/li>\n<\/ul>\n<p>        <a href=\"#_1\" class=\"lightbox trans\" id=\"img_1\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image1.jpg\"><\/a><br \/>\n        <a href=\"#_2\" class=\"lightbox trans\" id=\"img_2\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image2.jpg\"><\/a><br \/>\n        <a href=\"#_3\" class=\"lightbox trans\" id=\"img_3\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image3.jpg\"><\/a><br \/>\n        <a href=\"#_4\" class=\"lightbox trans\" id=\"img_4\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image4.jpg\"><\/a><br \/>\n        <a href=\"#_5\" class=\"lightbox trans\" id=\"img_5\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image5.jpg\"><\/a><br \/>\n        <a href=\"#_6\" class=\"lightbox trans\" id=\"img_6\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image6.jpg\"><\/a><br \/>\n        <a href=\"#_7\" class=\"lightbox trans\" id=\"img_7\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image7.jpg\"><\/a><br \/>\n        <a href=\"#_8\" class=\"lightbox trans\" id=\"img_8\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image8.jpg\"><\/a><br \/>\n        <a href=\"#_9\" class=\"lightbox trans\" id=\"img_9\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image9.jpg\"><\/a><br \/>\n        <a href=\"#_10\" class=\"lightbox trans\" id=\"img_10\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image10.jpg\"><\/a><br \/>\n        <a href=\"#_11\" class=\"lightbox trans\" id=\"img_11\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image11.jpg\"><\/a><br \/>\n        <a href=\"#_12\" class=\"lightbox trans\" id=\"img_12\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image12.jpg\"><\/a><br \/>\n        <a href=\"#_13\" class=\"lightbox trans\" id=\"img_13\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image13.jpg\"><\/a><br \/>\n        <a href=\"#_14\" class=\"lightbox trans\" id=\"img_14\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image14.jpg\"><\/a><br \/>\n        <a href=\"#_15\" class=\"lightbox trans\" id=\"img_15\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image15.jpg\"><\/a><br \/>\n        <a href=\"#_16\" class=\"lightbox trans\" id=\"img_16\"><img decoding=\"async\" src=\"\/wp-content\/themes\/RoozbehChocolate\/images\/image16.jpg\"><\/a>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0628\u06cc\u0633\u062a \u0648 \u0633\u0648\u0645\u06cc\u0646 \u0646\u0645\u0627\u06cc\u0634\u06af\u0627\u0647 \u0628\u06cc\u0646 \u0627\u0644\u0645\u0644\u0644\u06cc \u0634\u06cc\u0631\u06cc\u0646\u06cc \u0648 \u0634\u06a9\u0644\u0627\u062a<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-474","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roozbehchocolate.com\/index.php?rest_route=\/wp\/v2\/pages\/474","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roozbehchocolate.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roozbehchocolate.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roozbehchocolate.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roozbehchocolate.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=474"}],"version-history":[{"count":35,"href":"https:\/\/roozbehchocolate.com\/index.php?rest_route=\/wp\/v2\/pages\/474\/revisions"}],"predecessor-version":[{"id":1889,"href":"https:\/\/roozbehchocolate.com\/index.php?rest_route=\/wp\/v2\/pages\/474\/revisions\/1889"}],"wp:attachment":[{"href":"https:\/\/roozbehchocolate.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=474"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/roozbehchocolate.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=474"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/roozbehchocolate.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}