<?php /* NOTE: GENERATED BY GULP !!! */ ?><?php
$b = "flo-block-image-block-4"; // To be used inside HTML

// Start: Class name automation
  $b__for_css = ".".$b; // To be used inside CSS
  $b__uniq = $b."--".mt_rand(1, 999); // To be used inside HTML
  $b__uniq_for_css = ".".$b__uniq; // To be used inside CSS
// End: Class name automation

  $areas_order = flo_data($data, "areas_order");
  $image = flo_data($data, "image");

/* START: Text Area */
  $background_color = flo_data($data, "background_color");
  $elements_color = flo_data($data, "elements_color");
  $title = flo_data($data, "title");
  $title_font = flo_data($data, "title_font");
  $subtitle = flo_data($data, "subtitle");
  $subtitle_font = flo_data($data, "subtitle_font");
  $text = flo_data($data, "text");

  $button_type = flo_data($data, "button_type");

    /* START: Button Type A */
      $but_a_primary_button = flo_data($data, "but_a_primary_button");
      $but_a_secondary_button = flo_data($data, "but_a_secondary_button");
      $but_a_buttons_label_font = flo_data($data, "but_a_buttons_label_font");
      $but_a_buttons_color = flo_data($data, "but_a_buttons_color");
      $but_a_buttons_accent_color = flo_data($data, "but_a_buttons_accent_color");
    /* END: Button Type A */

    /* START: Button Type B */
      $but_b_links = flo_data($data, "but_b_links");
      $but_b_buttons_label_font = flo_data($data, "but_b_buttons_label_font");
      $but_b_buttons_color = flo_data($data, "but_b_buttons_color");
      $but_b_buttons_borders_color = flo_data($data, "but_b_buttons_borders_color");
      $but_b_buttons_accent_color = flo_data($data, "but_b_buttons_accent_color");
    /* END: Button Type B */

/* END: Text Area */

?>

<?php echo $__env->make('core.style', [
  "breakpoint__general" => "

    /* START: Text Area */

      ".$b__uniq_for_css." ".$b__for_css."__text-area {
        color: ".$elements_color.";
        background-color: ".$background_color.";
      }

      ".
      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."__subtitle",
      $subtitle_font
      )
      ."

      /* START: Button Type A */
        ".
        flo_render_typography_styles(
        $b__uniq_for_css." ".$b__for_css."__button",
        $but_a_buttons_label_font
        )
        ."

        ".$b__uniq_for_css." ".$b__for_css."__button {
          color: ".$but_a_buttons_color.";
          border-color: ".$but_b_buttons_borders_color.";
        }

        ".$b__uniq_for_css." ".$b__for_css."__button {
          background-color: ".$but_a_buttons_accent_color.";
        }
          ".$b__uniq_for_css." ".$b__for_css."__button:hover {
            color: ".$but_a_buttons_accent_color.";
            background-color: ".$but_a_buttons_color.";
          }

      /* END: Button Type A */

      /* START: Button Type B */

        ".
        flo_render_typography_styles(
        $b__uniq_for_css." ".$b__for_css."__button-link",
        $but_b_buttons_label_font
        )
        ."

        ".$b__uniq_for_css." ".$b__for_css."__button-link {
          color: ".$but_b_buttons_color.";
          border-color: ".$but_b_buttons_borders_color.";
          background-color: ".$but_b_buttons_borders_color.";
        }
          ".$b__uniq_for_css." ".$b__for_css."__button-link:before {
            color: #BDBDBD;
          }
          ".$b__uniq_for_css." ".$b__for_css."__button-link:hover {
            background-color: ".$but_b_buttons_accent_color.";
          }

      /* END: Button Type B */

    /* END: Text Area */

  ",

  "style_name" => $b__uniq
], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php $__env->startSection('block_content'); ?>
  <div class="<?php echo $b; ?> <?php echo $b__uniq; ?>">

    <?php if($areas_order): ?>
      <?php foreach($areas_order as $key => $area): ?>

        <?php /* START: Image */ ?>
          <?php if($area == "image"): ?>
            <?php if($image): ?>
              <?php echo flo_aq_img($class = $b . "__image", $url = $image['url'], $width = 900, $height = 1300, $crop = true, $alt = $image['alt'], $force_resize = true); ?>

            <?php endif; ?>
          <?php endif; ?>
        <?php /* END: Image */ ?>

        <?php /* START: Text Area */ ?>
          <?php if($area == "text_area"): ?>
            <div class="<?php echo $b; ?>__text-area">

              <?php if($title): ?>
                <h2 class="<?php echo $b; ?>__title">
                  <?php echo $title; ?>

                </h2>
              <?php endif; ?>

              <?php if($subtitle): ?>
                <h3 class="<?php echo $b; ?>__subtitle">
                  <?php echo $subtitle; ?>

                </h3>
              <?php endif; ?>

              <?php if($text): ?>
                <div class="<?php echo $b; ?>__text flo-post">
                  <?php echo $text; ?>

                </div>
              <?php endif; ?>

              <?php if($button_type == "flo-button--type-a"): ?>

                <?php /* START: Button Type A */ ?>
                  <div class="<?php echo $b; ?>__buttons-wrap">

                    <?php /* START: Primary Button */ ?>
                      <?php if(isset($but_a_primary_button['title']) and strlen($but_a_primary_button['title'])): ?>
                        <a class="<?php echo $b; ?>__button <?php echo $b; ?>__button--primary" href="<?php echo $but_a_primary_button['url']; ?>" target="<?php echo $but_a_primary_button['target']; ?>">
                          <?php echo $but_a_primary_button['title']; ?>

                        </a>
                      <?php endif; ?>
                    <?php /* END: Primary Button */ ?>

                    <?php /* START: Secondary Button */ ?>
                      <?php if(isset($but_a_secondary_button['title']) and strlen($but_a_secondary_button['title'])): ?>
                        <a class="<?php echo $b; ?>__button <?php echo $b; ?>__button--secondary" href="<?php echo $but_a_secondary_button['url']; ?>" target="<?php echo $but_a_secondary_button['target']; ?>">
                          <?php echo $but_a_secondary_button['title']; ?>

                        </a>
                      <?php endif; ?>
                    <?php /* END: Secondary Button */ ?>

                  </div>
                <?php /* END: Button Type A */ ?>

              <?php elseif($button_type == "flo-button--type-b"): ?>

                <?php /* START: Button Type B */ ?>
                  <div class="<?php echo $b; ?>__button-links-wrap">
                    <?php if($but_b_links): ?>
                      <?php foreach($but_b_links as $key => $but_b_single_link): ?>

                        <?php
                          $but_b_link = flo_data($but_b_single_link, "button_link");
                        ?>

                        <a class="<?php echo $b; ?>__button-link flo-icon-line-arrow-right" href="<?php echo $but_b_link['url']; ?>" target="<?php echo $but_b_link['target']; ?>">
                          <?php echo $but_b_link['title']; ?>

                        </a>

                      <?php endforeach; ?>
                    <?php endif; ?>
                  </div>
                <?php /* END: Button Type B */ ?>

              <?php endif; ?>


            </div>
          <?php endif; ?>
        <?php /* END: Text Area */ ?>

      <?php endforeach; ?>
    <?php endif; ?>

  </div>
<?php $__env->stopSection(true); ?>

<?php echo $__env->make('layout.block', [
  "block_classes" => "", // Will be added to main block div. e.g. flo-block--full-width
  // "data_onready" => "block_name" // 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(); ?>