{% if websiteDetails.favicon %}
    <link rel="icon" sizes="16x16" href="{{ websiteDetails.favicon }}" />
{% else %}
    <link rel="icon" sizes="16x16" href="{{ asset('favicon.ico') }}" />
{% endif %}
<style>
    {% if websiteConfiguration.pageBackgroundColor %}
        body {
            background: {{websiteConfiguration.pageBackgroundColor}};
        }
    {% endif %}
    {% if websiteConfiguration.headerBackgroundColor %}
        .uv-header {
            background-color: {{websiteConfiguration.headerBackgroundColor}};
        }
    {% endif %}
    {% if websiteConfiguration.bannerBackgroundColor %}
        .uv-hero {
            background-color: {{websiteConfiguration.bannerBackgroundColor}};
        }
    {% endif %}
    {% if websiteConfiguration.linkColor %}
        a:not(.uv-btn):not(.uv-btn-small):not(.uv-table td a) {
            color: {{websiteConfiguration.linkColor}} !important;
        }
    {% endif %}
    {% if websiteConfiguration.linkHoverColor %}
        a:hover:not(.uv-btn):not(.uv-btn-small):not(.uv-table td a) {
            color: {{websiteConfiguration.linkHoverColor}} !important;
        }
    {% endif %}
    {% if websiteConfiguration.articleTextColor %}
        .uv-editor p {
            color: {{websiteConfiguration.articleTextColor}};
        }
    {% endif %}
</style>
{% if websiteConfiguration.customCSS %}
    <style>
        {{ websiteConfiguration.customCSS|raw }}
    </style>
{% endif %}
{% if websiteConfiguration.script %}
    {% if '<script' in websiteConfiguration.script and '</script>' in websiteConfiguration.script %}
        {{ websiteConfiguration.script|raw }}
    {% else %}
        <script type="text/javascript">
            {{ websiteConfiguration.script|raw }}
        </script>
    {% endif %}            
{% endif %}