make('components.flo-generic-listing-items-data', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?> startSection('block_content'); ?> make('core.style', [ "breakpoint__general" => " ". flo_render_typography_styles( $b__uniq_for_css." ".$b__for_css."__title", $title_font ) ." ". flo_render_typography_styles( $b__uniq_for_css." ".$b__for_css."__category", $category_font ) ." ". flo_render_typography_styles( $b__uniq_for_css." ".$b__for_css."__overlay", $overlay_label_font ) ." ".$b__uniq_for_css." ".$b__for_css."__overlay { color: ".$overlay_elements_color."; width: calc(100% - ".$overlay_padding." * 2); height: calc(100% - ".$overlay_padding." * 2); transform: translate(".$overlay_padding.", ".$overlay_padding."); } ".$b__uniq_for_css." ".$b__for_css."__overlay-color { background-color: ".$overlay_background_color."; } ".$b__uniq_for_css." ".$b__for_css."__text-area { color: ".$elements_color."; } ", "breakpoint__medium_up" => " ".$b__uniq_for_css." ".$b__for_css."__item { width: calc(100% / ".$columns."); padding: ".$gap_for_css."; } .grid-sizer{ width: calc(100% / ".$columns."); } ".$b__uniq_for_css." { margin: -".$gap_for_css."; } " ], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

array('width' => 640, 'height' => $mobile_image_height_numeric *2), // mobile size 'tablet' => array('width' => round((600/$columns) *2), 'height' => 9999), // tablet size 'desktop' => array('width' => round((1125/$columns-$gap*($columns-1)) *2), 'height' => 9999), ); $img_vars = generate_srcsets($item['featured_image_url'], $img_sizes, $crop = false); ?> " style=" --overlay-opacity: ; --mobile-height: ; ">

stopSection(true); ?> make('layout.block', [ "block_classes" => "", // Will be added to main block span. e.g. flo-block--full-width "data_onready" => "flo_block_listing_5" // Specify a function (see _blank.js on how to define) that will be executed on document ready. ], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>