<?php /* NOTE: GENERATED BY GULP !!! */ ?><?php 
$b = "flo-splash";
$b__for_css = ".".$b;

$splash_enabled = flo_get_option("flo-fiji2-settings__preloader", false);
?>

<?php if( $splash_enabled ): ?>

<?php
  $splash_background_color = flo_get_option("flo-fiji2-settings___preloader-background-color", "#FFFFFF");
  $splash_image_size = flo_get_option("flo-fiji2-settings___preloader-size", "450") / 16 ."rem";
  $splash_mobile_image_size = flo_get_option("flo-fiji2-settings___preloader-mobile-size", "250") / 16 ."rem";
  $splash_default_logo = flo_get_option("flo-fiji2-settings___preloader-default-logo", true);
  $logo_type = flo_get_option("flo-lovely2-header__logo-type", "site-title");
  $logo_color = flo_get_option("flo-lovely2-header__elements_color", "#000000");
  $logo_font = flo_font_data("flo-lovely2-logo_options", "flo-lovely2-header__logo-font");
  
  if ($splash_default_logo == true) {
    // global header logo setting 
    
    if ($logo_type == "image") {
      $logo = flo_get_option("flo-lovely2-header__logo-image", '');
    } elseif ($logo_type == "text") {
      $logo = flo_get_option("flo-lovely2-header__logo-text", '');
    } else {
      $logo = get_bloginfo( 'name' );
    }
    
    $preloader_img_vars = "";
  } else {
    $splash_custom_logo = flo_get_option("flo-fiji2-settings___preloader-custom-image");
    $featured_img_id = $splash_custom_logo["ID"];
    $featured_img_sizes = [
      'small' => ['width' => 9999, 'height' => 700],  // mobile size
      'medium' => ['width' => 9999, 'height' => 1024], // tablet size
      'large' => ['width' => 9999, 'height' => 1500]
    ];
    $preloader_img_vars = flo_get_bg_image_vars($featured_img_id, $featured_img_sizes, $crop = false);
  }
  ?>

  <?php echo $__env->make('core.style', [
    "breakpoint__general" => "
        ".$b__for_css."{
          color: ".$logo_color.";
          background-color: ".$splash_background_color.";
        }
        ".
        flo_render_typography_styles(
          $b__for_css."__content", $logo_font
        )."
    ",
    "breakpoint__medium_up" => "
      ".$b__for_css."__image-logo{
        width: ".$splash_image_size." !important;
      }
    ", 
    "breakpoint__small_only" => "
    ".$b__for_css."__image-logo {
      width: ".$splash_mobile_image_size." !important;
    }
    "
  ], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

  <div class="<?php echo $b; ?>">
    <?php if($splash_default_logo): ?>
      <?php if($logo_type == "image"): ?>
        <div class="<?php echo $b; ?>__content">
          <img src="<?php echo $logo; ?>" class="<?php echo $b; ?>__image-logo">
        </div>
      <?php else: ?>
        <div class="<?php echo $b; ?>__content">
          <div class="<?php echo $b; ?>__text-logo">
              <?php echo $logo; ?>

          </div>
        </div>
      <?php endif; ?>
    <?php else: ?>
      <div class="<?php echo $b; ?>__content <?php echo $b; ?>__image-logo <?php echo $b; ?>__custom-preloader" style="<?php echo $preloader_img_vars; ?>">
      </div>
    <?php endif; ?>
  </div>

<?php endif; ?>