<?php /* NOTE: GENERATED BY GULP !!! */ ?><?php
$b = "flo-block-faq-block-1"; // 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

$text_elements_color = flo_data($data, "text_elements_color");
$title = flo_data($data, "title");
$title_font = flo_data($data, "title_font");
$q_and_a_list = flo_data($data, "q-and-a_list");
$question_font = flo_data($data, "question_font");
$answer_font = flo_data($data, "answer_font");

?>

<?php echo $__env->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."__question",
    $question_font
    )
    ."

    ".
    flo_render_typography_styles(
    $b__uniq_for_css." ".$b__for_css."__answer",
    $answer_font
    )
    ."

    ".$b__uniq_for_css." {
      color: ".$text_elements_color.";
    }
    ".$b__uniq_for_css." ".$b__for_css."__divider {
      background-color: ".hex2rgba($text_elements_color,0.14).";
    }

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

      </div>
    </div>
    <div class="<?php echo $b; ?>__faq-wrap">
      <div class="<?php echo $b; ?>__divider"></div>
      <?php foreach($q_and_a_list as $single_q_and_a): ?>
        <?php
          $question = flo_data($single_q_and_a, "question");
          $answer = flo_data($single_q_and_a, "answer");
        ?>
        <div class="<?php echo $b; ?>__single-qa">
          <h3 class="<?php echo $b; ?>__question">• <?php echo $question; ?></h3>
          <div class="<?php echo $b; ?>__answer"><?php echo $answer; ?></div>
        </div>
      <?php endforeach; ?>
    </div>
  </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(); ?>