{% extends '::baseAjax.html.twig' %}
{% block ajax_body %}
	{% spaceless %}
	{% if ob_project_instance_meta.theme_data.design.current_theme_color is defined and  ob_project_instance_meta.theme_data.design.current_theme_color != 'default' %}
		@import url('{{ asset(ob_project_assets_base_url~'/css/color/color-'~ob_project_instance_meta.theme_data.design.current_theme_color~'.css') }}');
	{% endif %}
	{% for key,object in ob_project_instance_meta.theme_data.css %}
		{% set selector = '' %}
		{% set selector_type = '' %}
		{% set selector_value = '' %}
		{% if ob_project_instance_meta.theme_data.design.customize_elements[key] is defined %}
			{% for index,type in object %}
				{% set selector = type %}
				{% set selector_type = index %}
			{% endfor %}
			{% set selector_value = ob_project_instance_meta.theme_data.design.customize_elements[key] %}
			{% if selector_value != '' %}
				{% if key == 'header_image' or key == 'background_image' %}
					{% if selector_value|length > 2 %}
						{{ selector | raw }} {
							background-image:  url("{{  selector_value }}");
							background-repeat: repeat;
						}
					{% endif %}
				{% else %}
					{{ selector | raw  }} {
						{{ selector_type }}: {{  selector_value }} !important;
					}
				{% endif %}
			{% endif %}
		{% endif %}
	{% endfor %}
	{% endspaceless %}

{% endblock ajax_body %}