{"id":987564922,"date":"2024-09-26T12:45:19","date_gmt":"2024-09-26T12:45:19","guid":{"rendered":"https:\/\/logitrans-romania.com\/?page_id=987564922"},"modified":"2026-08-07T12:47:38","modified_gmt":"2026-08-07T09:47:38","slug":"pagina-albastra","status":"publish","type":"page","link":"https:\/\/logitrans-romania.com\/en\/pagina-albastra\/","title":{"rendered":"Pagina albastra"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_pb_fullwidth_section et_section_regular et_block_section\"><div class=\"et_pb_fullwidth_code_0 et_pb_fullwidth_code et_pb_module\"><div class=\"et_pb_code_inner\"><!--This module must be included on every page you are using a carousel. Alternatively, copy and paste the below into Divi > Theme Options > Integration > Add to head. This will include the required libraries on every page automatically and you can remove this module from individual pages-->\n<link rel=\"stylesheet\" href=\"https:\/\/npmcdn.com\/flickity@2\/dist\/flickity.css\">\n<script src=\"https:\/\/npmcdn.com\/flickity@2\/dist\/flickity.pkgd.js\"><\/script>\n<\/div><\/div><div class=\"et_pb_fullwidth_code_1 et_pb_fullwidth_code et_pb_module\"><div class=\"et_pb_code_inner\"><script>\n\/\/Product Carousel by Brand & Build\n(function ($) {\n    $(document).ready(function () {\n        var $productCarousel = $(\n            '.bb-product-carousel ul.products'\n        ).flickity({\n            \/\/ options\n            cellAlign: 'center', \/\/Align slides to center\n            contain: true, \/\/Prevents carousel overlap (no effect with wraparound)\n            cellSelector: 'li.product', \/\/Item selector\n            groupCells: 1, \/\/Products to scroll - increase value to scroll more than 1 row at a time\n            wrapAround: true, \/\/Infinite slides\n            draggable: true, \/\/Slides to drag - use numberical value or set to false for none\n            selectedAttraction: 0.01, \/\/Attracts the position of the slider to the selected cell\n            friction: 0.15, \/\/Controls the movement of slider\n            freeScroll: true, \/\/Unlimited scrolling\n            freeScrollFriction: 0.075, \/\/ Lower friction, slides easier\n            prevNextButtons: true, \/\/Show buttons\n            pageDots: true, \/\/Show dots\n            autoPlay: 4000, \/\/Autoplay speed in milliseconds. Default 3000ms Set to false to stop autoplay.\n            pauseAutoPlayOnHover: true, \/\/ Pause on hover?\n            adaptiveHeight: false, \/\/Carousel will adjust its height per slide\n            imagesLoaded: true,\n        });\n    });\n})(jQuery);\n<\/script><\/div><\/div><div class=\"et_pb_fullwidth_code_2 et_pb_fullwidth_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n\/* ********************************* *\/\n\/* Product Carousel by Brand & Build *\/\n\/* *********************(*********** *\/\n\n:root {\n    \/* Colour variables for buttons, dots & product background. Adjust HEX values as required *\/\n    --bb-product-carousel-color1: #000000;\n    --bb-product-carousel-color2: #f1f1f1;\n    --bb-product-carousel-post-bg: #ffffff;\n    \/* Number of products to show - Use an odd number if you wish to prevent left and right overhang*\/\n    --bb-product-carousel-show: 5; \/*Desktop*\/\n    --bb-product-carousel-show-laptop: 3; \/*Laptop breakpoint 1280px*\/\n    --bb-product-carousel-show-tablet: 3; \/*Tablet breakpoint 980px*\/\n    --bb-product-carousel-show-mobile: 1; \/*Mobile breakpoint 768px*\/\n    --bb-product-carousel-spacing: 15px; \/* Space between products - value added to left and right *\/\n}\n\n\/* Size the products *\/\n.bb-product-carousel\n    .woocommerce\n    .flickity-viewport\n    .flickity-slider\n    li.product {\n    width: calc(\n        (\n                100% -\n                    (\n                        var(--bb-product-carousel-show) *\n                            (var(--bb-product-carousel-spacing) * 2)\n                    )\n            ) \/ var(--bb-product-carousel-show)\n    );\n    margin: 0 var(--bb-product-carousel-spacing);\n    display: flex;\n    flex-direction: column;\n    min-height: 100%;\n    padding: 20px;\n    background: var(--bb-product-carousel-post-bg);\n}\n\n\/* Size the products for laptops & large tablets *\/\n@media screen and (max-width: 1280px) {\n    .bb-product-carousel\n        .woocommerce\n        .flickity-viewport\n        .flickity-slider\n        li.product {\n        width: calc(\n            (\n                    100% -\n                        (\n                            var(--bb-product-carousel-show-laptop) *\n                                (var(--bb-product-carousel-spacing) * 2)\n                        )\n                ) \/ var(--bb-product-carousel-show-laptop)\n        );\n    }\n}\n\n\/* Size the products for tablets *\/\n@media screen and (max-width: 980px) {\n    .bb-product-carousel\n        .woocommerce\n        .flickity-viewport\n        .flickity-slider\n        li.product {\n        width: calc(\n            (\n                    100% -\n                        (\n                            var(--bb-product-carousel-show-tablet) *\n                                (var(--bb-product-carousel-spacing) * 2)\n                        )\n                ) \/ var(--bb-product-carousel-show-tablet)\n        );\n    }\n}\n\n\/* Size the products for smaller tablets & mobile *\/\n@media screen and (max-width: 768px) {\n    .bb-product-carousel\n        .woocommerce\n        .flickity-viewport\n        .flickity-slider\n        li.product {\n        width: calc(\n            (\n                    100% -\n                        (\n                            var(--bb-product-carousel-show-mobile) *\n                                (var(--bb-product-carousel-spacing) * 2)\n                        )\n                ) \/ var(--bb-product-carousel-show-mobile)\n        );\n    }\n    \/* Hide buttons on mobile *\/\n    .bb-product-carousel .flickity-prev-next-button {\n        display: none;\n    }\n    .bb-product-carousel\n        .woocommerce\n        .flickity-viewport\n        .flickity-slider\n        li.product {\n        margin: 0 var(--bb-product-carousel-spacing) !important;\n    }\n}\n\n\/* Allow product content to grow *\/\n.bb-product-carousel\n    .woocommerce\n    .flickity-viewport\n    .flickity-slider\n    li.product {\n    display: flex;\n    flex-direction: column;\n    flex: 1 1 auto;\n}\n\n\/* Buttons *\/\n\n\/* Buttons position *\/\n.bb-product-carousel .flickity-prev-next-button.previous {\n    left: -50px;\n}\n\n.bb-product-carousel .flickity-prev-next-button.next {\n    right: -50px;\n}\n\n\/* Button colours *\/\n.bb-product-carousel .flickity-prev-next-button {\n    transition: all 0.3s ease;\n    color: var(--bb-product-carousel-color1);\n    background: var(--bb-product-carousel-color2);\n}\n\n\/* Button icons *\/\n.bb-product-carousel .flickity-prev-next-button .flickity-button-icon {\n    left: 25%;\n    top: 25%;\n    width: 50%;\n    height: 50%;\n}\n\n\/* Reverse button colours on hover *\/\n.bb-product-carousel .flickity-prev-next-button:hover {\n    color: var(--bb-product-carousel-color2);\n    background: var(--bb-product-carousel-color1);\n}\n\n\/* Remove button focus highlight *\/\n.bb-product-carousel .flickity-prev-next-button:focus {\n    box-shadow: none;\n}\n\n\/* Dots *\/\n\/* Dots position *\/\n.bb-product-carousel .flickity-page-dots {\n    bottom: -75px;\n}\n\n\/* Style dots into lines *\/\n.bb-product-carousel .flickity-page-dots .dot {\n    background: var(--bb-product-carousel-color2);\n    opacity: 1;\n    width: 5vw;\n    height: 5px;\n    border-radius: 0;\n    margin: 0;\n}\n\n\/* Active dot colour *\/\n.bb-product-carousel .flickity-page-dots .dot.is-selected {\n    background: var(--bb-product-carousel-color1);\n    opacity: 1;\n}\n<\/style><\/div><\/div><\/div><div class=\"et_pb_section_1 et_pb_section et_section_regular et_block_section et_animated bb-product-carousel\"><div class=\"et_pb_row_0 et_pb_row et_block_row\"><div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_custom_body_class":"","_custom_post_class":"","footnotes":""},"class_list":["post-987564922","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/logitrans-romania.com\/en\/wp-json\/wp\/v2\/pages\/987564922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/logitrans-romania.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/logitrans-romania.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/logitrans-romania.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/logitrans-romania.com\/en\/wp-json\/wp\/v2\/comments?post=987564922"}],"version-history":[{"count":0,"href":"https:\/\/logitrans-romania.com\/en\/wp-json\/wp\/v2\/pages\/987564922\/revisions"}],"wp:attachment":[{"href":"https:\/\/logitrans-romania.com\/en\/wp-json\/wp\/v2\/media?parent=987564922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}