<?php

use Breakdance\Lib\Vendor\Twig\Environment;
use Breakdance\Lib\Vendor\Twig\Error\LoaderError;
use Breakdance\Lib\Vendor\Twig\Error\RuntimeError;
use Breakdance\Lib\Vendor\Twig\Extension\SandboxExtension;
use Breakdance\Lib\Vendor\Twig\Markup;
use Breakdance\Lib\Vendor\Twig\Sandbox\SecurityError;
use Breakdance\Lib\Vendor\Twig\Sandbox\SecurityNotAllowedTagError;
use Breakdance\Lib\Vendor\Twig\Sandbox\SecurityNotAllowedFilterError;
use Breakdance\Lib\Vendor\Twig\Sandbox\SecurityNotAllowedFunctionError;
use Breakdance\Lib\Vendor\Twig\Source;
use Breakdance\Lib\Vendor\Twig\Template;

/* dedd042f867d90b6c1874a8fe569617afc270616 */
class __TwigTemplate_11700d127c784647bbbbbf49958eb62c26bfc6ca02a4170b44dcf8f47db68a7a extends Template
{
    private $source;
    private $macros = [];

    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->source = $this->getSourceContext();

        $this->parent = false;

        $this->blocks = [
        ];
    }

    protected function doDisplay(array $context, array $blocks = [])
    {
        $macros = $this->macros;
        // line 1
        echo "
          ";
        // line 2
        $macros["macros"] = $this->macros["macros"] = $this->loadTemplate("macros.twig", "dedd042f867d90b6c1874a8fe569617afc270616", 2)->unwrap();
        // line 3
        echo "
          %%SELECTOR%% {
--columnCount: ";
        // line 5
        echo ($context["childElementCount"] ?? null);
        echo ";
";
        // line 6
        echo twig_call_macro($macros["macros"], "macro_spacing_margin_y", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "spacing", [], "any", false, false, false, 6), "container", [], "any", false, false, false, 6)], 6, $context, $this->getSourceContext());
        echo "
  width: ";
        // line 7
        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "size", [], "any", false, false, false, 7), "width", [], "any", false, false, false, 7), "style", [], "any", false, false, false, 7);
        echo ";
  ";
        // line 8
        if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "size", [], "any", false, false, false, 8), "height", [], "any", false, false, false, 8) == "full")) {
            // line 9
            echo "    height: 100%;
  ";
        } elseif ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 10
($context["design"] ?? null), "size", [], "any", false, false, false, 10), "height", [], "any", false, false, false, 10) == "custom")) {
            // line 11
            echo "    min-height: ";
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "size", [], "any", false, false, false, 11), "min_height", [], "any", false, false, false, 11), "style", [], "any", false, false, false, 11);
            echo ";
  ";
        }
        // line 13
        echo "
  --bde-column-gap: ";
        // line 14
        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "spacing", [], "any", false, false, false, 14), "column_gap", [], "any", false, false, false, 14), "style", [], "any", false, false, false, 14);
        echo ";

}

";
        // line 18
        if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "spacing", [], "any", false, true, false, 18), "column_padding", [], "any", false, true, false, 18), "style", [], "any", true, true, false, 18)) {
            // line 19
            echo "  %%SELECTOR%% > div {
      padding: ";
            // line 20
            echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "spacing", [], "any", false, false, false, 20), "column_padding", [], "any", false, false, false, 20), "style", [], "any", false, false, false, 20);
            echo ";
  }
";
        }
        // line 23
        echo "
";
        // line 24
        if ((($context["breakpoint"] ?? null) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "layout", [], "any", false, false, false, 24), "slug_cant_start_with_number_50_width", [], "any", false, false, false, 24))) {
            // line 25
            echo "  %%SELECTOR%%.bde-columns {
      --columnCount: 2;
      flex-direction: row;
      flex-wrap: wrap;
  }

  %%SELECTOR%%.bde-columns > .bde-column {
      --column-width: 50%;
  }
";
        }
        // line 35
        echo "
";
        // line 36
        if ((($context["breakpoint"] ?? null) == ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "layout", [], "any", false, true, false, 36), "stack_vertically", [], "any", true, true, false, 36)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "layout", [], "any", false, true, false, 36), "stack_vertically", [], "any", false, false, false, 36), ($context["firstResponsiveBreakpointId"] ?? null))) : (($context["firstResponsiveBreakpointId"] ?? null))))) {
            // line 37
            echo "%%SELECTOR%%.bde-columns {
  flex-direction: column;
  flex-wrap: nowrap;
}

%%SELECTOR%%.bde-columns > .bde-column {
  width: 100%;
}
";
        }
        // line 46
        echo "

";
        // line 52
        if ((($context["breakpoint"] ?? null) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["design"] ?? null), "layout", [], "any", false, false, false, 52), "reverse_order", [], "any", false, false, false, 52))) {
            // line 53
            echo "%%SELECTOR%% > div:nth-child(1) {
    order: 10;
}
%%SELECTOR%% > div:nth-child(2) {
    order: 9;
}
%%SELECTOR%% > div:nth-child(3) {
    order: 8;
}
%%SELECTOR%% > div:nth-child(4) {
    order: 7;
}
%%SELECTOR%% > div:nth-child(5) {
    order: 6;
}
%%SELECTOR%% > div:nth-child(6) {
    order: 5;
}
%%SELECTOR%% > div:nth-child(7) {
    order: 4;
}
%%SELECTOR%% > div:nth-child(8) {
    order: 3;
}
%%SELECTOR%% > div:nth-child(9) {
    order: 2;
}
%%SELECTOR%% > div:nth-child(10) {
    order: 1;
}
";
        }
        // line 84
        echo "
";
        // line 86
        echo "

    %%SELECTOR%% {
        ";
        // line 89
        echo twig_call_macro($macros["macros"], "macro_classOrSelectorProperties", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 90
($context["settings"] ?? null), "advanced", [], "any", false, false, false, 90), "wrapper", [], "any", false, false, false, 90), "background", [], "any", false, false, false, 90), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 91
($context["settings"] ?? null), "advanced", [], "any", false, false, false, 91), "wrapper", [], "any", false, false, false, 91), "layout", [], "any", false, false, false, 91), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 92
($context["settings"] ?? null), "advanced", [], "any", false, false, false, 92), "wrapper", [], "any", false, false, false, 92), "size", [], "any", false, false, false, 92), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 93
($context["settings"] ?? null), "advanced", [], "any", false, false, false, 93), "wrapper", [], "any", false, false, false, 93), "typography", [], "any", false, false, false, 93),         // line 94
($context["globalSettings"] ?? null), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 95
($context["settings"] ?? null), "advanced", [], "any", false, false, false, 95), "wrapper", [], "any", false, false, false, 95), "spacing", [], "any", false, false, false, 95), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 96
($context["settings"] ?? null), "advanced", [], "any", false, false, false, 96), "wrapper", [], "any", false, false, false, 96), "borders", [], "any", false, false, false, 96), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 97
($context["settings"] ?? null), "advanced", [], "any", false, false, false, 97), "wrapper", [], "any", false, false, false, 97), "effects", [], "any", false, false, false, 97)], 89, $context, $this->getSourceContext());
        echo "
    }

    %%SELECTOR%%:hover {
        ";
        // line 101
        echo twig_call_macro($macros["macros"], "macro_classOrSelectorProperties", [twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 102
($context["settings"] ?? null), "advanced", [], "any", false, false, false, 102), "wrapper_hover", [], "any", false, false, false, 102), "background", [], "any", false, false, false, 102), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 103
($context["settings"] ?? null), "advanced", [], "any", false, false, false, 103), "wrapper_hover", [], "any", false, false, false, 103), "layout", [], "any", false, false, false, 103), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 104
($context["settings"] ?? null), "advanced", [], "any", false, false, false, 104), "wrapper_hover", [], "any", false, false, false, 104), "size", [], "any", false, false, false, 104), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 105
($context["settings"] ?? null), "advanced", [], "any", false, false, false, 105), "wrapper_hover", [], "any", false, false, false, 105), "typography", [], "any", false, false, false, 105),         // line 106
($context["globalSettings"] ?? null), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 107
($context["settings"] ?? null), "advanced", [], "any", false, false, false, 107), "wrapper_hover", [], "any", false, false, false, 107), "spacing", [], "any", false, false, false, 107), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 108
($context["settings"] ?? null), "advanced", [], "any", false, false, false, 108), "wrapper_hover", [], "any", false, false, false, 108), "borders", [], "any", false, false, false, 108), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 109
($context["settings"] ?? null), "advanced", [], "any", false, false, false, 109), "wrapper_hover", [], "any", false, false, false, 109), "effects", [], "any", false, false, false, 109)], 101, $context, $this->getSourceContext());
        echo "
    }
    

";
        // line 113
        echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "advanced", [], "any", false, false, false, 113), "css", [], "any", false, false, false, 113);
        echo "


";
        // line 116
        if ((($context["isBaseBreakpoint"] ?? null) &&  !twig_test_empty(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "hide_on_breakpoint", [], "any", false, false, false, 116), "hide", [], "any", false, false, false, 116)))) {
            // line 117
            echo "    ";
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(($context["builtinBreakpoints"] ?? null));
            foreach ($context['_seq'] as $context["_key"] => $context["b"]) {
                // line 118
                echo "        ";
                if (twig_in_filter(twig_get_attribute($this->env, $this->source, $context["b"], "id", [], "any", false, false, false, 118), twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["settings"] ?? null), "hide_on_breakpoint", [], "any", false, false, false, 118), "hide", [], "any", false, false, false, 118))) {
                    // line 119
                    echo "            ";
                    echo Breakdance\Elements\UniversalControls\make_above_and_below_query($context["b"], ($context["builtinBreakpoints"] ?? null));
                    echo " {
                %%SELECTOR%% {
                    ";
                    // line 121
                    if (($context["isBuilder"] ?? null)) {
                        // line 122
                        echo "                        opacity: 0.5;
                        filter: grayscale(100%);
                    ";
                    } else {
                        // line 125
                        echo "                        display: none;
                    ";
                    }
                    // line 127
                    echo "                }
            }
        ";
                }
                // line 130
                echo "    ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['b'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
        }
        // line 132
        echo "
         ";
    }

    public function getTemplateName()
    {
        return "dedd042f867d90b6c1874a8fe569617afc270616";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  247 => 132,  240 => 130,  235 => 127,  231 => 125,  226 => 122,  224 => 121,  218 => 119,  215 => 118,  210 => 117,  208 => 116,  202 => 113,  195 => 109,  194 => 108,  193 => 107,  192 => 106,  191 => 105,  190 => 104,  189 => 103,  188 => 102,  187 => 101,  180 => 97,  179 => 96,  178 => 95,  177 => 94,  176 => 93,  175 => 92,  174 => 91,  173 => 90,  172 => 89,  167 => 86,  164 => 84,  131 => 53,  129 => 52,  125 => 46,  114 => 37,  112 => 36,  109 => 35,  97 => 25,  95 => 24,  92 => 23,  86 => 20,  83 => 19,  81 => 18,  74 => 14,  71 => 13,  65 => 11,  63 => 10,  60 => 9,  58 => 8,  54 => 7,  50 => 6,  46 => 5,  42 => 3,  40 => 2,  37 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("", "dedd042f867d90b6c1874a8fe569617afc270616", "");
    }
}
