<?xml version="1.0"?>
<!--
/**
 * Copyright © 2021 Olegnax. All rights reserved.
 */
-->
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Config:etc/system_file.xsd">
    <system>
        <tab id="olegnax_athlete2" translate="label" sortOrder="10">
            <label>Athlete2 - v1.7.2</label>
        </tab>
        <section id="athlete2_settings" translate="label" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
            <label>Theme Settings</label>
            <tab>olegnax_athlete2</tab>
            <resource>Olegnax_Athlete2::theme_settings</resource>
            <group id="info" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="0">
                <frontend_model>Olegnax\Athlete2\Block\Adminhtml\Info</frontend_model>
            </group>
            <group id="general" translate="label" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>General</label>
                <field id="enable" translate="label comment" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="5"
                       type="select">
                    <label>Enable Athlete2 Extension</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <comment>This is core extension for Athlete2 theme. If you want to use another theme for specific store view then disable this extension for that store view.</comment>
                </field>
                <field id="cms_validator_disable" translate="label comment" showInDefault="1" showInStore="1"
                       showInWebsite="1" sortOrder="7"
                       type="select">
                    <label>Disable WYSIWYG Validator</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <comment>Validator added in Magento 2.4.2 and will drop notices on pages import or save if they contain so called "unsafe" content. This creates huge limitation to what you can add in content. This option will disable such messages.</comment>
                </field>
                <field id="spacer_1" sortOrder="6" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="content_maxwidth" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Site max width</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <comment>Number only</comment>
                </field>
                <!--<field id="page_bottom_maxwidth" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Page Bottom max width</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <comment>Number only. Block Above footer and below content. Full width by default.</comment>
                </field>-->
                <field id="to_top" translate="label comment" type="select" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>To Top</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Show scroll back to top link in the bottom right corner of the website</comment>
                </field>
                <field id="messages_fixed" translate="label comment" type="select" sortOrder="35" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Messages Fixed Position</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Show messages fixed above content.</comment>
                </field>
                <field id="expand" translate="label" type="select" sortOrder="37" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Expand</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Expand/Collapse long content by clicking show more/less button. Be carefull with what you wrap, not every content will work properly after wrapped in additional containers.</comment>
                </field>
                <field id="expand_selectors" translate="label" type="text" sortOrder="38" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Expand Selectors</label>
                    <comment>Add css selectors divided by comma to which expand will be applied.</comment>
                    <depends>
                        <field id="expand">1</field>
                    </depends>
                </field>
                <field id="expand_height" translate="label" type="text" sortOrder="39" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Expand Content Max Height</label>
                     <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="expand">1</field>
                    </depends>
                </field>
                <field id="spacer_lazy" sortOrder="49" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="lazyload" translate="label comment" type="select" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Lazy load</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment><![CDATA[<strong style="color:blue">Optimization</strong> This option disable lazy load in theme only. Lazy load script is now moved to Core extension and can be disabled in Olegnax/Core Settings.]]></comment>
                </field>
                <field id="lazyload_svg" translate="label" type="select" sortOrder="51" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Generate SVG Placeholder</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="lazyload">1</field>
                    </depends>
                </field>
                <field id="lazyload_resized_placeholder" translate="label" type="select" sortOrder="52"
                       showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Create Image Placeholder</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="lazyload_svg">0</field>
                        <field id="lazyload">1</field>
                    </depends>
                </field>
                <field id="lazy_use_cache" translate="label" type="select" sortOrder="53" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Enable Cache for Lazy load</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Disable this option if you are using mobile theme.</comment>
                    <depends>
                        <field id="lazyload">1</field>
                    </depends>
                </field>
                <field id="lazyload_exclude" translate="label" type="textarea" sortOrder="54" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Lazy load Excluded Class</label>
                    <depends>
                        <field id="lazyload">1</field>
                    </depends>
                </field>
                  <field id="spacer_defer" sortOrder="59" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="deferjs" translate="label comment" type="select" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Defer JS</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <comment><![CDATA[<strong style="color:blue">Optimization</strong>]]></comment>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="deferjs_combine_inline" translate="label" type="select" sortOrder="61" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Combine inline scripts</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="deferjs">1</field>
                    </depends>
                </field>
                <field id="deferjs_combine_magentoinit" translate="label" type="select" sortOrder="62" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Combine magento init scripts</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="deferjs">1</field>
                    </depends>
                </field>
                <field id="deferjs_exclude_homepage" translate="label" type="select" showInDefault="1" showInWebsite="1"
                       showInStore="1" sortOrder="63">
                    <label>Exclude Homepage</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="deferjs">1</field>
                    </depends>
                </field>
                <field id="deferjs_exclude_action" translate="label comment" showInDefault="1" showInWebsite="1" showInStore="1" type="text" sortOrder="64">
                    <label>Exclude Actions</label>
                    <frontend_model>Olegnax\Athlete2\Block\System\Config\Form\Field\DeferActionArray</frontend_model>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Serialized</backend_model>
                    <comment>Listed actions will be unaffected by defer javascript. Use: {module}_{controller}_{action}</comment>
                    <depends>
                        <field id="deferjs">1</field>
                    </depends>
                </field>
                <field id="deferjs_exclude_path" translate="label comment" showInDefault="1" showInWebsite="1" showInStore="1" type="text" sortOrder="65">
                    <label>Exclude Path</label>
                    <frontend_model>Olegnax\Athlete2\Block\System\Config\Form\Field\DeferActionArray</frontend_model>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Serialized</backend_model>
                    <comment>Listed paths will be unaffected by defer javascript. Use: {Example: gear/bags.html}</comment>
                    <depends>
                        <field id="deferjs">1</field>
                    </depends>
                </field>
                <field id="deferjs_show_action_path" translate="label" type="select" showInDefault="1" showInWebsite="1" showInStore="1" sortOrder="66">
                    <label>Show Action and Path</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <comment>Help you show actions and paths of page.</comment>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="deferjs">1</field>
                    </depends>
                </field>
                <field id="deferjs_use_cache" translate="label" type="select" sortOrder="67" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Cache for DeferJs</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Disable this option if you are using mobile theme.</comment>
                    <depends>
                        <field id="deferjs">1</field>
                    </depends>
                </field>
                <field id="spacer_other" sortOrder="80" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="waypoints" translate="label comment" type="select" sortOrder="81" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Waypoints</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment><![CDATA[<strong style="color:blue">Optimization</strong> Waypoints used to trigger a function/animation when you scroll to an element. If you don't use it then it is a good idea to disable it.]]></comment>
                </field>
                <field id="videojs" translate="label" type="select" sortOrder="82" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable JS for self hosted Video</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <comment><![CDATA[<strong style="color:blue">Optimization</strong> You can disable this option for optimization if you do not use theme self-hosted video for products.]]></comment>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
            </group>
            <group id="header" translate="label" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Header</label>
                <field id="header_layout" translate="label" type="select" sortOrder="0" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Layout</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\Layout</source_model>
                </field>
                <field id="header_fullwidth" translate="label" type="select" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Full width header</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="menu_hover_style" translate="label" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Style</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\MenuStyle</source_model>
                </field>
                <field id="sticky_header_heading" translate="label" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sticky Header</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                    <frontend_class>header-with-border</frontend_class>
                </field>
                <field id="sticky_header" translate="label" type="select" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sticky Header</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="sticky_header_smart" translate="label comment" type="select" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Smart Sticky</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Show sticky header only when scrolling up</comment>
                </field>
                <field id="sticky_header_minimized" translate="label comment" type="select" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Simplified Sticky Header</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Keep the original header or minimized version for sticky header.</comment>
                 </field>
                <field id="sticky_header_hide_logo" translate="label" type="select" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Hide Logo in Simplified Sticky Header</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="sticky_header_mobile" translate="label" type="select" sortOrder="23" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Disable sticky header in Mobile Theme</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <comment><![CDATA[<strong style="color:blue">Optimization.</strong> <strong style="color:red">Requires "Mobile" Theme.</strong> Removing extra js on mobile can improve page speed score.]]></comment>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>
                <!--<field id="sticky_alt_logo" translate="label comment" type="select" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show alternative logo in sticky header</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="show_footer">1</field>
                    </depends>                   
                </field>-->
                <field id="topline_heading" translate="label" sortOrder="29" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Line</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                    <frontend_class>header-with-border</frontend_class>
                </field>
                <field id="disable_topline" translate="label" type="select" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Hide Top Line</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="show_top_links" translate="label" type="select" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Default Top Links</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="disable_topline">0</field>
                    </depends> 
                </field>
                <field id="show_account_greet" translate="label" type="select" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Welcome Message in Top Links</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="disable_topline">0</field>
                        <field id="show_top_links">1</field>
                    </depends> 
                </field>
                <field id="top_left_static" translate="label comment" type="editor" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Line Left Static Html</label>
                    <comment>Add your banner Text/HTML here. Tags are allowed.</comment>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="disable_topline">0</field>
                    </depends> 
                </field>
                <field id="top_middle_static" translate="label comment" type="editor" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Line Middle Static Html</label>
                    <comment>Add your banner Text/HTML here. Tags are allowed.</comment>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="disable_topline">0</field>
                    </depends> 
                </field>
                <field id="top_right_static" translate="label comment" type="editor" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Line Right Static Html</label>
                    <comment>Add your banner Text/HTML here. Tags are allowed.</comment>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="disable_topline">0</field>
                    </depends> 
                </field>
                <field id="header_items_heading" translate="label" sortOrder="39" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Items</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                    <frontend_class>header-with-border</frontend_class>
                </field>
                <field id="minicart_type" translate="label" type="select" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Mini Cart Type</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\MinicartType</source_model>
                </field>
                <field id="minicart_style" translate="label" type="select" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Mini Cart Content Style</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\MinicartStyle</source_model>
                </field>
                <field id="minicart_btn_minimal" translate="label comment" type="select" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Mini Cart Button Style Minimal</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Show only icon for minicart button in header.</comment>
                </field>
                <field id="minicart_counter_mobile" translate="label comment" type="select" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Mini Cart, Show Counter on Mobile</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Counter will be shown in minimal style: top left of the icon. Below 640px.</comment>
                </field>
                <field id="minicart_btn_hide_icon" translate="label" type="select" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Mini Cart Button Hide Icon on Desktop</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="minicart_btn_minimal">0</field>
                    </depends>
                </field>
                <field id="minicart_btn_text" translate="label" type="text" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Minicart Button Text</label>
                    <depends>
                        <field id="minicart_btn_minimal">0</field>
                    </depends>
                </field>                
                <field id="search_type" translate="label" type="select" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Type</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\SearchType</source_model>
                </field>
                <field id="menu_position" translate="label" type="select" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Position</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\MenuPosition</source_model>
                </field>
                <field id="menu_align" translate="label" type="select" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Align</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\MenuAlign</source_model>
                </field>
                <field id="menu_align_sticky" translate="label" type="select" sortOrder="61" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Align in Sticky Header</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\MenuAlignSticky</source_model>
                </field>
                <field id="wishlist_position" translate="label  comment" type="select" sortOrder="62" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Wishlist</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\HeaderItemPosition</source_model>
                    <comment>* When My account button action is set to Drop down, Top links are moved in my account drop down.</comment>
                </field>
                <field id="compare_position" translate="label comment" type="select" sortOrder="64" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Compare</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\HeaderItemPosition</source_model>
                    <comment>* When My account button action is set to Drop down, Top links are moved in my account drop down.</comment>
                </field>
                <field id="account_position" translate="label" type="select" sortOrder="66" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>My Account</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\HeaderItemPositionAccount</source_model>
                </field>
                <field id="account_action" translate="label comment" type="select" sortOrder="67" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>My Account Button Action</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\AccountAction</source_model>
                    <comment>Only for My Account in Header. When action is set to Drop down, Top links are moved in my account drop down.</comment>
                </field>
                <field id="account_type" translate="label" type="select" sortOrder="68" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Drop/Slideout</label>    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\MinicartType</source_model>
                </field>
                <field id="header_items_order_heading" translate="label comment" sortOrder="80" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Items Order</label>
                    <comment>You can reorder items in header (not the top line). Default value is 0.</comment>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                    <frontend_class>header-with-border</frontend_class>
                </field>
                <field id="header_item_search_order" translate="label" type="text" sortOrder="81" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Order</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="header_item_account_order" translate="label" type="text" sortOrder="82" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Order</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="header_item_compare_order" translate="label" type="text" sortOrder="83" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Compare Order</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="header_item_wishlist_order" translate="label" type="text" sortOrder="84" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Wishlist Order</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="header_item_cart_order" translate="label" type="text" sortOrder="85" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Minicart Order</label>
                    <validate>validate-digits</validate>
                </field>
            </group>
            <group id="mobile_header" translate="label" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Mobile Header</label>
                <field id="mobile_header_layout" translate="label comment" type="select" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Mobile Header Layout</label>
                    <comment>In "Menu + Search" layout, navigation has icon only. We recommend to have max 2 items on each side in layouts with centered logo.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\Mobile\Layout</source_model>                    
                </field>
                <field id="wishlist_mobile_position" translate="label" type="select" sortOrder="20" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Wishlist Position on Mobile</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\HeaderItemPositionMobile</source_model>
                </field>
                <field id="compare_mobile_position" translate="label" type="select" sortOrder="22" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Compare Position on Mobile</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\HeaderItemPositionMobile</source_model>
                </field>              
                <field id="mobile_header_menu_text" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Icon Text</label>
                </field>
                <!--<field id="mobile_alt_logo" translate="label comment" type="select" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Alternative logo on mobile</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Show alternative logo on mobile. Upload alt logo in Logo section below.</comment>
                </field>-->
                <field id="mobile_menu_content_before" translate="label comment" type="editor" sortOrder="20" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Mobile Menu(Slideout), Content Before Menu</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <comment>Add any Text/HTML here. Tags are allowed.</comment>
                </field>
                <field id="mobile_menu_content_after" translate="label comment" type="editor" sortOrder="20" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Mobile Menu(Slideout), Content After Menu</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <comment>Add any Text/HTML here. Tags are allowed.</comment>
                </field>
            </group>
            <group id="logo" translate="label" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Logo</label>
                <field id="logo_upload" translate="label comment" type="image" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Logo Image</label>
                    <comment>Allowed file types:PNG, GIF, JPG, JPEG</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                </field>
                <field id="logo_upload_retina" translate="label comment" type="image" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Logo Retina Image</label>
                    <comment>Optional. Used in retina displays and should be 2x bigger then original logo image. Allowed file types:PNG, GIF, JPG, JPEG</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                </field>
                <field id="logo_upload_print" translate="label comment" type="image" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Logo Image for Print page</label>
                    <comment>Optional. Used on order print pages.</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                </field>
                <!--<field id="logo_upload_alt" translate="label" type="image" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Logo Alternative Image</label>
                    <comment>Can be enabled for mobile or sticky header. Allowed file types:PNG, GIF, JPG, JPEG</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                </field>
                <field id="logo_upload_alt_retina" translate="label" type="image" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Logo Alternative Retina Image</label>
                    <comment>Can be enabled for mobile or sticky header. Used in retina displays and should be 2x bigger then original logo image. Allowed file types:PNG, GIF, JPG, JPEG.</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                </field>-->
                <field id="logo_img_width" translate="label" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Logo Image Width</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="logo_img_height" translate="label" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Logo Image Height</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="logo_width" translate="label" type="text" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Logo Container Width</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="logo_padding_horizontal" translate="label" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Logo Padding Horizontal</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="logo_padding_vertical" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Logo Padding Vertical</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="mobile_logo_padding_horizontal" translate="label" type="text" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Mobile Logo Padding Horizontal</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="mobile_logo_padding_vertical" translate="label" type="text" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Mobile Logo Padding Vertical</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
            </group>
            <group id="header_banner_below" translate="label" sortOrder="46" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Banner Below Header</label>
                <field id="show_banner" translate="label" type="select" sortOrder="0" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Show Header Banner</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="header_banner_location" translate="label" type="multiselect" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Page Location</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\PageLocation</source_model>
                    <depends>
                        <field id="show_banner">1</field>
                    </depends>
                </field>
                <field id="header_banner_type" translate="label" type="select" sortOrder="10" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Select Content for Banner</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\BannerType</source_model>
                    <depends>
                        <field id="show_banner">1</field>
                    </depends>
                </field>
                <field id="header_banner_columns" translate="label" type="select" sortOrder="11" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Banner Columns</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\BannerColumns</source_model>
                    <depends>
                        <field id="show_banner">1</field>
                    </depends>
                </field>
                <field id="header_banner_custom" translate="label comment" type="editor" sortOrder="20" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Custom HTML for Banner Area</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="show_banner">1</field>
                        <field id="header_banner_type">textfield</field>
                    </depends>
                    <comment>Add your banner Text/HTML here. Tags are allowed.</comment>
                </field>
                <field id="header_banner_static" translate="label" type="select" sortOrder="30" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Static Block for Banner Area</label>
                    <depends>
                        <field id="show_banner">1</field>
                        <field id="header_banner_type">custom_block</field>
                    </depends>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blocks</source_model>
                </field>
                <field id="header_banner_custom_2" translate="label comment" type="editor" sortOrder="31" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Custom HTML for Banner Area, Second Column</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="show_banner">1</field>
                        <field id="header_banner_columns">2</field>
                    </depends>
                    <comment>Add your banner Text/HTML here. Tags are allowed.</comment>
                </field>
            </group>
            <group id="cms_pages" translate="label" sortOrder="48" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>CMS Pages</label>
                <field id="cms_page_layout" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>CMS Pages Layout</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\PageLayouts</source_model>
                </field>
            </group>
            <group id="product" translate="label" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Product Page</label>
                <field id="product_fullwidth" translate="label" type="select" sortOrder="0" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Full width product page</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="product_page_layout" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Layout</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\PageLayouts</source_model>
                </field>
                <field id="gallery_wrapper" translate="label comment" type="select" sortOrder="2" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Info Wrapper</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Move gallery and info in additional wrapper. This allows to set max width for gallery and info block independenty.</comment>
                </field>
                <field id="gallery_wrapper_maxwidth" translate="label" type="text" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Info Wrapper max width</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <comment>Number only. Width of gallery and description without sidebar.</comment>
                    <depends>
                        <field id="gallery_wrapper">1</field>
                    </depends>
                </field>
                 <field id="columns_maxwidth" translate="label" type="text" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Content max width</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <comment>Number only. Width of content including sidebar.</comment>
                </field>
                <field id="bottom_wrapper_maxwidth" translate="label" type="text" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Bottom Container max width</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <comment>Number only. Container below content and above page bottom. It is inside of the page wrapper so it is usefull when you have fullwidth product page or if you simply want to make width for this block smaller than the website content width.</comment>
                </field>
                <field id="spacer_1" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="gallery_preload" translate="label comment" type="select" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Preload First Product Image</label>
                    <comment><![CDATA[<strong style="color:blue">Optimization</strong>. Enable this option for chance to get higher page speed score if product image is your largest content when page loads: https://web.dev/lcp]]></comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="gallery_layout" translate="label" type="select" sortOrder="6" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Gallery Layout</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Product\GalleryLayout</source_model>  
                </field>
                <field id="gallery_disable_lazy" translate="label comment" type="select" sortOrder="7" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Disable lazy load for Gallery</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment><![CDATA[<strong style="color:blue">Optimization</strong>. Disabling lazy load for Gallery Images can improve page speed score.]]></comment>
                </field>
                <field id="css_only_gallery" translate="label" type="select" sortOrder="8" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Replace Fotorama with CSS-Only gallery in Mobile Theme</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <comment><![CDATA[<strong style="color:blue">Optimization.</strong> <strong style="color:red">Requires "Mobile" theme.</strong> Replace default Magento product "Fotorama" gallery with CSS-only slider on mobile. ]]></comment>
                    <frontend_class>on-off-trigger</frontend_class>    
                    <depends>
                        <field id="gallery_layout">fast</field>
                    </depends>              
                </field>
                <field id="gallery_images_min_count" translate="label comment" type="text" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Min Amount of Products for 2 Columns</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <comment>Default is 2. Set min amount of images to show them in two columns. If you have product with only one image and no limit then this image will be half width.</comment>
                    <depends>
                        <field id="gallery_layout">2cols</field>
                    </depends>
                </field>
                <field id="gallery_images_stretch" translate="label comment" type="select" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Image Behavior in block</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Product\ImageBehavior</source_model>  
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>This option is for layout without gallery. Default will simply output image with it original size. Stretch image will set its width to 100% and scale height proportionally. If Align center selected image columns will have height proportionally to image height/width and images will be vertically and horizontally centered in columns.  Stretch and align center options also prevent image block size jump when lazy load is enabled.</comment>
                    <depends>                        
                        <field id="gallery_layout" separator=",">1col,2cols</field>
                    </depends>
                </field>
                <field id="gallery_images_stretch_cssonly" translate="label comment" type="select" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Image Behavior in block</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Product\ImageBehavior</source_model>  
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Default will simply output image with it original size. Stretch image will set its width to 100% and scale height proportionally. If Align center selected image columns will have height proportionally to image height/width and images will be vertically and horizontally centered in columns.  Stretch and align center options also prevent image block size jump when lazy load is enabled.</comment>
                    <depends>                        
                        <field id="css_only_gallery">1</field>
                        <field id="gallery_layout">fast</field>
                    </depends>
                </field>
                <field id="gallery_mobile" translate="label comment" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Gallery on Mobile</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Show Gallery grid as carousel slider on mobile.</comment>
                    <depends>
                        <field id="gallery_layout" separator=",">1col,2cols</field>
                    </depends>
                </field>
                <field id="gallery_mobile_css" translate="label comment" type="select" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Gallery on Mobile - CSS Only</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment><![CDATA[<strong style="color:blue">Optimization</strong>. Enable for better page speed score. Css-only version of product gallery.]]></comment>
                    <depends>
                        <field id="gallery_mobile">1</field>
                        <field id="gallery_layout" separator=",">1col,2cols</field>
                    </depends>
                </field>
                <field id="gallery_mobile_css_dots" translate="label" type="select" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show CSS-only Gallery Dots navigation</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="gallery_mobile">1</field>
                        <field id="gallery_mobile_css">1</field>
                        <field id="gallery_layout" separator=",">1col,2cols</field>
                    </depends>
                </field>
                <field id="gallery_mobile_css_dots_cssonly" translate="label" type="select" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show CSS-only Gallery Dots navigation</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="css_only_gallery">1</field>
                        <field id="gallery_layout">fast</field>
                    </depends>
                </field>
                <field id="gallery_mobile_breakpoint" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Gallery on Mobile - Breakpoint</label>
                    <validate>validate-range validate-digits</validate>
                    <comment>Set screen width below which grid galllery will be transfromed to carousel slider. Default value is 767. Numbers only.</comment>
                    <depends>
                        <field id="gallery_mobile">1</field>
                        <field id="gallery_layout" separator=",">1col,2cols</field>
                    </depends>
                </field>
                <field id="gallery_popup" translate="label comment" type="select" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Gallery popup</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>For gallery layouts without slider only!</comment>
                    <depends>
                        <field id="gallery_layout" separator=",">1col,2cols</field>
                    </depends>
                </field>
                <field id="gallery_popup_cssonly" translate="label comment" type="select" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Gallery popup</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Show fullsized product images in a modal.</comment>
                    <depends>
                        <field id="css_only_gallery">1</field>
                        <field id="gallery_layout">fast</field>
                    </depends>
                </field>
                <field id="gallery_sticky" translate="label comment" type="select" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sticky Product Description</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>For NO slider gallery layouts only!.</comment>
                    <depends>
                        <field id="gallery_layout" separator=",">1col,2cols</field>
                    </depends>
                </field>
                <field id="gallery_zoom_cursor" translate="label comment" type="select" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Custom Cursor for Gallery</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Override with custom cursor that appear when you hover the product gallery.</comment>
                </field>
                <field id="product_gallery_fixed_size" translate="label comment" type="select" sortOrder="18" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Use Product Image size for gallery width</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Enable this option to set fixed gallery size in px for desktop. Width value for Product gallery will used from Product Images > Product Image Width option. Make sure it is not empty. The rest of the space will be used by product description.</comment>
                </field>
                <field id="product_gallery_width" translate="label comment" type="text" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Gallery Block Width %, For 1 Column Layout</label>
                    <validate>validate-range range-10-75 validate-digits</validate>
                    <comment>Percent(%) value for Width of the product gallery for desktop. Set value between 10 and 75, number only. Default is 55. Use this option to add responsive Gallery size in %. Unlike the fixed size it will be scaled depending on the screen size. The rest of the space will be used by description.</comment>
                    <depends>
                        <field id="product_gallery_fixed_size">0</field>
                    </depends>
                </field>
                <field id="product_gallery_width_2col" translate="label" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Gallery Block Width %, For 2 Columns Layout</label>
                    <validate>validate-range range-10-75 validate-digits</validate>
                    <depends>
                        <field id="product_gallery_fixed_size">0</field>
                    </depends>
                </field>
                <field id="product_gallery_width_3col" translate="label" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Gallery Block Width %, For 3 Columns Layout</label>
                    <validate>validate-range range-10-75 validate-digits</validate>
                    <depends>
                        <field id="product_gallery_fixed_size">0</field>
                    </depends>
                </field>
                <field id="spacer_2" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="product_tabs_position" translate="label comment" type="select" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Tabs Position</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Product\TabsPosition</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Show tabs below add to cart in product info block or below the gallery and prodict info block.</comment>
                </field>
                <field id="product_tabs_accordion" translate="label comment" type="select" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Change Tabs to Accordion</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Show accorion instead of tabs on desktop view.</comment>
                </field>
                 <field id="product_tabs_closed" translate="label comment" type="select" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Close all accordion sections by default</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="product_tabs_accordion">1</field>
                    </depends>
                </field>
                <field id="product_tabs_style" translate="label" type="select" sortOrder="26" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Tabs Style</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Product\TabsStyle</source_model>
                </field>
                <field id="reviews_position" translate="label comment" type="select" sortOrder="27" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Reviews Block Position</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Product\ReviewPosition</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>By default they are shown below tabs, after related and upsell products.</comment>
                </field>
                <field id="spacer_3" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="description_expand" translate="label" type="select" sortOrder="31" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Enable Max Height for Description</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="description_expand_height" translate="label comment" type="text" sortOrder="32" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Max Height for Description</label>
                    <comment>Default is 90px. Number only.</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="description_expand">1</field>
                    </depends>
                </field>
                <field id="actions_position" translate="label" type="select" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Actions Position</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Product\ActionsPosition</source_model>
                </field>
                <field id="compare_disable" translate="label" type="select" sortOrder="33" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Hide Compare</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="wishlist_disable" translate="label" type="select" sortOrder="33" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Hide Wishlist</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="product_social_block" translate="label" type="select" sortOrder="34" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Show Social block</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="product_social_min" translate="label comment" type="select" sortOrder="35" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Social Link Minimized</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Show share icon only next to the add to cart instead of below.</comment>
                </field>
                <field id="product_mailtosocial" translate="label comment" type="select" sortOrder="36" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Move Mailto in Social Drop</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Always show mailto link or on click on social icon.</comment>
                </field>
                <field id="show_category_name" translate="label comment" type="select" sortOrder="37" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Show Category</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Show product category above title.</comment>
                </field>
                
                <field id="spacer_4" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="after_info_block_show" translate="label comment" type="select" sortOrder="41" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Show additional content after Product Info Block</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="after_info_block_content_type" translate="label" type="select" sortOrder="42" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Choose Additional Content Source</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\BannerType</source_model>
                    <depends>
                        <field id="after_info_block_show">1</field>
                    </depends>
                </field>
                <field id="after_info_block_content_custom" translate="label comment" type="editor" sortOrder="43" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Additional Content Custom HTML</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="after_info_block_show">1</field>
                        <field id="after_info_block_content_type">textfield</field>
                    </depends>
                    <comment>Add any Text/HTML here. Tags are allowed.</comment>
                </field>
                <field id="after_info_block_content_static" translate="label" type="select" sortOrder="43" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Additional Content Static Block</label>
                    <depends>
                        <field id="after_info_block_show">1</field>
                        <field id="after_info_block_content_type">custom_block</field>
                    </depends>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blocks</source_model>
                </field>
                 <field id="spacer_5" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="related_columns" translate="label" type="select" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related/Upsell slider columns</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\Columns</source_model>
                </field>
                <field id="related_columns_l" translate="label" type="select" sortOrder="52" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related/Upsell slider columns - Small Desktop)</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\Columns</source_model>
                </field>
                <field id="related_columns_m" translate="label" type="select" sortOrder="53" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related/Upsell slider columns - Tablet</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\ColumnsTablet</source_model>
                </field>
                <field id="related_columns_s" translate="label" type="select" sortOrder="54" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related/Upsell slider columns - Mobile</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\ColumnsMobile</source_model>
                </field>
                <field id="related_dots" translate="label" type="select" sortOrder="55" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related/Upsell Carousel Dots</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="related_dots_align" translate="label" type="select" sortOrder="56" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related/Upsell Dots Align</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Carousel\Align</source_model>
                    <depends>
                        <field id="related_dots">1</field>
                    </depends>
                </field>
                <field id="related_arrows" translate="label" type="select" sortOrder="57" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related/Upsell Carousel Arrows</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="related_arrows_position" translate="label" type="select" sortOrder="58" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related/Upsell Arrows Position</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Carousel\Arrows</source_model>
                    <depends>
                        <field id="related_arrows">1</field>
                    </depends>
                </field>
                <field id="related_title_lines" translate="label" type="select" sortOrder="59" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related/Upsell Title Lines</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="related_title_align" translate="label" type="select" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related/Upsell Title Align</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Carousel\Align</source_model>
                    <depends>
                        <field id="related_title_lines">1</field>
                    </depends>
                </field>
                <field id="related_overflow" translate="label" type="select" sortOrder="61" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related/Upsell Disable Sliders Overflow</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>If enbled you will be able to see slides outside of the content.</comment>
                </field>
                <field id="related_positon" translate="label" type="select" sortOrder="62" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related Position</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\RelatedPosition</source_model>
                </field>
                 <field id="upsell_positon" translate="label" type="select" sortOrder="63" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Upsell Position</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\RelatedPosition</source_model>
                </field>
                <field id="spacer_6" sortOrder="70" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="prev_next" translate="label" type="select" sortOrder="71" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Prev/Next Product links</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="spacer_7" sortOrder="80" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="brand" translate="label comment" type="select" sortOrder="81" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show brand</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment><![CDATA[Brands should be setup in <a href="https://athlete2.com/documentation/extensions.html#olegnax-brands" target="_blank">Olegnax Brand Slider extension</a>.]]></comment>
                </field>
                <field id="brand_image_alt" translate="label comment" type="select" sortOrder="82" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Use Alternative Brand Image</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Original image used from brands slider original folder "wysiwyg/brands". Alternative image should be placed in "wysiwyg/brands/small" folder. Use alternative image size to add smaller or alternative brand logos for grid.</comment>
                    <depends>
                        <field id="brand">1</field>
                    </depends>
                </field>
                <field id="brand_image_width" translate="label" type="text" sortOrder="83" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Brand Image Width</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="brand">1</field>
                    </depends>
                </field>
                <field id="brand_image_height" translate="label" type="text" sortOrder="83" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Brand Image Height</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="brand">1</field>
                    </depends>
                </field>  
                <field id="spacer_8" sortOrder="90" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="customtabs_enable" translate="label" type="select" sortOrder="91" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Custom Tabs</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="customtabs_by_block" translate="label comment" showInDefault="1" showInWebsite="1" showInStore="1" type="text" sortOrder="92">
                    <label>Product Custom Static Block Tabs</label>
                    <frontend_model>Olegnax\Athlete2\Block\System\Config\Form\Field\BlockArray</frontend_model>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Serialized</backend_model>
                    <depends>
                        <field id="customtabs_enable">1</field>
                    </depends>
                </field>
                <field id="customtabs_by_attribute" translate="label comment" showInDefault="1" showInWebsite="1" showInStore="1" type="text" sortOrder="93">
                    <label>Product Custom Attribute Tabs</label>
                    <frontend_model>Olegnax\Athlete2\Block\System\Config\Form\Field\AttributeArray</frontend_model>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Serialized</backend_model>
                    <depends>
                        <field id="customtabs_enable">1</field>
                    </depends>
                </field>
            </group>
            <group id="products_listing" translate="label" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Products Listing</label>
                <field id="catalog_page_layout" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Catalog (Category Pages) Layout</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\PageLayouts</source_model>
                </field>
                <field id="search_results_layout" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Results Page Layout</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\PageLayouts</source_model>
                </field>
                <field id="grid_fullwidth" translate="label" type="select" sortOrder="2" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Full Width Category Pages</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="move_cat_title" translate="label" type="select" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Move Category Tile, Breacrumbs, Desc and Image in Content</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="move_cat_cms_block" translate="label" type="select" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Move Category CMS Block in Content</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <!--<field id="move_title" translate="label" type="select" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Move Category Title in Content</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="move_image" translate="label" type="select" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Move Category Image in Content</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="move_desc" translate="label" type="select" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Move Category Description in Content</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>-->
                <field id="spacer_1" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="sticky_sidebar" translate="label" type="select" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sticky Sidebars and Content</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="filters_closed" translate="label" type="select" sortOrder="6" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Filters Toggle Default State - Closed</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="filters_counter" translate="label" type="select" sortOrder="6" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Filters Slideout Toggle Counter</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Show currenttly selected filters counter for filters slideout toggle for default Magento Layered Naviation.</comment>
                </field>
                <field id="spacer_2" sortOrder="7" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="products_layout" translate="label" type="select" sortOrder="8" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product listing Layout</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\ProductsLayout</source_model>
                </field>
                <field id="products_layout_centered" translate="label comment" type="select" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Grid Details - Align Center</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Align center items below image in grid.</comment>
                </field>
                <field id="grid_columns" translate="label" type="select" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Grid Items per row</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\Columns</source_model>
                    <comment>Please note that this is amount of products per row for one columns layout. For layout with sidebar it will be one less and two less for layout with 3 columns (two sidebars). E.g if you set value 6, it will be 5 for layout with one sidebar and 4 for layout with 2 sidebars. However this is only for 5+ items per row for one sidebar layout and 4+ for 2 sidebars layout.</comment>
                </field>
                <field id="grid_columns_l" translate="label" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Grid Items per row - Small Desktop</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\Columns</source_model>
                </field>
                <field id="grid_columns_m" translate="label" type="select" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Grid Items per row - Tablet</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\ColumnsTablet</source_model>
                </field>
                <field id="grid_columns_s" translate="label" type="select" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Grid Items per row - Mobile</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\ColumnsMobile</source_model>
                </field>
                <field id="add_to_cart" translate="label" type="select" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Add to Cart Button- Grid View</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="add_to_cart_list" translate="label" type="select" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Add to Cart Button- List View</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="wishlist" translate="label" type="select" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Wishlist Button</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="compare" translate="label" type="select" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Compare Button</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="rating" translate="label" type="select" sortOrder="26" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Rating</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="review_count" translate="label" type="select" sortOrder="27" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Ratings Count</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="rating">1</field>
                    </depends>
                </field>
                <field id="price" translate="label" type="select" sortOrder="28" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Price</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="hover_image" translate="label comment" type="select" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Second Image on Hover</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Show second image on hover.</comment>
                </field>
                <field id="category_name" translate="label" type="select" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Category</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="outofstock" translate="label" type="select" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Out of Stock label</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="quickview" translate="label comment" type="select" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Quickview Button</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Quickview extionsion must be enabled in order to make this feature work.</comment>
                </field>
                <field id="quickview_position" translate="label comment" type="select" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Quickview Button Position</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\QuickviewPosition</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="quickview">1</field>
                    </depends>
                </field>
                <field id="quickview_mobile" translate="label" type="select" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Hide Quickview on Mobile</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="description_on_grid" translate="label" type="select" sortOrder="35" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show description on grid</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="preloader_enabled" translate="label" type="select" sortOrder="36" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Preloader for Product Images</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="spacer_3" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="brand" translate="label comment" type="select" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show brand</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment><![CDATA[Brands should be setup in <a href="https://athlete2.com/documentation/extensions.html#olegnax-brands" target="_blank">Olegnax Brand Slider extension</a>.]]></comment>
                </field>
                <!--<field id="brand_image" translate="label comment" type="select" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Brand image</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>If disabled brand name will be show.</comment>
                </field>-->
                <field id="brand_image_alt" translate="label comment" type="select" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Use Alternative Brand Image</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Original image used from brands slider original folder "wysiwyg/brands". Alternative image should be placed in "wysiwyg/brands/small" folder. Use alternative image size to add smaller or alternative brand logos for grid.</comment>
                    <depends>
                        <field id="brand">1</field>
                    </depends>
                </field>
                <field id="brand_image_width" translate="label" type="text" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Brand Image Width</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="brand">1</field>
                    </depends>
                </field>
                <field id="brand_image_height" translate="label" type="text" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Brand Image Height</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="brand">1</field>
                    </depends>
                </field>
                <field id="spacer_4" sortOrder="49" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="catalog_ajax_add_to_cart" translate="label comment" type="select" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Do not use AJAX(Add to cart) in the Product List</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="show_minicart_after_added_product" translate="label comment" type="select" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Do not show minicart after adding product to cart</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
           </group>
            <group id="product_images" translate="label" sortOrder="70" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Product Images</label>
                <field id="listing_image_width" translate="label comment" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Listing Image Width</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="listing_image_height" translate="label comment" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Listing Image Height</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="product_image_width" translate="label comment" type="text" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Image Width</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="product_image_height" translate="label comment" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Image Height</label>
                    <validate>validate-digits</validate>
                </field>
            </group>
            <group id="footer" translate="label" sortOrder="80" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Footer</label>
                <field id="show_footer" translate="label comment" type="select" sortOrder="0" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Footer block</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Edit or create static block with identifier "athlete2-footer-content".</comment>
                </field>
                <field id="footer_content_type" translate="label" type="select" sortOrder="1" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Choose Footer Content Source</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\BannerType</source_model>
                    <depends>
                        <field id="show_footer">1</field>
                    </depends>
                </field>
                <field id="footer_content_custom" translate="label comment" type="editor" sortOrder="2" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Custom HTML</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="show_footer">1</field>
                        <field id="footer_content_type">textfield</field>
                    </depends>
                    <comment>Add any Text/HTML here. Tags are allowed.</comment>
                </field>
                <field id="footer_content_static" translate="label" type="select" sortOrder="3" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Static Block</label>
                    <depends>
                        <field id="show_footer">1</field>
                        <field id="footer_content_type">custom_block</field>
                    </depends>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blocks</source_model>
                </field>
                <field id="footer_layout" translate="label comment" type="select" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Layout</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Footer\FooterLayout</source_model>
                    <comment>Disable or Choose position of newsletter and footer static block.</comment>
                    <depends>
                        <field id="show_footer">1</field>
                    </depends>
                </field>
                <field id="spacer_1" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="newsletter_style" translate="label comment" type="select" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter Style</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Footer\NewsletterStyle</source_model>
                    <comment>Choose between big and small newsletter block above footer</comment>
                </field>
                <field id="newsletter_input_underlined" translate="label" type="select" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter Underlined Input Style</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="newsletter_title" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter Title</label>
                </field>
                <field id="newsletter_label" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter Text</label>
                </field>
                <field id="show_footer_below_newsletter" translate="label comment" type="select" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show CMS Block Below Newsletter</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Edit or create static block with identifier "athlete2-footer-content-after-newsletter".</comment>
                    <depends>
                        <field id="show_footer">1</field>
                    </depends>
                </field>
                <field id="footer_below_newsletter_content_type" translate="label" type="select" sortOrder="25" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Choose Below Newsletter Content Source</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\BannerType</source_model>
                    <depends>
                        <field id="show_footer_below_newsletter">1</field>
                    </depends>
                </field>
                <field id="footer_below_newsletter_content_custom" translate="label comment" type="editor" sortOrder="26" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Below Newsletter Block Custom HTML</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="show_footer_below_newsletter">1</field>
                        <field id="footer_below_newsletter_content_type">textfield</field>
                    </depends>
                    <comment>Add any Text/HTML here. Tags are allowed.</comment>
                </field>
                <field id="footer_below_newsletter_content_static" translate="label" type="select" sortOrder="27" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Below Newsletter Static Block</label>
                    <depends>
                        <field id="show_footer_below_newsletter">1</field>
                        <field id="footer_below_newsletter_content_type">custom_block</field>
                    </depends>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blocks</source_model>
                </field>
                <field id="spacer_2" sortOrder="29" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="show_footer_bottom" translate="label comment" type="select" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Footer Bottom block</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Edit or create static block with identifier "athlete2-footer-content-after".</comment>
                    <depends>
                        <field id="show_footer">1</field>
                    </depends>
                </field>
                <field id="footer_bottom_content_type" translate="label" type="select" sortOrder="31" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Choose Footer Bottom Block Content Source</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\BannerType</source_model>
                    <depends>
                        <field id="show_footer_bottom">1</field>
                    </depends>
                </field>
                <field id="footer_bottom_content_custom" translate="label comment" type="editor" sortOrder="32" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Footer Bottom Block Custom HTML</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="show_footer">1</field>
                        <field id="footer_bottom_content_type">textfield</field>
                    </depends>
                    <comment>Add any Text/HTML here. Tags are allowed.</comment>
                </field>
                <field id="footer_bottom_content_static" translate="label" type="select" sortOrder="32" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Footer Bottom Block Static Block</label>
                    <depends>
                        <field id="show_footer">1</field>
                        <field id="footer_bottom_content_type">custom_block</field>
                    </depends>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blocks</source_model>
                </field>
                <field id="spacer_3" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="store_switch_position" translate="label" type="select" sortOrder="34" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Store Switcher Position</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Footer\StoreSwitcherPosition</source_model>
                    <depends>
                        <field id="show_footer">1</field>
                    </depends>
                </field>
                <field id="footer_store_switcher_font_style" translate="label comment" type="select" sortOrder="35" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Store Switcher Toggle Heading(H6) Style</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>
                <field id="store_switch_flags" translate="label comment" type="select" sortOrder="36" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Flags in Store Switcher</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="spacer_4" sortOrder="39" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="show_copyright" translate="label" type="select" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Copyright Line</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="copyright_text" translate="label comment" type="editor" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Copyright Text</label>
                    <comment>Add your copyright text here. HTML tags allowed.</comment>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="show_copyright">1</field>
                    </depends>
                </field>
                <field id="copyright_layout" translate="label comment" type="select" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Copyright Layout</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Footer\CopyrightLayout</source_model>
                    <comment>Choose between two columns and one column with centered content.</comment>
                    <depends>
                        <field id="show_copyright">1</field>
                    </depends>
                </field>
                <field id="copyright_content_type" translate="label" type="select" sortOrder="43" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Choose Copyright Content Source</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\BannerType</source_model>
                    <depends>
                        <field id="show_copyright">1</field>
                    </depends>
                </field>
                <field id="copyright_content_custom" translate="label comment" type="editor" sortOrder="44" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Custom HTML</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="show_copyright">1</field>
                        <field id="copyright_content_type">textfield</field>
                    </depends>
                    <comment>Add any Text/HTML here. Tags are allowed.</comment>
                </field>
                <field id="copyright_content_static" translate="label" type="select" sortOrder="45" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Static Block</label>
                    <depends>
                        <field id="show_copyright">1</field>
                        <field id="copyright_content_type">custom_block</field>
                    </depends>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blocks</source_model>
                </field>
            </group>
            <group id="above_footer_block" translate="label" sortOrder="90" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Content Area Above Footer</label>
                <field id="show_block" translate="label" type="select" sortOrder="0" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Show Additional Content Above Footer</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="above_footer_block_type" translate="label" type="select" sortOrder="10" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Select Content</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\BannerType</source_model>
                    <depends>
                        <field id="show_block">1</field>
                    </depends>
                </field>
                <field id="above_footer_block_custom" translate="label comment" type="editor" sortOrder="20" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Custom HTML</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="show_block">1</field>
                        <field id="above_footer_block_type">textfield</field>
                    </depends>
                    <comment>Add any Text/HTML here. Tags are allowed.</comment>
                </field>
                <field id="above_footer_block_static" translate="label" type="select" sortOrder="30" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Static Block</label>
                    <depends>
                        <field id="show_block">1</field>
                        <field id="above_footer_block_type">custom_block</field>
                    </depends>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blocks</source_model>
                </field>
            </group>
            <group id="footer_banner" translate="label" sortOrder="90" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Banner Above Footer</label>
                <field id="show_banner" translate="label" type="select" sortOrder="0" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Show Footer Banner</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="footer_banner_location" translate="label" type="multiselect" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Page Location</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\PageLocation</source_model>
                    <depends>
                        <field id="show_banner">1</field>
                    </depends>
                </field>
                <field id="footer_banner_columns" translate="label" type="select" sortOrder="6" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Banner Columns</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\BannerColumns</source_model>
                    <depends>
                        <field id="show_banner">1</field>
                    </depends>
                </field>
                <field id="footer_banner_type" translate="label" type="select" sortOrder="10" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Select Content for Banner</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\BannerType</source_model>
                    <depends>
                        <field id="show_banner">1</field>
                    </depends>
                </field>
                <field id="footer_banner_custom" translate="label comment" type="editor" sortOrder="20" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Custom HTML for Banner Area</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="show_banner">1</field>
                        <field id="footer_banner_type">textfield</field>
                    </depends>
                    <comment>Add your banner Text/HTML here. Tags are allowed.</comment>
                </field>
                <field id="footer_banner_static" translate="label" type="select" sortOrder="30" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Static Block for Banner Area</label>
                    <depends>
                        <field id="show_banner">1</field>
                        <field id="footer_banner_type">custom_block</field>
                    </depends>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blocks</source_model>
                </field>
                <field id="footer_banner_custom_2" translate="label comment" type="editor" sortOrder="20" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Custom HTML for Banner Area, Second Column</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="show_banner">1</field>
                        <field id="footer_banner_columns">2</field>
                    </depends>
                    <comment>Add your banner Text/HTML here. Tags are allowed.</comment>
                </field>
            </group>
            <group id="contacts_page" translate="label" sortOrder="100" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Contacts Page</label>
                <field id="contacts_page_fullwidth" translate="label comment" type="select" sortOrder="10" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Full Width</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Note:  This option will only set full width for top block on default layout.</comment>
                </field>
                <field id="contacts_layout" translate="label" type="select" sortOrder="20" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Contacts Page Layout</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Contacts\Layout</source_model>
                </field>
                <field id="contacts_page_swap_form" translate="label comment" type="select" sortOrder="21" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Swap form and content position</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Content on the left, form onthe right. For default layout only.</comment>
                </field>
                <field id="first_block_type" translate="label" type="select" sortOrder="24" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>First Block Content Type</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Contacts\FirstBlockType</source_model>
                </field>
                <field id="first_block_content" translate="label comment" type="editor" sortOrder="25" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Custom HTML for Banner Area</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="first_block_type">content</field>
                    </depends>
                    <comment>Add your banner Text/HTML here. Tags are allowed.</comment>
                </field>
                <field id="spacer_1" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="first_block_type">google_map</field>
                    </depends>
                </field>
                <field id="google_map_module" translate="label comment" type="select" sortOrder="31" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Use Olegnax GoogleMap Module</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="first_block_type">google_map</field>
                    </depends>
                    <comment>Output google map from Olegnax GoogleMap module. Olegnax GoogleMap module should be installed and enabled. Disable to use theme built-in google map.</comment>
                </field>
                <field id="google_map_api_key" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Google Map Api Key</label>
                    <depends>
                        <field id="google_map_module">0</field>
                        <field id="first_block_type">google_map</field>
                    </depends>
                </field>
                <field id="google_map_latitude" translate="label" type="text" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Google Map Latitude</label>
                    <validate>validate-number</validate>
                    <depends>
                        <field id="google_map_module">0</field>
                        <field id="first_block_type">google_map</field>
                    </depends>
                </field>
                <field id="google_map_longitude" translate="label" type="text" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Google Map Longtitude</label>
                    <validate>validate-number</validate>
                    <depends>
                        <field id="google_map_module">0</field>
                        <field id="first_block_type">google_map</field>
                    </depends>
                </field>
                <field id="google_map_zoom" translate="label" type="text" sortOrder="35" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Google Map Zoom</label>
                    <validate>validate-digits</validate>
                    <depends>
                        <field id="google_map_module">0</field>
                        <field id="first_block_type">google_map</field>
                    </depends>
                </field>
                <field id="google_map_pin_color1" translate="label" type="text" sortOrder="36" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Map Pin Color 1</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="google_map_module">0</field>
                        <field id="first_block_type">google_map</field>
                    </depends>
                </field>
                <field id="google_map_pin_color2" translate="label" type="text" sortOrder="37" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Map Pin Color 2</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="google_map_module">0</field>
                        <field id="first_block_type">google_map</field>
                    </depends>
                </field>
                <field id="contacts_page_image" translate="label comment" type="image" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Contacts Page Image</label>
                    <comment>Allowed file types:PNG, GIF, JPG, JPEG.</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                    <depends>
                        <field id="first_block_type">image</field>
                    </depends>
                </field>
                <field id="spacer_2" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="second_block_show" translate="label" type="select" sortOrder="41" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Show Additional Content Block 1</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="second_block_content" translate="label comment" type="editor" sortOrder="42" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Custom HTML Area 1</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="second_block_show">1</field>
                    </depends>
                    <comment>This block will be show right or above (depends on layout) the contact form. Add any Text/HTML here. Tags are allowed.</comment>
                </field>
                <field id="spacer_3" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="third_block_show" translate="label" type="select" sortOrder="51" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Show Additional Content Block 2</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="third_block_content" translate="label comment" type="editor" sortOrder="52" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Custom HTML Area 2</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="third_block_show">1</field>
                    </depends>
                    <comment>This block is below all content on the contact page. Add any Text/HTML here. Tags are allowed.</comment>
                </field>
            </group>
            <group id="blog" translate="label" sortOrder="110" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Blog</label>
                <field id="blog_list_page_layout" translate="label" type="select" sortOrder="5" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Blog Page Layout</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blog\PageLayout</source_model>               
                </field>
                <field id="hide_title" translate="label" type="select" sortOrder="5" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Remove Title From Blog Page</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="hide_breadcrumbs" translate="label" type="select" sortOrder="5" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Remove Breadcrumbs From Blog Page</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="blog_style_classic" translate="label comment" type="select" sortOrder="10" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Blog Listing Style Classic</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Blog style from original Athlete theme. If disabled clean, modern style will be used.</comment>
                </field>
                <field id="blog_list_style" translate="label" type="select" sortOrder="11" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Modern Blog List Style</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blog\ListStyle</source_model>               
                    <depends>
                        <field id="blog_style_classic">0</field>
                    </depends>
                </field>
                <field id="blog_list_overlay_minheight" translate="label" type="text" sortOrder="12" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Content Above Image(Normal), Min Height</label>
                </field>
                <field id="blog_list_overlay_minheight_mobile" translate="label" type="text" sortOrder="12" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Content Above Image(Normal), Min Height Mobile</label>
                </field>
                <field id="blog_list_columns" translate="label" type="select" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog List Columns</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blog\Columns</source_model>
                </field>
                <field id="blog_list_categories" translate="label" type="select" sortOrder="20" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Hide Categories</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>
                <field id="description" translate="label" type="select" sortOrder="21" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Hide Description</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>
                 <field id="description_expand" translate="label" type="select" sortOrder="21" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Expand Short Description</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                    <comment>Expand/Collapse description on blog listing by clicking show more/less button.</comment>
                    <depends>
                        <field id="description">0</field>
                    </depends>   
                </field>
                 <field id="description_expand_height" translate="label" type="text" sortOrder="22" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Short Description Max Height</label>
                    <depends>
                        <field id="description">0</field>
                        <field id="description_expand">1</field>
                    </depends>   
                </field>
                <field id="blog_list_read_more" translate="label" type="select" sortOrder="22" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Hide Read More Button</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>
                <field id="blog_list_comments_link" translate="label" type="select" sortOrder="22" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Hide Comments Link</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>
                <field id="blog_list_author" translate="label" type="select" sortOrder="23" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Hide Author link</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>
                <field id="blog_list_date" translate="label" type="select" sortOrder="24" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Hide Date</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>
                <field id="blog_list_date_image" translate="label comment" type="select" sortOrder="25" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Show Date Above Image on Hover</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>    
                    <comment>Modern style, image left and image top layouts only.</comment> 
                    <depends>
                        <field id="blog_style_classic">0</field>
                        <field id="blog_list_date">0</field>
                    </depends>       
                </field>
                <field id="blog_list_social" translate="label" type="select" sortOrder="26" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Hide Social Share</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                   
                </field>
                <field id="blog_list_social_theme" translate="label" type="select" sortOrder="27" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Use Theme Social Share</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                   
                    <comment>If disabled Magefan extension share settigns will be used.</comment> 
                    <depends>
                        <field id="blog_list_social">0</field>
                    </depends> 
                </field>
                <field id="blog_list_image_width" translate="label" type="text" sortOrder="31"  showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog List, Post Image Width</label>
                </field>
                <field id="blog_list_image_height" translate="label" type="text" sortOrder="32"  showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog List, Post Image Height</label>
                </field>
                <field id="blog_list_big_image_width" translate="label" type="text" sortOrder="33"  showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog List, Big Post Image Width</label>
                </field>
                <field id="blog_list_big_image_height" translate="label" type="text" sortOrder="34"  showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog List, Big Post Image Height</label>
                </field>
                <field id="spacer_sidebar1" sortOrder="39" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="widget_columns" translate="label" type="select" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog Widget Columns</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blog\RelatedColumns</source_model>
                </field>
                <field id="blog_widget_image_width" translate="label" type="text" sortOrder="41"  showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog Widget Image Width</label>
                </field>
                <field id="blog_widget_image_height" translate="label" type="text" sortOrder="42"  showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog Widget Image Height</label>
                </field>
                <field id="blog_widget_overlay_minheight" translate="label" type="text" sortOrder="43" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Blog Widget Item Min Height (Content Above Image Normal)</label>
                    <comment>Template: Magefan_Blog::widget/recent-overlay.phtml</comment>
                </field>
                <field id="blog_widget_overlay_minheight_mobile" translate="label" type="text" sortOrder="44" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Blog Widget Item Min Height - Mobile (Content Above Image Normal)</label>
                    <comment>Template: Magefan_Blog::widget/recent-overlay.phtml</comment>
                </field>
                <field id="spacer_sidebar2" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="blog_sidebar_recent_image" translate="label" type="select" sortOrder="51" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Blog Sidebar Recent posts Show Image</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                   
                </field>
                <field id="blog_sidebar_recent_image_width" translate="label" type="text" sortOrder="52"  showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog Sidebar Recent posts Image Width</label>
                    <depends>
                        <field id="blog_sidebar_recent_image">1</field>
                    </depends> 
                </field>
                <field id="blog_sidebar_recent_image_height" translate="label" type="text" sortOrder="53"  showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog Sidebar Recent posts Image Height</label>
                    <depends>
                        <field id="blog_sidebar_recent_image">1</field>
                    </depends> 
                </field>
            </group>
            <group id="blog_post" translate="label" sortOrder="111" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Blog Post</label>
                <!--<field id="page_layout" translate="label comment" type="select" sortOrder="5" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Blog Post Layout</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blog\PageLayout</source_model>
                    <comment>This is global layout settings. You can also set different layout for each post on post editing page.</comment>                         
                </field>-->
                <!--<field id="blog_style_classic" translate="label comment" type="select" sortOrder="10" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Blog Title Style Classic</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Blog style from original Athlete theme with date on the left. If disabled clean, modern style will be used.</comment>
                </field> -->
                <field id="narrow_post" translate="label comment" type="select" sortOrder="21" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Narrow Post Header and Footer</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>  
                    <comment><![CDATA[Set max width to 830px to post header and footer.]]></comment>                  
                </field>
                <field id="narrow_post_content" translate="label comment" type="select" sortOrder="22" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Narrow Post Content</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>  
                    <comment><![CDATA[Set post content max width to 830px. Use "wide" class to make selected content wider. This option not recommended if you wish to add full width content in post.]]></comment>   
                    <depends>
                        <field id="narrow_post">1</field>
                    </depends>        
                </field>
                <field id="narrow_post_p" translate="label comment" type="select" sortOrder="23" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Narrow Post by P tag</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>  
                    <comment><![CDATA[If enabled all p tags in post content will have max widht 830px. If disabled use "narrow-content" class. ]]></comment>   
                    <depends>
                        <field id="narrow_post">1</field>
                    </depends>           
                </field>
                <field id="sticky_progress" translate="label" type="select" sortOrder="24" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Show Sticky Post Read Progress</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>
                <field id="share_sticky" translate="label" type="select" sortOrder="25" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Show Share in Sticky Block</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>   
                <field id="share_below_title" translate="label" type="select" sortOrder="26" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Show Share Icons Below Title</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>
                <field id="share_below_title_theme" translate="label comment" type="select" sortOrder="27" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Use Theme Share Icons Below Title</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>            
                    <comment>If disabled, default blog social share will be used</comment>         
                </field>
                <field id="hide_categories" translate="label" type="select" sortOrder="28" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Hide Categories</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>
                <field id="hide_date" translate="label" type="select" sortOrder="29" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Hide Date</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>
                <field id="hide_comments_link" translate="label" type="select" sortOrder="30" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Hide Comments Link</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>             
                <field id="hide_tags" translate="label" type="select" sortOrder="31" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Hide Tags</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>
                <field id="hide_author" translate="label" type="select" sortOrder="32" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Hide Author link</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>
                <field id="hide_featured" translate="label" type="select" sortOrder="33" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Hide Featured Image in Post</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>
                <field id="related_title_hide" translate="label" type="select" sortOrder="34" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Related Posts - Hide Title</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>
                <field id="related_columns" translate="label comment" type="select" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related Posts Columns (Items per row)</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blog\RelatedColumns</source_model>
                    <comment>Related posts can be choosed on the post edit page.</comment>
                </field>
                <field id="related_image_width" translate="label" type="text" sortOrder="41"  showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related Posts Image Width</label>
                </field>
                <field id="related_image_height" translate="label" type="text" sortOrder="42"  showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related Posts Image Height</label>
                </field>
                <field id="blog_related_product_columns" translate="label comment" type="select" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">                    
                    <label>Related Products Columns (Items per row)</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\Columns</source_model>
                    <comment>Post related products can be choosed on the post edit page.</comment>
                </field>
            </group>
            <group id="blog_product_page" translate="label" sortOrder="112" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Blog Product Page</label>
                <field id="blog_related_layout" translate="label comment" type="select" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related Posts List View</label>                    
                     <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>    
                </field>
                <field id="related_columns" translate="label" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related Posts Columns (Items per row)</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blog\RelatedColumnsProductPage</source_model>
                    <depends>
                        <field id="blog_related_layout">0</field>
                    </depends> 
                </field>
                <field id="related_title_hide" translate="label" type="select" sortOrder="20" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Related Posts - Hide Block Title</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>
                <field id="hide_categories" translate="label" type="select" sortOrder="21" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Related Posts - Hide Categories</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>
                <field id="hide_image" translate="label" type="select" sortOrder="22" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Related Posts - Hide Image</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                    
                </field>
                <field id="related_image_width" translate="label" type="text" sortOrder="23"  showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related Posts Image Width</label>
                    <depends>
                        <field id="hide_image">0</field>
                    </depends> 
                </field>
                <field id="related_image_height" translate="label" type="text" sortOrder="24"  showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related Posts Image Height</label>
                     <depends>
                        <field id="hide_image">0</field>
                    </depends> 
                </field>
            </group>
        </section>
        <section id="athlete2_design" translate="label" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
            <label>Theme Appearance</label>
            <tab>olegnax_athlete2</tab>
            <resource>Olegnax_Athlete2::theme_design</resource>
            <group id="info" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="0">
                <frontend_model>Olegnax\Athlete2\Block\Adminhtml\Info</frontend_model>
            </group>
            <group id="appearance_general" translate="label" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>General</label>
                <field id="google_font_enable" translate="label" type="select" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Google Font</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="fonts_display_mode" translate="label comment" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Google Fonts Display Strategy</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\FontDisplay</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                    </depends>
                </field>
                <field id="fontawesome_enabled" translate="label" type="select" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable FontAwesome</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>        
                <field id="general_font" translate="label comment" type="select" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Main Font</label>
                    <comment>Enable google font to use this option. Will be applied to h4, h5, h6.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFonts</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                    </depends>
                </field>
                <field id="general_font_custom" translate="label comment" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Main Font - Custom</label>
                    <comment><![CDATA[Add custom font name here to use custom font instead of google, e.g.: Open Sans. <a href="https://devdocs.magento.com/guides/v2.4/frontend-dev-guide/css-topics/using-fonts.html" target="_blank">Check instructions for details.</a>]]></comment>
                </field>
                <field id="general_font_weight" translate="label comment" type="multiselect" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Main Font Weights</label>                    
                    <comment><![CDATA[<p>How to use font weight option? This is not the font weight for content font. This is a list of font weight variations that will be loaded from google for this specific font.</p><p> You should choose all font weight variations that you use in your website content and vice versa do not choose what you don't use. I.e. if you don't have italic fonts then do not choose italic variations. The less font weights you use the less font size and as result website loads faster. Default Athlete font is Open Sans, font weights used: 400, 600, 700, 800. </p><p> There are font weight variations for each font option but you don't need to set it for each font option. Only for unique font name. I.e. if all of your fonts are Open Sans then you only need to set font weight variations once in any of the font weight options, because they will be merged anyway. But if you choose different font for some of the elements i.e.: Poppins for titles, then you need to choose font weights for this font.</p>]]> </comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFontsVariants</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                    </depends>
                </field>
                <field id="body_font" translate="label comment" type="select" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Body (Content) Font</label>
                    <comment>Enable google font to use this option</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFonts</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                    </depends>
                </field>
                <field id="body_font_custom" translate="label comment" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Body (Content) Font - Custom</label>
                    <comment><![CDATA[Add custom font name here to use custom font instead of google, e.g.: Open Sans. <a href="https://devdocs.magento.com/guides/v2.4/frontend-dev-guide/css-topics/using-fonts.html" target="_blank">Check instructions for details.</a>]]></comment>
                </field>
                <field id="body_font_weight" translate="label comment" type="multiselect" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Body Font Weights</label>
                    <comment>Choose what font weights to load. If not set Main Font Weights will be used.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFontsVariants</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                    </depends>
                </field>
                <field id="title_font" translate="label comment" type="select" sortOrder="26" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Title Font H1</label>
                    <comment>Enable google font to use this option. Will be applied to big title: h1, h2 and h3.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFonts</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                    </depends>
                </field>
                <field id="title_font_custom" translate="label comment" type="text" sortOrder="27" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Title Font H1 - Custom</label>
                    <comment><![CDATA[Add custom font name here to use custom font instead of google, e.g.: Open Sans. <a href="https://devdocs.magento.com/guides/v2.4/frontend-dev-guide/css-topics/using-fonts.html" target="_blank">Check instructions for details.</a>]]></comment>
                </field>
                <field id="title_font_weight" translate="label comment" type="multiselect" sortOrder="28" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Title Font H1 Weights</label>
                    <comment>Choose what font weights to load. Default theme font for big titles is Poppins, font weight: 800. If not set Main Font Weights will be used.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFontsVariants</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                    </depends>
                </field>
                <field id="title_font_medium_enable" translate="label" type="select" sortOrder="29" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Set Font for Title H2, H3</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="title_font_medium" translate="label comment" type="select" sortOrder="29" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Title Font H2, H3</label>
                    <comment>Enable google font to use this option. Will be applied to medium title: h2 and h3. If not set font settings from Title H1 will be used.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFonts</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                        <field id="title_font_medium_enable">1</field>
                    </depends>
                </field>
                <field id="title_font_medium_custom" translate="label comment" type="text" sortOrder="29" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Title Font H2, H3 - Custom</label>
                    <comment><![CDATA[Add custom font name here to use custom font instead of google, e.g.: Open Sans. <a href="https://devdocs.magento.com/guides/v2.4/frontend-dev-guide/css-topics/using-fonts.html" target="_blank">Check instructions for details.</a>]]></comment>
                    <depends>
                        <field id="title_font_medium_enable">1</field>
                    </depends>
                </field>
                <field id="title_font_medium_weight" translate="label comment" type="multiselect" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Title Font H2, H3 Weights</label>
                    <comment>Choose what font weights to load. If not set Main Font Weights will be used.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFontsVariants</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                         <field id="title_font_medium_enable">1</field>
                    </depends>
                </field>
                <field id="title_font_fancy" translate="label comment" type="select" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Fancy Text Font</label>
                    <comment>Enable google font to use this option. Add class fancy-text to span element.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFonts</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                    </depends>
                </field>
                <field id="title_font_fancy_custom" translate="label comment" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Fancy Text Font - Custom</label>
                    <comment><![CDATA[Add custom font name here to use custom font instead of google, e.g.: Open Sans. <a href="https://devdocs.magento.com/guides/v2.4/frontend-dev-guide/css-topics/using-fonts.html" target="_blank">Check instructions for details.</a>]]></comment>
                </field>
                <field id="title_font_fancy_weight" translate="label comment" type="multiselect" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Fancy Text Font Weights</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFontsVariants</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                    </depends>
                </field>
                <field id="menu_font" translate="label comment" type="select" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Font</label>
                    <comment>Enable google font to use this option</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFonts</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                    </depends>
                </field>
                <field id="menu_font_custom" translate="label comment" type="text" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Font - Custom</label>
                    <comment><![CDATA[Add custom font name here to use custom font instead of google, e.g.: Open Sans. <a href="https://devdocs.magento.com/guides/v2.4/frontend-dev-guide/css-topics/using-fonts.html" target="_blank">Check instructions for details.</a>]]></comment>
                </field>
                <field id="menu_font_weight" translate="label comment" type="multiselect" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Font Weights</label>
                    <comment>Choose what font weights to load. If not set Main Font Weights will be used.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFontsVariants</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                    </depends>
                </field>
                <field id="button_font" translate="label comment" type="select" sortOrder="35" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Buttons Font</label>
                    <comment>Enable google font to use this option</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFonts</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                    </depends>
                </field>
                <field id="button_font_custom" translate="label comment" type="text" sortOrder="36" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Buttons Font - Custom</label>
                    <comment><![CDATA[Add custom font name here to use custom font instead of google, e.g.: Open Sans. <a href="https://devdocs.magento.com/guides/v2.4/frontend-dev-guide/css-topics/using-fonts.html" target="_blank">Check instructions for details.</a>]]></comment>
                </field>
                <field id="button_font_weight" translate="label comment" type="multiselect" sortOrder="37" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Buttons Font Weights</label>
                    <comment>Choose what font weights to load. If not set Main Font Weights will be used.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFontsVariants</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                    </depends>
                </field>
                <field id="footer_google_font_enable" translate="label" type="select" sortOrder="38" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Set Font for Footer content</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="footer_content_font" translate="label" type="select" sortOrder="39" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Content Font</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFonts</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                        <field id="footer_google_font_enable">1</field>
                    </depends>
                </field>
                <field id="footer_content_font_custom" translate="label comment" type="text" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Content Font - Custom</label>
                    <comment><![CDATA[Add custom font name here to use custom font instead of google, e.g.: Open Sans. <a href="https://devdocs.magento.com/guides/v2.4/frontend-dev-guide/css-topics/using-fonts.html" target="_blank">Check instructions for details.</a>]]></comment>
                    <depends>
                        <field id="footer_google_font_enable">1</field>
                    </depends>
                </field>
                <field id="footer_content_font_weight" translate="label comment" type="multiselect" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Font Weights</label>
                    <comment>Choose what font weights to load. If not set Main Font Weights will be used.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFontsVariants</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                        <field id="footer_google_font_enable">1</field>
                    </depends>
                </field>
                <field id="copyright_google_font_enable" translate="label" type="select" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Set Font for Copyright area</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="copyright_content_font" translate="label" type="select" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Copyright area Font</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFonts</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                        <field id="copyright_google_font_enable">1</field>
                    </depends>
                </field>
                <field id="copyright_content_font_custom" translate="label comment" type="text" sortOrder="44" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Copyright area Font - Custom</label>
                    <comment><![CDATA[Add custom font name here to use custom font instead of google, e.g.: Open Sans. <a href="https://devdocs.magento.com/guides/v2.4/frontend-dev-guide/css-topics/using-fonts.html" target="_blank">Check instructions for details.</a>]]></comment>
                    <depends>
                        <field id="copyright_google_font_enable">1</field>
                    </depends>
                </field>
                <field id="copyright_content_font_weight" translate="label comment" type="multiselect" sortOrder="45" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Copyright Font Weights</label>
                    <comment>Choose what font weights to load. If not set Main Font Weights will be used.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFontsVariants</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                        <field id="copyright_google_font_enable">1</field>
                    </depends>
                </field>
                <field id="sidebar_title_google_font_enable" translate="label" type="select" sortOrder="46" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Set Font for Sidebar Title</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="sidebar_title_font" translate="label comment" type="select" sortOrder="46" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebar Title Font</label>
                    <comment>Enable google font to use this option.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFonts</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                        <field id="sidebar_title_google_font_enable">1</field>
                    </depends>
                </field>
                <field id="sidebar_title_font_weight" translate="label comment" type="multiselect" sortOrder="47" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebar Title Font Weights</label>
                    <comment>Choose what font weights to load. If not set Main Font Weights will be used.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFontsVariants</source_model>
                    <depends>
                        <field id="google_font_enable">1</field>
                        <field id="sidebar_title_google_font_enable">1</field>
                    </depends>
                </field>
                <field id="sidebar_title_font_custom" translate="label comment" type="text" sortOrder="48" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebar Content Font - Custom</label>
                    <depends>
                        <field id="sidebar_title_google_font_enable">1</field>
                    </depends>
                </field>
                <field id="text_letter_spacing_fancy" translate="label comment" type="text" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Letter Spacing for Fancy Text</label>
                    <comment>Space betweet letters for fancy text</comment>
                    <validate>validate-number</validate>
                </field>
                <field id="text_letter_spacing_small" translate="label comment" type="text" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Letter Spacing for Small Text(H4,H5,H6)</label>
                    <comment>Space betweet letters for small sized fonts.</comment>
                    <validate>validate-number</validate>
                </field>
                <field id="text_letter_spacing_medium" translate="label comment" type="text" sortOrder="52" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Letter Spacing for Medium Text(H2,H3) </label>
                    <comment>Space betweet letters for medium sized fonts.</comment>
                    <validate>validate-number</validate>
                </field>
                <field id="text_letter_spacing_big" translate="label comment" type="text" sortOrder="53" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Letter Spacing for Big Text (H1, .Big)</label>
                    <comment>Space betweet letters for big titles.</comment>
                    <validate>validate-number</validate>
                </field>
                <field id="text_font_weight_fancy" translate="label comment" type="text" sortOrder="54" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Font Weight for Fancy Text</label>
                    <comment>Space betweet letters for fancy text.</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="text_font_weight_small" translate="label comment" type="text" sortOrder="55" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Font Weight for Small Text(H4,H5,H6)</label>
                    <comment>Space betweet letters for small sized fonts.</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="text_font_weight_medium" translate="label comment" type="text" sortOrder="56" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Font Weight for Medium Text(H2,H3) </label>
                    <comment>Space betweet letters for medium sized fonts.</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="text_font_weight_big" translate="label comment" type="text" sortOrder="57" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Font Weight for Big Text (H1, .Big)</label>
                    <comment>Space betweet letters for big titles.</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="text_font_weight_other" translate="label comment" type="text" sortOrder="58" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Font Weight for Other Text.</label>
                    <comment>Space betweet letters for various small text accross website.</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="text_transform_fancy" translate="label comment" type="select" sortOrder="59" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Text Transform Fancy Text</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="text_transform_small" translate="label comment" type="select" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Text Transform Small Text(H4,H5,H6)</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="text_transform_medium" translate="label comment" type="select" sortOrder="61" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Text Transform Medium Text(H2,H3)</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="text_transform_big" translate="label comment" type="select" sortOrder="62" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Text Transform Big (H1, .Big)</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="text_transform_other" translate="label comment" type="select" sortOrder="63" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Text Transform Other</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="website_bg_color" translate="label" type="text" sortOrder="70" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Website Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="website_bg_image_enabled" translate="label" type="select" sortOrder="71" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Website Background Image, Enable</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="website_bg_image" translate="label comment" type="image" sortOrder="72" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Website Background image</label>
                    <comment>Allowed file types:PNG, GIF, JPG, JPEG.</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                    <depends>
                        <field id="website_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="website_bg_position_y" translate="label comment" type="select" sortOrder="73" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Website Background Image Position Y</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionY</source_model>
                    <depends>
                        <field id="website_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="website_bg_position_x" translate="label comment" type="select" sortOrder="74" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Website Background Image Position X</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionX</source_model>
                    <depends>
                        <field id="website_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="website_bg_repeat" translate="label comment" type="select" sortOrder="75" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Website Background Image Repeat</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgRepeat</source_model>
                    <depends>
                        <field id="website_bg_image_enabled">1</field>
                    </depends>  
                </field>
                <field id="website_bg_size" translate="label comment" type="select" sortOrder="76" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Website Background Image Bg Size</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgSize</source_model>
                    <depends>
                        <field id="website_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="spacer_website_bg_image" sortOrder="77" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="website_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="content_bg_image_enabled" translate="label" type="select" sortOrder="81" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Content Background Image, Enable</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="content_bg_image" translate="label comment" type="image" sortOrder="82" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Content Background image</label>
                    <comment>Allowed file types:PNG, GIF, JPG, JPEG.</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                    <depends>
                        <field id="content_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="content_bg_position_y" translate="label comment" type="select" sortOrder="83" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Content Background Image Position Y</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionY</source_model>
                    <depends>
                        <field id="content_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="content_bg_position_x" translate="label comment" type="select" sortOrder="84" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Content Background Image Position X</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionX</source_model>
                    <depends>
                        <field id="content_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="content_bg_repeat" translate="label comment" type="select" sortOrder="85" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Content Background Image Repeat</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgRepeat</source_model>
                    <depends>
                        <field id="content_bg_image_enabled">1</field>
                    </depends>  
                </field>
                <field id="content_bg_size" translate="label comment" type="select" sortOrder="86" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Content Background Image Bg Size</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgSize</source_model>
                    <depends>
                        <field id="content_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="spacer_content_bg_image" sortOrder="87" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="content_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="body_color" translate="label comment" type="text" sortOrder="91" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Text Color</label>
                    <comment>Color for content text</comment>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="titles_color" translate="label" type="text" sortOrder="92" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Titles Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="main_color" translate="label comment" type="text" sortOrder="93" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Main Accent Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <comment><![CDATA[<strong>This is the main theme color. By default it is yellow. You can change all yellow colors in theme by simply changing this color.</strong>]]></comment>
                </field>
                <field id="highlight_color" translate="label comment" type="text" sortOrder="94" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Hightlighted Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <comment><![CDATA[Use &lt;em class="hightlighted-text"&gt;...&lt;/em&gt; to add colored underline to text.]]></comment>
                </field>
                <field id="links_color" translate="label" type="text" sortOrder="100" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Links Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="links_hover" translate="label" type="text" sortOrder="102" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Links Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="bg_links_hover" translate="label" type="text" sortOrder="104" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Links with Background Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="bg_links_hover_bg" translate="label" type="text" sortOrder="105" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Links with Background Hover Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="input_label_color" translate="label" type="text" sortOrder="110" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Input Labels Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="inputs_underlined" translate="label" type="select" sortOrder="112" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Underlined Inputs style</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>   
            </group>
            <group id="appearance_forms" translate="label" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Form Labels</label>
                <field id="label_font_size" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Form Labels Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="label_text_transform" translate="label" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Form Labels Text Transform</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="label_font_weight" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Form Labels Font Weight</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
            </group>
            <group id="appearance_buttons" translate="label" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Buttons</label>
                <field id="main_button_style" translate="label" type="select" sortOrder="0" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Button Style</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\ButtonStyle</source_model>
                </field>
                <field id="main_button_text_color" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Button text color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="main_button_bg_color" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Button background color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="main_button_text_hover_color" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Button text hover color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="main_button_bg_hover_color" translate="label" type="text" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Button background hover color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="main_button_font_size" translate="label" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Button font size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="main_button_letterspacing" translate="label" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Button letter spacing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="main_button_font_weight" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Button font weight</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="button_text_transform" translate="label comment" type="select" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Buttons Text Transform</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="spacer_button_1" sortOrder="29" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="second_button_text_color" translate="label" type="text" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Secondary Button text color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="second_button_bg_color" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Secondary Button background color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="second_button_text_hover_color" translate="label" type="text" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Secondary Button text hover color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="second_button_bg_hover_color" translate="label" type="text" sortOrder="36" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Secondary Button background hover color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="spacer_button_2" sortOrder="39" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="naked_button_text_color" translate="label" type="text" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Naked Button text color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="naked_button_text_hover_color" translate="label" type="text" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Naked Button text hover color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="naked_button_bg_hover_color" translate="label" type="text" sortOrder="44" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Naked Button background hover color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="spacer_button_3" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="outline_button_border_color" translate="label" type="text" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Outline Button Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="outline_button_text_color" translate="label" type="text" sortOrder="52" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Outline Button Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="outline_button_border_hover" translate="label" type="text" sortOrder="53" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Outline Button Border Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="outline_button_text_hover" translate="label" type="text" sortOrder="54" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Outline Button Text Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="outline_button_background_hover" translate="label" type="text" sortOrder="55" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Outline Button Background Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
            </group>
            <group id="appearance_arrows" translate="label" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Arrows</label>
                <field id="arrows_product_icon_color" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Arrows/Buttons Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="arrows_product_icon_hover_color" translate="label" type="text" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Arrows/Buttons Icon Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="arrows_product_bg_color" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Arrows/Buttons Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="arrows_product_bg_hover_color" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Arrows/Buttons Background Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>        
                <field id="spacer_arrows_1" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>   
                <field id="arrows_icon_color" translate="label" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Arrows Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="arrows_bg_color" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Arrows Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="arrows_icon_hover_color" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Arrows Icon Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="arrows_bg_hover_color" translate="label" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Arrows Background Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="carousel_dot_color" translate="label" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Dots Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="carousel_dot_active_color" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Dots Active Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="spacer_arrows_2" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="bannerslider_arrow_icon_color" translate="label" type="text" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Banner Slider Arrow Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="bannerslider_arrow_icon_hover_color" translate="label" type="text" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Banner Slider Arrow Icon Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="bannerslider_arrow_background" translate="label" type="text" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Banner Slider Arrow Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="bannerslider_arrow_background_hover" translate="label" type="text" sortOrder="44" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Banner Slider Arrow Background Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="spacer_arrows_3" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="slideshow_arrow_icon_color" translate="label" type="text" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Athlete Slideshow Arrow Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="slideshow_arrow_icon_hover_color" translate="label" type="text" sortOrder="52" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Athlete Slideshow Arrow Icon Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="slideshow_arrow_background" translate="label" type="text" sortOrder="53" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Athlete Slideshow Arrow Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="slideshow_arrow_background_hover" translate="label" type="text" sortOrder="54" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Athlete Slideshow Arrow Background Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="slideshow_progress_line" translate="label" type="text" sortOrder="55" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Athlete Slideshow Progress Line</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="spacer_arrows_4" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="brand_arrows_icon_color" translate="label" type="text" sortOrder="61" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Brands Slider Arrows Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="brand_arrows_bg_color" translate="label" type="text" sortOrder="62" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Brands Slider Arrows Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="brand_arrows_icon_hover_color" translate="label" type="text" sortOrder="63" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Brands Slider Arrows Icon Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="brand_arrows_bg_hover_color" translate="label" type="text" sortOrder="64" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Brands Slider Arrows Background Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <!--
                <field id="spacer_arrows_5" sortOrder="70" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>            
                <field id="carousel_slideshow__arrows_icon_color" translate="label" type="text" sortOrder="71" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Slider Arrows Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="carousel_slideshow__bg_color" translate="label" type="text" sortOrder="72" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Slider Arrows Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="carousel_slideshow__icon_hover_color" translate="label" type="text" sortOrder="73" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Slider Arrows Icon Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="carousel_slideshow__bg_hover_color" translate="label" type="text" sortOrder="74" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Slider Arrows Background Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="carousel_slideshow__progress_line" translate="label" type="text" sortOrder="79" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Slider Progress line Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="carousel_slideshow__dot_color" translate="label" type="text" sortOrder="75" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Slider Dots Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="carousel_slideshow__dot_active_color" translate="label" type="text" sortOrder="76" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Slider Dots Active/Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="carousel_slideshow__dot_text_color" translate="label" type="text" sortOrder="77" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Slider Dots Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="carousel_slideshow__dot_gradient1" translate="label" type="text" sortOrder="78" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Slider Dots Overlay Gradient  Color 1</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="carousel_slideshow__dot_gradient2" translate="label" type="text" sortOrder="79" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Carousel Slider Dots Overlay Gradient Color 2</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                -->
                <field id="spacer_arrows_6" sortOrder="80" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="totop_icon_color" translate="label" type="text" sortOrder="81" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>To Top Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="totop_icon_hover_color" translate="label" type="text" sortOrder="82" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>To Top Icon Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="totop_background" translate="label" type="text" sortOrder="83" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>To Top Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="totop_background_hover" translate="label" type="text" sortOrder="84" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>To Top Background Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                
            </group>
            <group id="appearance_header" translate="label" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Header</label>
                <field id="header_bg" translate="label" type="text" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="header_bg_image_enabled" translate="label" type="select" sortOrder="2" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Background Image, Enable</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="header_bg_image" translate="label comment" type="image" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Background image</label>
                    <comment>Allowed file types:PNG, GIF, JPG, JPEG.</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                    <depends>
                        <field id="header_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="header_bg_position_y" translate="label comment" type="select" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Background Image Position Y</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionY</source_model>
                    <depends>
                        <field id="header_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="header_bg_position_x" translate="label comment" type="select" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Background Image Position X</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionX</source_model>
                    <depends>
                        <field id="header_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="header_bg_repeat" translate="label comment" type="select" sortOrder="6" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Background Image Repeat</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgRepeat</source_model>
                    <depends>
                        <field id="header_bg_image_enabled">1</field>
                    </depends>  
                </field>
                <field id="header_bg_size" translate="label comment" type="select" sortOrder="7" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Background Image Bg Size</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgSize</source_model>
                    <depends>
                        <field id="header_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="spacer_header_bg_image" sortOrder="8" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="header_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="header_border_enable" translate="label" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Bottom Border</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="header_border_color" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Bottom Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="header_border_enable">1</field>
                    </depends> 
                </field>
                <field id="header_sticky_border_color" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sticky Header Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="header_border_enable">1</field>
                    </depends> 
                </field>
                <field id="logo_bg" translate="label" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Logo Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="heading_topbar" translate="label" sortOrder="28" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                </field>
                <field id="top_bar_bg" translate="label" type="text" sortOrder="29" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="top_bar_bg_image_enabled" translate="label" type="select" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Background Image, Enable</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="top_bar_bg_image" translate="label comment" type="image" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Background image</label>
                    <comment>Allowed file types:PNG, GIF, JPG, JPEG.</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                    <depends>
                        <field id="top_bar_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="top_bar_bg_position_y" translate="label comment" type="select" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Background Image Position Y</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionY</source_model>
                    <depends>
                        <field id="top_bar_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="top_bar_bg_position_x" translate="label comment" type="select" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Background Image Position X</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionX</source_model>
                    <depends>
                        <field id="top_bar_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="top_bar_bg_repeat" translate="label comment" type="select" sortOrder="35" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Background Image Repeat</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgRepeat</source_model>
                    <depends>
                        <field id="top_bar_bg_image_enabled">1</field>
                    </depends>  
                </field>
                <field id="top_bar_bg_size" translate="label comment" type="select" sortOrder="36" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Background Image Bg Size</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgSize</source_model>
                    <depends>
                        <field id="top_bar_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="spacer_top_bar_bg_image" sortOrder="37" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="top_bar_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="top_bar_border_enable" translate="label" type="select" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Bottom Border</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="top_bar_border_color" translate="label" type="text" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Bottom Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="top_bar_border_enable">1</field>
                    </depends> 
                </field>
                <field id="top_bar_color" translate="label" type="text" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Text/Links color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="top_bar_links_bg" translate="label" type="text" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Links Background Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="top_bar_links_color_hover" translate="label" type="text" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Links Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                 <field id="top_bar_text_font_size" translate="label" type="text" sortOrder="44" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Text Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="top_bar_switcher_border_enable" translate="label" type="select" sortOrder="45" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Switcher Border</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="top_bar_switcher_border_color" translate="label" type="text" sortOrder="46" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Switcher Right Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="top_bar_switcher_border_enable">1</field>
                    </depends> 
                </field>
                <field id="top_bar_switcher_text_color" translate="label" type="text" sortOrder="47" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Switcher Toggle Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="top_bar_switcher_bg" translate="label" type="text" sortOrder="48" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Switcher Toggle Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="top_bar_switcher_text_hover" translate="label" type="text" sortOrder="49" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Switcher Toggle Color, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="top_bar_switcher_bg_hover" translate="label" type="text" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Switcher Toggle Background, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="top_bar_switcher_font_size" translate="label" type="text" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Switcher Toggle Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="top_bar_switcher_drop_font_size" translate="label" type="text" sortOrder="52" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Top Bar Switcher Drop Down Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>                
                <field id="heading_items" translate="label" sortOrder="53" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Items</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                </field>
                <field id="minicart_icon_bg" translate="label" type="text" sortOrder="54" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Minicart Action Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="minicart_icon_color" translate="label" type="text" sortOrder="55" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Minicart Icon/Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="minicart_icon_bg_hover" translate="label" type="text" sortOrder="56" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Minicart Action Background Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="minicart_icon_color_hover" translate="label" type="text" sortOrder="57" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Minicart Icon/Text Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="minicart_counter_bg" translate="label" type="text" sortOrder="58" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Minicart Counter Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="minicart_counter_text" translate="label" type="text" sortOrder="59" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Minicart Counter Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="header_item_icon_bg" translate="label" type="text" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Item Icon Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="header_item_icon_color" translate="label" type="text" sortOrder="61" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Item Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="header_item_icon_bg_hover" translate="label" type="text" sortOrder="62" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Item Icon Background Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="header_item_icon_color_hover" translate="label" type="text" sortOrder="63" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Item Icon Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="search_icon_bg" translate="label" type="text" sortOrder="70" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Icon Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="search_icon_color" translate="label" type="text" sortOrder="71" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="search_icon_bg_hover" translate="label" type="text" sortOrder="72" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Icon Background Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="search_icon_color_hover" translate="label" type="text" sortOrder="73" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Icon Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="search_field_bg" translate="label" type="text" sortOrder="74" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Field Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="search_field_text_color" translate="label" type="text" sortOrder="75" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Field Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="search_style" translate="label comment" type="select" sortOrder="76" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Input Style</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\SearchStyle</source_model>
                    <comment>Set appearance for Simple Input search type.</comment>
                </field>
                <field id="search_field_border_color" translate="label" type="text" sortOrder="77" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Field Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="search_field_border_color_hover" translate="label" type="text" sortOrder="78" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Field Border Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="heading_menu" translate="label" sortOrder="79" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                </field>
                <field id="menu_below_bg" translate="label" type="text" sortOrder="80" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Below Header Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_below_border_enable" translate="label comment" type="select" sortOrder="81" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Below Header Border Top</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Border between menu and header.</comment>
                </field>
                <field id="menu_below_border_color" translate="label" type="text" sortOrder="82" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Below Header Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="menu_below_border_enable">1</field>
                    </depends> 
                </field>
                <field id="menu_color" translate="label" type="text" sortOrder="83" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_bg_hover" translate="label" type="text" sortOrder="84" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Item Background Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_color_hover" translate="label" type="text" sortOrder="85" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Text Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="dropdown_menu_text_color" translate="label" type="text" sortOrder="90" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Dropdown Menu Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="dropdown_menu_color_hover" translate="label" type="text" sortOrder="91" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Dropdown Menu Text Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="dropdown_menu_text_bg_hover" translate="label" type="text" sortOrder="92" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Dropdown Menu Text Background Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="dropdown_3rd_color" translate="label" type="text" sortOrder="93" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>MegaMenu 3rd level Item Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="dropdown_menu_active_color" translate="label" type="text" sortOrder="94" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Dropdown Menu Active Item Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="dropdown_menu_active_bg" translate="label" type="text" sortOrder="95" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Dropdown Menu Active Item Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="dropdown_bg" translate="label" type="text" sortOrder="96" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Dropdown Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="submenu_dropdown_bg" translate="label" type="text" sortOrder="97" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Dropdown Submenu Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_margin" translate="label" type="text" sortOrder="99" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Margin between Items</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="menu_font_size" translate="label" type="text" sortOrder="100" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="menu_letter_spacing" translate="label" type="text" sortOrder="101" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Letter Spacing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="menu_font_weight" translate="label" type="text" sortOrder="102" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Font Weight</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="menu_text_transform" translate="label comment" type="select" sortOrder="103" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Text Transform</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="menu_drop_font_size" translate="label" type="text" sortOrder="110" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Drop Down Items Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="menu_drop_letter_spacing" translate="label" type="text" sortOrder="111" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Drop Down Items Letter Spacing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="menu_drop_font_weight" translate="label" type="text" sortOrder="112" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Drop Down Items Font Weight</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="menu_drop_text_transform" translate="label comment" type="select" sortOrder="113" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Drop Down Text Transform</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="menu_drop3_text_transform" translate="label comment" type="select" sortOrder="114" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu 3rd level Text Transform</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="menu_drop3_font_weight" translate="label" type="text" sortOrder="115" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu 3rd level Text Font Weight</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
            </group>
            <group id="appearance_header_mobile" translate="label" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Header Mobile</label>
                <field id="menu_toggle_bg" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Toggle Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_toggle_text" translate="label" type="text" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Toggle Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_toggle_icon" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Toggle Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_color" translate="label" type="text" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Mobile Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_bg_hover" translate="label" type="text" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Mobile Item Background Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_color_hover" translate="label" type="text" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Mobile Text Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_mobile_font_size" translate="label" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Mobile Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="menu_mobile_letter_spacing" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Mobile Letter Spacing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="menu_mobile_font_weight" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Mobile Font Weight</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="menu_mobile_tab_color" translate="label" type="text" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Slideout Tab Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_mobile_tab_bg" translate="label" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Slideout Tab Backround</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_mobile_tab_color_hover" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Slideout Active Tab Text Color Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_mobile_tab_bg_hover" translate="label" type="text" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Slideout Active Tab Backround</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                
                <field id="heading_menu_acount" translate="label" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Slideout Account Login Block</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                </field>
                <field id="menu_mobile_account_input_border" translate="label" type="text" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Login - Input Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_mobile_account_input_border_hover" translate="label" type="text" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Login - Input Border Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_mobile_account_input_text_color" translate="label" type="text" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Login - Input Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_mobile_account_input_bg" translate="label" type="text" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Login - Input Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_mobile_account_new_bg" translate="label" type="text" sortOrder="45" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Login - New Account Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_mobile_account_new_text" translate="label" type="text" sortOrder="47" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Login - New Account Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_mobile_account_new_title" translate="label" type="text" sortOrder="49" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Login - New Account Title Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>

            </group>
            <group id="appearance_modals" translate="label" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Modals (Slideout/Overlay)</label>
                <field id="overlay_bg" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_text_color" translate="label" type="text" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_accents" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Accent Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_search_text" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Input Placeholder Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_amsearch_heading" translate="label" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Amasty Search</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                </field>
                <field id="overlay_search_dividers" translate="label" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Dividers Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_search_titles" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Title Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_search_product_name" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Product Name Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_search_icons" translate="label" type="text" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Icons Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_search_price" translate="label" type="text" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Price Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_search_price_hover" translate="label" type="text" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Price Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_search_oldprice" translate="label" type="text" sortOrder="35" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Old Price Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_search_special_price" translate="label" type="text" sortOrder="36" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Special Price Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_search_link_color" translate="label" type="text" sortOrder="37" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Link Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_search_link_hover" translate="label" type="text" sortOrder="38" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Link Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_search_link_bg" translate="label" type="text" sortOrder="39" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Link Hover Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_search_tag_color" translate="label" type="text" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Tag Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_search_tag_bg" translate="label" type="text" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Tag Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_search_tag_hover" translate="label" type="text" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Tag Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_search_tag_hover_bg" translate="label" type="text" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Tag Hover Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_search_highlight_color" translate="label" type="text" sortOrder="44" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Highlight Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="overlay_search_highlight_bg" translate="label" type="text" sortOrder="45" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Highlight Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
            </group>
            <group id="appearance_product" translate="label" sortOrder="70" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Product</label>
                <field id="product_images_bg" translate="label" type="text" sortOrder="7" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Images Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_images_popup_bg" translate="label" type="text" sortOrder="8" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Images Popup Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_images_popup_text" translate="label comment" type="text" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Images Popup Counter Text</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <comment>Product layout without gallery(with custom popup) only.</comment>
                </field>
                <field id="product_price_color" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Price color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_page_price_color" translate="label" type="text" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Price color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_special_price_color" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Special Price color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_old_price_color" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Old Price color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_name_font_size" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Name Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="product_name_font_weight" translate="label" type="text" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Name Font Weight</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="product_name_letter_spacing" translate="label" type="text" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Name Letter Spacing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="product_name_text_transform" translate="label comment" type="select" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Name Text Transform</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="product_price_font_size" translate="label" type="text" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Price Font Size</label>
                    <validate>validate-number</validate>
                </field>
                <field id="product_price_font_weight" translate="label" type="text" sortOrder="18" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Price Font Weight</label>
                    <validate>validate-number</validate>
                </field>
                <field id="product_price_letter_spacing" translate="label" type="text" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Price Letter Spacing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="product_page_actions" translate="label comment" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Actions Color</label>
                    <comment>Wishlist, Compare, Email, Share.</comment>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_page_actions_hover" translate="label comment" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Actions Hover Color</label>
                    <comment>Wishlist, Compare, Email, Share.</comment>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_page_actions_popup_bg" translate="label comment" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Actions Popup Background</label>
                    <comment>Wishlist, Compare, Email, Share.</comment>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_page_actions_popup_text" translate="label comment" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Actions Popup Text</label>
                    <comment>Wishlist, Compare, Email, Share.</comment>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_page_button_text_color" translate="label" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Add to Cart Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                 <field id="product_page_button_bg_color" translate="label" type="text" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Add to Cart Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_page_button_text_hover" translate="label" type="text" sortOrder="26" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Add to Cart Text Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_page_button_bg_hover" translate="label" type="text" sortOrder="27" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Add to Cart Background Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_page_tab_color" translate="label" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Tabs Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_page_tab_bg" translate="label comment" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Tabs Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <comment>Note: Minimal tabs/accordion don't have background.</comment>
                </field>
                <field id="product_page_tab_hover_color" translate="label" type="text" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Tabs Text Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <!--<field id="product_page_tab_hover_bg" translate="label" type="text" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Tabs Hover Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>-->
                <field id="product_page_tab_active_color" translate="label" type="text" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Tabs Active Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_page_tab_active_bg" translate="label" type="text" sortOrder="35" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Tabs Active Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_page_accordion_text_color" translate="label comment" type="text" sortOrder="36" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Accordion Text Color</label>
                    <comment>Used on mobile version</comment>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_page_tab_content_bg" translate="label" type="text" sortOrder="37" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Tabs Content Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_page_tab_content_text" translate="label" type="text" sortOrder="38" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Tabs Content Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_page_tab_divider_color" translate="label comment" type="text" sortOrder="39" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Tabs Divider color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <comment>Tabs minimal style top border. Accordion minimal style divider between items.</comment>
                </field>                
                <field id="product_page_prevnext_arrow_bg" translate="label" type="text" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Prev/Next Arrow Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_page_prevnext_arrow" translate="label" type="text" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Prev/Next Arrow Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_page_prevnext_content_bg" translate="label" type="text" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Prev/Next Content Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_page_prevnext_text" translate="label" type="text" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Prev/Next Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_page_prevnext_link" translate="label" type="text" sortOrder="44" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Prev/Next Link Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
            </group>
            <group id="appearance_reviews" translate="label" sortOrder="80" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Reviews</label>
                <field id="reviews_rating_color" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Rating Inactive Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="reviews_rating_active_color" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Rating Active Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="reviews_small_rating_bg" translate="label comment" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Info Rating Background</label>
                    <comment>On product page below title.</comment>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="reviews_block_bg" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Review Block Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="reviews_block_text" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Review Block Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="reviews_block_text_big" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Review Block Counter Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="reviews_block_top_bg" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Review Top Block Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="reviews_block_top_text" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Review Top Block Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="reviews_block_top_rating" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Review Top Block Inactive Rating</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
            </group>
            <group id="appearance_product_listing" translate="label" sortOrder="90" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Product Listing</label>
                <field id="listing_name_font_size" translate="label" type="text" sortOrder="8" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Name Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="listing_name_letter_spacing" translate="label comment" type="text" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Name Letter Spacing</label>
                </field>
                <field id="listing_name_font_weight" translate="label comment" type="text" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Name Font Weight</label>
                </field>
                <field id="listing_name_text_transform" translate="label comment" type="select" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Name Text Transform</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="listing_name_color" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Name Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="listing_name_hover_color" translate="label" type="text" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Name Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="listing_name_bg" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Name Hover Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="listing_price_font_size" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Price Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="listing_price_color" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Price Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="listing_price_hover_color" translate="label" type="text" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Price Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="listing_special_price_color_hover" translate="label" type="text" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Special Price Color on Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="listing_old_price_color_hover" translate="label" type="text" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Old Price Color on Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="listing_price_listview" translate="label" type="text" sortOrder="18" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Price Color, List View</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="listing_price_listview_font_size" translate="label" type="text" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Price Font Size, List View</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="listing_price_label_color" translate="label" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Price Label Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="listing_price_label_color_hover" translate="label" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Price Label Color on Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="listing_category_link" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Category Link</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="listing_overlay_color" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Hover Overlay Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                
                <field id="listing_actions_color" translate="label" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Actions Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="listing_actions_bg" translate="label" type="text" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Actions Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="listing_actions_hover" translate="label" type="text" sortOrder="26" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Actions Icon Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="listing_actions_bg_hover" translate="label" type="text" sortOrder="27" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Actions Background Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                
                <field id="listing_actions_indetails" translate="label comment" type="text" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Actions In Details Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <comment>For listing and some grid layouts when icons near product name.</comment>
                </field>
                
                <field id="listing_quickview_btn" translate="label" type="text" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Quickview Button Text/Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="listing_quickview_btn_bg" translate="label" type="text" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Quickview Button Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="listing_quickview_btn_hover" translate="label" type="text" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Quickview Button Text/Icon Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="listing_quickview_btn_bg_hover" translate="label" type="text" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Quickview Button Background Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
            </group>
            <group id="appearance_toolbar" translate="label" sortOrder="100" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Products Listing Toolbar</label>
                <field id="toolbar_nobg" translate="label" type="select" sortOrder="0" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Toolbar Style - No Background</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="toolbar_background" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Toolbar Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="toolbar_text_font_size" translate="label comment" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Toolbar text Font Size</label>
                    <comment>Number only</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="toolbar_text" translate="label" type="text" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Toolbar Text</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="toolbar_icon_color" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Toolbar Action Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="toolbar_icon_bg" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Toolbar Action Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="toolbar_icon_hover_color" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Toolbar Action Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="toolbar_icon_hover_bg" translate="label" type="text" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Toolbar Action Hover Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="toolbar_progress_line_color" translate="label" type="text" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Progress line</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="toolbar_progress_line_color_active" translate="label" type="text" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Progress Line Active</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="toolbar_dropdown_bg" translate="label" type="text" sortOrder="18" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Dropdown Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="toolbar_link_color" translate="label" type="text" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Dropdown Link Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="toolbar_link_hover_color" translate="label" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Dropdown Link Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="toolbar_link_hover_bg" translate="label" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Dropdown Link Hover Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="toolbar_pager_color" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Pager Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="toolbar_pager_color_hover" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Pager Color Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="toolbar_pager_bg" translate="label" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Pager Bg Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="toolbar_pager_active_color" translate="label" type="text" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Pager Active Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="toolbar_pager_active_bg" translate="label" type="text" sortOrder="26" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Pager Active Bg Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>                
            </group>
            <group id="appearance_sidebar" translate="label" sortOrder="110" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Sidebar</label>
                <field id="sidebar_nobg" translate="label" type="select" sortOrder="0" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebars Style - No Background(Minimal)</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="sidebar_bg" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebar Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="sidebar_border_size" translate="label comment" type="text" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebar Top Border Size</label>
                    <comment>Number only</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="sidebar_border_color" translate="label" type="text" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebar Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="sidebar_title_color" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebar Title Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="sidebar_title_font_size" translate="label comment" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebar Title Font Size</label>
                    <comment>Number only</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="sidebar_title_font_weight" translate="label comment" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebar Title Font Weight</label>
                    <comment>Number only</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="sidebar_title_letter_spacing" translate="label comment" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebar Title Letter Spacing</label>
                    <comment>Number only</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="sidebar_title_text_transform" translate="label comment" type="select" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebar Title Text Transform</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="sidebar_links_font_size" translate="label comment" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebar (Filters) Links Font Size</label>
                    <comment>Number only</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="sidebar_links_color" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebar Links Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="sidebar_links_hover_color" translate="label" type="text" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebar Links Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="sidebar_links_hover_bg" translate="label" type="text" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebar Links Hover Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="sidebar_links_counter" translate="label" type="text" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebar Links Counter Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="sidebar_links_counter_hover" translate="label" type="text" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebar Links Counter Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="sidebar_links_counter_hover_bg" translate="label" type="text" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebar Links Counter Hover Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="filter_buttom_counter_bg_color" translate="label comment" type="text" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Filter Button Counter Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <comment>Appear above Filter button on mobile (or when sidebar is in slideout) when filters are selected.</comment>
                </field>
                <field id="filter_buttom_counter_text_color" translate="label comment" type="text" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Filter Button Counter Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                     <comment>Appear above Filter button on mobile (or when sidebar is in slideout) when filters are selected.</comment>
                </field>
                <field id="infinite_scroll_heading" translate="label comment" sortOrder="18" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Infinite Scroll</label>
                    <comment>Color settings for Olegnax Infinite Scroll Extension</comment>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                </field>
                <field id="scroll_loader_color" translate="label" type="text" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Infinite Scroll Loader Active Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="layered_nvaigation_heading" translate="label comment" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Layered Navigation</label>
                    <comment>Color settings for Olegnax Ajax Layered Navigation Extension</comment>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                </field>
                <field id="layered_navigation_loader_overlay_bg" translate="label" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Loader Overlay Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="sidebar_links_active_color" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Selected Item/Link Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="sidebar_links_active_bg" translate="label" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Selected Item/Link Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="sidebar_item_checkbox_color" translate="label" type="text" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Checkbox Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="sidebar_item_active_checkbox_color" translate="label" type="text" sortOrder="26" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Active Checkbox Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="price_slider_heading" translate="label comment" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Price Slider</label>
                    <comment>Price Slide color settings for Olegnax Ajax Layered Navigation Extension</comment>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                </field>
                <field id="price_slider_handle_color" translate="label" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Price Slider Handle Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="price_slider_handle_hover_color" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Price Slider Handle Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="price_slider_line_color" translate="label" type="text" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Price Slider Line Inactive</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="price_slider_line_active_color" translate="label" type="text" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Price Slider Line Active</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="price_slider_tooltip_bg" translate="label" type="text" sortOrder="35" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Price Slider Tooltip Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="price_slider_tooltip_text" translate="label" type="text" sortOrder="36" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Price Slider Tooltip Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
            </group>
            <group id="appearance_footer" translate="label" sortOrder="120" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Footer and Copyright</label>
                <field id="footer_bg" translate="label" type="text" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_bg_image_enabled" translate="label" type="select" sortOrder="2" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Background Image, Enable</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="footer_bg_image" translate="label comment" type="image" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Background image</label>
                    <comment>Allowed file types:PNG, GIF, JPG, JPEG.</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                    <depends>
                        <field id="footer_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="footer_bg_position_y" translate="label comment" type="select" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Background Image Position Y</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionY</source_model>
                    <depends>
                        <field id="footer_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="footer_bg_position_x" translate="label comment" type="select" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Background Image Position X</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionX</source_model>
                    <depends>
                        <field id="footer_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="footer_bg_repeat" translate="label comment" type="select" sortOrder="6" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Background Image Repeat</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgRepeat</source_model>
                    <depends>
                        <field id="footer_bg_image_enabled">1</field>
                    </depends>  
                </field>
                <field id="footer_bg_size" translate="label comment" type="select" sortOrder="7" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Background Image Bg Size</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgSize</source_model>
                    <depends>
                        <field id="footer_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="spacer_footer_bg_image" sortOrder="8" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="footer_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="footer_border_enable" translate="label" type="select" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer area Top Border</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="footer_border_color" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer area Top Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="footer_border_enable">1</field>
                    </depends> 
                </field>
                <field id="above_footer_bg_image_enabled" translate="label" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Content Area Above Footer, Background Image, Enable</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="above_footer_bg_image" translate="label comment" type="image" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Content Area Above Footer, Background image</label>
                    <comment>Allowed file types:PNG, GIF, JPG, JPEG.</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                    <depends>
                        <field id="above_footer_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="above_footer_bg_position_y" translate="label comment" type="select" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Content Area Above Footer, Background Image Position Y</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionY</source_model>
                    <depends>
                        <field id="above_footer_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="above_footer_bg_position_x" translate="label comment" type="select" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Content Area Above Footer, Background Image Position X</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionX</source_model>
                    <depends>
                        <field id="above_footer_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="above_footer_bg_repeat" translate="label comment" type="select" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Content Area Above Footer, Background Image Repeat</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgRepeat</source_model>
                    <depends>
                        <field id="above_footer_bg_image_enabled">1</field>
                    </depends>  
                </field>
                <field id="above_footer_bg_size" translate="label comment" type="select" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Content Area Above Footer, Background Image Bg Size</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgSize</source_model>
                    <depends>
                        <field id="above_footer_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="spacer_above_footer_bg_image" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="above_footer_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="above_footer_border_enable" translate="label" type="select" sortOrder="18" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Content Area Above Footer, Top Border</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="above_footer_border_color" translate="label" type="text" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Content Area Above Footer, Top Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="above_footer_border_enable">1</field>
                    </depends> 
                </field>
                <field id="footer_color" translate="label" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_titles" translate="label" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Titles Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_titles_text_transform" translate="label comment" type="select" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Titles Text Transform</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="footer_button_color" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Button Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_button_hover_color" translate="label" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Button Text Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_button_bg" translate="label" type="text" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Button Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_button_bg_hover" translate="label" type="text" sortOrder="26" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Button Background Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_link" translate="label" type="text" sortOrder="27" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Links Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_link_hover" translate="label" type="text" sortOrder="28" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Links Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_link_bg" translate="label" type="text" sortOrder="29" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Links Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_link_font_size" translate="label" type="text" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Links Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="footer_store_switcher_text_color" translate="label" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Store Switcher Toggle Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_store_switcher_bg" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Store Switcher Toggle Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_store_switcher_text_hover" translate="label" type="text" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Store Switcher Toggle Color, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_store_switcher_bg_hover" translate="label" type="text" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Store Switcher Toggle Background, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_store_switcher_font_size" translate="label" type="text" sortOrder="35" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Store Switcher Toggle Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="footer_store_switcher_drop_font_size" translate="label" type="text" sortOrder="36" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Store Switcher Drop Down Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="copyright_bg" translate="label" type="text" sortOrder="37" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Copyright area Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="copyright_bg_image_enabled" translate="label" type="select" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Copyright Background Image, Enable</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="copyright_bg_image" translate="label comment" type="image" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Copyright Background image</label>
                    <comment>Allowed file types:PNG, GIF, JPG, JPEG.</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                    <depends>
                        <field id="copyright_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="copyright_bg_position_y" translate="label comment" type="select" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Copyright Background Image Position Y</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionY</source_model>
                    <depends>
                        <field id="copyright_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="copyright_bg_position_x" translate="label comment" type="select" sortOrder="44" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Copyright Background Image Position X</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionX</source_model>
                    <depends>
                        <field id="copyright_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="copyright_bg_repeat" translate="label comment" type="select" sortOrder="45" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Copyright Background Image Repeat</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgRepeat</source_model>
                    <depends>
                        <field id="copyright_bg_image_enabled">1</field>
                    </depends>  
                </field>
                <field id="copyright_bg_size" translate="label comment" type="select" sortOrder="46" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Copyright Background Image Bg Size</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgSize</source_model>
                    <depends>
                        <field id="copyright_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="spacer_copyright_bg_image" sortOrder="47" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="copyright_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="copyright_color" translate="label" type="text" sortOrder="48" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Copyright area Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="copyright_links_color" translate="label" type="text" sortOrder="49" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Copyright area Links Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="copyright_links_hover_color" translate="label" type="text" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Copyright area Links Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="copyright_links_hover_bg" translate="label" type="text" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Copyright area Links Hover Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <comment>Use class "links-bg-hover" for wrapper or "bg-hover" to link directly.</comment>
                </field>
                <field id="copyright_border_enable" translate="label" type="select" sortOrder="52" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Copyright area Top Border</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="copyright_border_color" translate="label" type="text" sortOrder="53" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Copyright area Top Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="copyright_border_enable">1</field>
                    </depends> 
                </field>
            </group>
            <group id="appearance_footer_newsletter" translate="label" sortOrder="130" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Footer Newsletter Block</label>
                <field id="footer_newsletter_border_enable" translate="label" type="select" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block Bottom Border</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="footer_newsletter_border_color" translate="label" type="text" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block Bottom Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="footer_border_enable">1</field>
                    </depends> 
                </field>
                <field id="footer_newsletter_big_padding" translate="label comment" type="text" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter Above Footer Top/Bottom Padding</label>
                    <comment>Default 90. Number only.</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="footer_newsletter_bg" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_newsletter_bg_image_enabled" translate="label" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block Background Image, Enable</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="footer_newsletter_bg_image" translate="label comment" type="image" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block Background image</label>
                    <comment>Allowed file types:PNG, GIF, JPG, JPEG.</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                    <depends>
                        <field id="footer_newsletter_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="footer_newsletter_bg_position_y" translate="label comment" type="select" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block Background Image Position Y</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionY</source_model>
                    <depends>
                        <field id="footer_newsletter_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="footer_newsletter_bg_position_x" translate="label comment" type="select" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block Background Image Position X</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionX</source_model>
                    <depends>
                        <field id="footer_newsletter_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="footer_newsletter_bg_repeat" translate="label comment" type="select" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block Background Image Repeat</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgRepeat</source_model>
                    <depends>
                        <field id="footer_newsletter_bg_image_enabled">1</field>
                    </depends>  
                </field>
                <field id="footer_newsletter_bg_size" translate="label comment" type="select" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block Background Image Bg Size</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgSize</source_model>
                    <depends>
                        <field id="footer_newsletter_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="spacer_footer_newsletter_bg_image" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="footer_newsletter_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="footer_newsletter_color" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_newsletter_title" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block Title Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_newsletter_title_size" translate="label" type="select" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block Title Font</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TitleSize</source_model>
                    <comment>Choose title to inherit font properties that set in General section.</comment>
                </field>
                <field id="footer_newsletter_input_bg" translate="label" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block input Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_newsletter_input_border" translate="label" type="text" sortOrder="26" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block input Border</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_newsletter_input_border_focus" translate="label" type="text" sortOrder="27" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block input Border on Focus</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_newsletter_input_color" translate="label" type="text" sortOrder="28" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block input text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_newsletter_button_color" translate="label" type="text" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block button text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_newsletter_button_bg" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block button background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_newsletter_button_hover" translate="label" type="text" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block button text hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_newsletter_button_hover_bg" translate="label" type="text" sortOrder="36" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block button background hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
            </group>          
            <group id="appearance_banners" translate="label" sortOrder="140" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Footer/Header Banners</label>
                <field id="header_banner_background_color" translate="label" type="text" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="header_banner_bg_image_enabled" translate="label" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Background Image, Enable</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="header_banner_bg_image" translate="label comment" type="image" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Background image</label>
                    <comment>Allowed file types:PNG, GIF, JPG, JPEG.</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                    <depends>
                        <field id="header_banner_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="header_banner_bg_position_y" translate="label comment" type="select" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Background Image Position Y</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionY</source_model>
                    <depends>
                        <field id="header_banner_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="header_banner_bg_position_x" translate="label comment" type="select" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Background Image Position X</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionX</source_model>
                    <depends>
                        <field id="header_banner_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="header_banner_bg_repeat" translate="label comment" type="select" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Background Image Repeat</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgRepeat</source_model>
                    <depends>
                        <field id="header_banner_bg_image_enabled">1</field>
                    </depends>  
                </field>
                <field id="header_banner_bg_size" translate="label comment" type="select" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Background Image Bg Size</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgSize</source_model>
                    <depends>
                        <field id="header_banner_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="spacer_header_banner_bg_image" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="header_banner_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="header_banner_border_enable" translate="label" type="select" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Bottom Border</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="header_banner_border_color" translate="label" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Bottom Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="header_banner_border_enable">1</field>
                    </depends> 
                </field>
                <field id="header_banner_text_color" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="header_banner_link_color" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Link Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="header_banner_link_hover_color" translate="label" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Link Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="header_banner2_background_color" translate="label" type="text" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Second Column Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="header_banner2_bg_image_enabled" translate="label" type="select" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Second Background Image, Enable</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="header_banner2_bg_image" translate="label comment" type="image" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Second Background image</label>
                    <comment>Allowed file types:PNG, GIF, JPG, JPEG.</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                    <depends>
                        <field id="header_banner2_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="header_banner2_bg_position_y" translate="label comment" type="select" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Second Background Image Position Y</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionY</source_model>
                    <depends>
                        <field id="header_banner2_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="header_banner2_bg_position_x" translate="label comment" type="select" sortOrder="44" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Second Background Image Position X</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionX</source_model>
                    <depends>
                        <field id="header_banner2_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="header_banner2_bg_repeat" translate="label comment" type="select" sortOrder="45" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Second Background Image Repeat</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgRepeat</source_model>
                    <depends>
                        <field id="header_banner2_bg_image_enabled">1</field>
                    </depends>  
                </field>
                <field id="header_banner2_bg_size" translate="label comment" type="select" sortOrder="46" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Second Background Image Bg Size</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgSize</source_model>
                    <depends>
                        <field id="header_banner2_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="spacer_header_banner2_bg_image" sortOrder="47" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="header_banner2_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="header_banner2_text_color" translate="label" type="text" sortOrder="56" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Second Column Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                 <field id="header_banner2_link_color" translate="label" type="text" sortOrder="57" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Second Column Link Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="header_banner2_link_hover_color" translate="label" type="text" sortOrder="58" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Banner Second Column Link Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_banner_background_color" translate="label" type="text" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_banner_border_enable" translate="label" type="select" sortOrder="61" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Top Border</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="footer_banner_border_color" translate="label" type="text" sortOrder="62" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Top Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="footer_banner_border_enable">1</field>
                    </depends> 
                </field>
                <field id="footer_banner_background" translate="label" type="text" sortOrder="63" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_banner_bg_image_enabled" translate="label" type="select" sortOrder="71" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Background Image, Enable</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="footer_banner_bg_image" translate="label comment" type="image" sortOrder="72" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Background image</label>
                    <comment>Allowed file types:PNG, GIF, JPG, JPEG.</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                    <depends>
                        <field id="footer_banner_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="footer_banner_bg_position_y" translate="label comment" type="select" sortOrder="73" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Background Image Position Y</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionY</source_model>
                    <depends>
                        <field id="footer_banner_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="footer_banner_bg_position_x" translate="label comment" type="select" sortOrder="74" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Background Image Position X</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionX</source_model>
                    <depends>
                        <field id="footer_banner_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="footer_banner_bg_repeat" translate="label comment" type="select" sortOrder="75" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Background Image Repeat</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgRepeat</source_model>
                    <depends>
                        <field id="footer_banner_bg_image_enabled">1</field>
                    </depends>  
                </field>
                <field id="footer_banner_bg_size" translate="label comment" type="select" sortOrder="76" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Background Image Bg Size</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgSize</source_model>
                    <depends>
                        <field id="footer_banner_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="spacer_footer_banner_bg_image" sortOrder="77" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="footer_banner_bg_image_enabled">1</field>
                    </depends> 
                </field>
                 <field id="footer_banner_link_color" translate="label" type="text" sortOrder="84" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Link Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_banner_link_hover_color" translate="label" type="text" sortOrder="85" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Link Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_banner2_background_color" translate="label" type="text" sortOrder="86" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Second Column Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_banner2_bg_image_enabled" translate="label" type="select" sortOrder="81" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Second Background Image, Enable</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="footer_banner2_bg_image" translate="label comment" type="image" sortOrder="82" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Second Background image</label>
                    <comment>Allowed file types:PNG, GIF, JPG, JPEG.</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                    <depends>
                        <field id="footer_banner2_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="footer_banner2_bg_position_y" translate="label comment" type="select" sortOrder="83" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Second Background Image Position Y</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionY</source_model>
                    <depends>
                        <field id="footer_banner2_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="footer_banner2_bg_position_x" translate="label comment" type="select" sortOrder="84" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Second Background Image Position X</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionX</source_model>
                    <depends>
                        <field id="footer_banner2_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="footer_banner2_bg_repeat" translate="label comment" type="select" sortOrder="85" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Second Background Image Repeat</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgRepeat</source_model>
                    <depends>
                        <field id="footer_banner2_bg_image_enabled">1</field>
                    </depends>  
                </field>
                <field id="footer_banner2_bg_size" translate="label comment" type="select" sortOrder="86" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Second Background Image Bg Size</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgSize</source_model>
                    <depends>
                        <field id="footer_banner2_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="spacer_footer_banner2_bg_image" sortOrder="87" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="footer_banner2_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="footer_banner2_background" translate="label" type="text" sortOrder="91" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Second Column Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                 <field id="footer_banner2_link_color" translate="label" type="text" sortOrder="92" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Second Column Link Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_banner2_link_hover_color" translate="label" type="text" sortOrder="93" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Banner Second Column Link Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
            </group>
            <group id="appearance_banners_cms" translate="label" sortOrder="150" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>CMS Banners</label>
                <field id="banners_cms_text_color" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Animated Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="banners_cms_text_color_hover" translate="label" type="text" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Animated Text Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="banners_cms_text_bg" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Animated Text Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="banners_cms_text_bg_hover" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Animated Text Background Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="banners_cms_button_text" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Animated Banner Button Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="banners_cms_button_bg" translate="label" type="text" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Animated Banner Button Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
            </group>
            <group id="appearance_contact_page" translate="label" sortOrder="155" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Contact Page</label>
                <field id="contact_form_bg" translate="label" type="text" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Contact Form Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="contact_form_padding" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Contact Form Padding</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="contact_form_padding_mobile" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Contact Form Padding Mobile</label>
                    <validate>validate-digits</validate>
                </field>
            </group>
            <group id="appearance_cart_page" translate="label" sortOrder="160" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Cart</label>
                <field id="minicart_viewcart_btn_color" translate="label" type="text" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>View Cart Button in Minicart, Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="minicart_viewcart_btn_bg" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>View Cart Button in Minicart, Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="minicart_viewcart_btn_color_hover" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>View Cart Button in Minicart, Text Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="minicart_viewcart_btn_bg_hover" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>View Cart Button in Minicart, Background Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="cart_price_color" translate="label" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Cart / Minicart Price Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="cart_price_font_size" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Cart Page/ Modern Minicart Price Font Size</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="cart_price_font_weight" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Cart Page/ Modern Minicart Price Font Weight</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="cart_price_letter_spacing" translate="label" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Cart Page/ Modern Minicart Price Letter Spacing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="cart_page_summary_bottom_bg" translate="label" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Cart Page summary Bottom Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="cart_page_summary_bottom_link" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Cart Page summary Bottom Link Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
            </group>            
            <group id="login_page" translate="label" sortOrder="200" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Login and Register</label>
                <field id="login_page_bg_color" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Login and Forgot password Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="login_page_create_account_bg" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Create Account block in Login Form, Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="login_page_image" translate="label comment" type="image" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Login and Forgot password Background image</label>
                    <comment>Allowed file types:PNG, GIF, JPG, JPEG.</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                </field>
                <field id="register_page_bg_color" translate="label" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Register Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="register_page_image" translate="label comment" type="image" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Register Background image</label>
                    <comment>Allowed file types:PNG, GIF, JPG, JPEG.</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                </field>
                <field id="register_page_title_color" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Register Page Title Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
            </group>
            <group id="my_account" translate="label" sortOrder="202" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>My Account</label>
                <field id="account_sidebar_links" translate="label" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Sidebar Menu Links Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="account_sidebar_links_hover" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Sidebar Menu Links Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="account_sidebar_links_bg_hover" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Sidebar Menu Links Background on Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="account_sidebar_bg" translate="label comment" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Sidebar Menu Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="account_sidebar_toggle_color" translate="label comment" type="text" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Mobile Menu Toggle Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="account_sidebar_toggle_bg" translate="label comment" type="text" sortOrder="26" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Mobile Menu Toggle Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="account_sidebar_bg_mobile" translate="label comment" type="text" sortOrder="27" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Mobile Menu Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="tab_color" translate="label" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Order Info Tabs Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="tab_bg" translate="label comment" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Order Info Tabs Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="tab_hover_color" translate="label" type="text" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Order Info Tabs Text Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="tab_active_color" translate="label" type="text" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Order Info Tabs Active Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="tab_active_bg" translate="label" type="text" sortOrder="35" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Order Info Tabs Active Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="accordion_text_color" translate="label comment" type="text" sortOrder="36" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Order Info Accordion Text Color</label>
                    <comment>Used on mobile version. Tabs are transformed to accordion on mobile.</comment>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="tab_content_bg" translate="label" type="text" sortOrder="37" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Order Info Tabs Content Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="tab_content_text" translate="label" type="text" sortOrder="38" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Order Info Tabs Content Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
            </group>
            <group id="checkout_page" translate="label" sortOrder="205" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Checkout</label>
                <field id="success_page_bg_color" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Success Page Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="success_page_image" translate="label comment" type="image" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Success Page Background image</label>
                    <comment>Allowed file types:PNG, GIF, JPG, JPEG.</comment>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Image\Logo</backend_model>
                    <base_url type="media" scope_info="1">athlete2</base_url>
                </field>
                <field id="success_page_title_color" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Success Page Page Title Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="order_tab_background" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Order Block Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="order_tab_text_color" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Order Block Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
            </group>
            <group id="blog_list" translate="label" sortOrder="210" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Blog List</label>
                <field id="title_font_size" translate="label" type="text" sortOrder="7" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Post Title Font Size</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="title_letter_spacing" translate="label" type="text" sortOrder="8" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Post Title Letter Spasing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="title_text_transform" translate="label comment" type="select" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Post Title Text Transform</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="big_title_font_size" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Big Post Title Font Size</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="big_title_letter_spacing" translate="label" type="text" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Big Post Title Letter Spacing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="big_title_text_transform" translate="label comment" type="select" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Big Post Title Text Transform</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="title_color" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Post item Title Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="title_color_hover" translate="label" type="text" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Post item Title Color, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="title_bg_hover" translate="label comment" type="text" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Post item Title Background, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <comment>Classic style only.</comment>
                </field>
                <field id="date_bg_color" translate="label" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Date Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="date_text_color" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Date Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="date_bg_color_hover" translate="label comment" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Date Background Color, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <comment>Classic style only.</comment>
                </field>
                <field id="date_text_color_hover" translate="label comment" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Date Text Color, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <comment>Classic style only.</comment>
                </field>
                <field id="category_bg_color" translate="label" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Category Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="category_text_color" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Category Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="category_bg_color_hover" translate="label" type="text" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Category Background Color, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="category_text_color_hover" translate="label" type="text" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Category Text Color, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="social_color" translate="label" type="text" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Theme Social Icons Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="social_color_hover" translate="label" type="text" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Theme Social Icons Color, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="readmore_color" translate="label" type="text" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Read More Links Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="readmore_hover" translate="label" type="text" sortOrder="44" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Read More Links Hover (Underline)</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="big_post_white" translate="label comment" type="select" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Big Post White Style</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>                
                    <comment>Set white color for title, text, links, icons and other colors for post style with content above image.</comment>
                </field>
                <field id="big_post_gradient_color" translate="label" type="text" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Big Post Gradient Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="big_post_gradient_color_second" translate="label" type="text" sortOrder="52" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Big Post Gradient Second(Middle) Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="sidebar_tags_bg_color" translate="label" type="text" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog Sidebar Tags Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="sidebar_tags_text_color" translate="label" type="text" sortOrder="61" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog Sidebar Tags Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="sidebar_tags_bg_color_hover" translate="label" type="text" sortOrder="62" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog Sidebar Tags Background, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="sidebar_tags_text_color_hover" translate="label" type="text" sortOrder="63" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog Sidebar Tags Text Color, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="widget_titles_color" translate="label" type="text" sortOrder="71" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog Widget "Titles" , Title color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="widget_titles_color_hover" translate="label" type="text" sortOrder="72" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog Widget "Titles", Title Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="widget_titles_bg_hover" translate="label" type="text" sortOrder="73" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog Widget "Titles", Title Background Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="widget_title_font_size" translate="label" type="text" sortOrder="81" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog Widget Title Font Size</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="widget_title_letter_spacing" translate="label" type="text" sortOrder="82" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog Widget Title Letter Spasing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="widget_title_text_transform" translate="label" type="select" sortOrder="83" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Blog Widget Title Text Transform</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
            </group>
            <group id="blog_post" translate="label" sortOrder="220" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Blog Post</label>
                <field id="title_font_size" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Post Title Font Size</label>
                    <validate>validate-number</validate>
                </field>
                <field id="title_text_transform" translate="label comment" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Post Title Text Transform</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="content_font_size" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Post Content Font Size</label>
                    <validate>validate-number</validate>
                </field>
                <field id="content_line_height" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Post Content Line Height</label>
                    <validate>validate-number</validate>
                </field>
                <field id="related_title_font_size" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related Posts Title Font Size</label>
                    <validate>validate-number</validate>
                </field>
                <field id="meta_text_color" translate="label" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Meta Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="category_bg_color" translate="label" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Category Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="category_text_color" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Category Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="category_bg_color_hover" translate="label" type="text" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Category Background Color, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="category_text_color_hover" translate="label" type="text" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Category Text Color, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="social_color" translate="label" type="text" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Theme Social Icons Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="social_color_hover" translate="label" type="text" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Theme Social Icons Color, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="progress_color" translate="label" type="text" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Reading Progreess Inactive Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="progess_color_active" translate="label" type="text" sortOrder="44" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Reading Progreess Active Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="tags_bg_color" translate="label" type="text" sortOrder="45" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Tags Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="tags_text_color" translate="label" type="text" sortOrder="46" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Tags Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="tags_bg_color_hover" translate="label" type="text" sortOrder="47" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Tags Background Color, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="tags_text_color_hover" translate="label" type="text" sortOrder="48" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Tags Text Color, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="next_prev_color" translate="label" type="text" sortOrder="49" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Next Prev Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="next_prev_color_hover" translate="label" type="text" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Next Prev Text Color, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="next_prev_bg_color_hover" translate="label" type="text" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Next Prev Background Color, Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="comments_form_bg" translate="label" type="text" sortOrder="52" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Comments Form Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="comments_left_line" translate="label" type="text" sortOrder="53" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Comments Left Line Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
            </group>
            <group id="blog_product_page" translate="label" sortOrder="230" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Blog Product Page</label>
                <field id="title_font_size" translate="label" type="text" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related Posts Title Font Size</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="title_letter_spacing" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related Posts Title Letter Spasing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="title_text_transform" translate="label" type="select" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related Posts Title Text Transform</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
            </group>
            <group id="appearance_custom" translate="label" sortOrder="800" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Custom CSS</label>
                <field id="custom_css_enabled" translate="label" type="select" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Custom CSS</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="custom_css_content" translate="label comment" type="textarea" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom CSS</label>
                    <comment>Add your custom css style here.</comment>
                    <depends>
                        <field id="custom_css_enabled">1</field>
                    </depends> 
                </field>
                <field id="inline_css" translate="label" type="select" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Save Custom Css Inline</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>If disabled styles will be saved in file. Because dynamic css file is loaded after main styles, you can see appearance jump from default styles on slow connections.</comment>
                </field>
                <field id="dynamic_file_arg_enable" translate="label comment" type="select" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Add version to Url for dynamic CSS</label>
                    <comment>Enable this option to create dynamic css with unique name each time you click save. In this case your website visitors will load new styles even if they were cached.</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="inline_css">0</field>
                    </depends>
                </field>
                <field id="dynamic_file_arg" translate="label comment" type="hidden" sortOrder="1000" showInDefault="0" showInWebsite="0" showInStore="0">
                    <label>dynamic_file_arg</label>
                </field>
            </group>
        </section>
        <section id="athlete2_license" translate="label" sortOrder="100" showInDefault="1" showInWebsite="1" showInStore="1">
            <label>Theme License</label>
            <tab>olegnax_athlete2</tab>
            <resource>Olegnax_Athlete2::theme_license</resource>
            <group id="general" translate="label" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Theme Activation</label>
                <field id="code" translate="label comment" type="text" sortOrder="10" showInDefault="1" showInWebsite="0" showInStore="0">
                    <label>Purchase Code</label>
                    <comment><![CDATA[<div class="license-description"><div class="ox-subtitle">Register</div>
<p>Enter purchase code and click <strong>Save Config</strong> button above to register theme on current domain.</p>
<p>One purchase code per one Domain name.</p>
<p>&nbsp;</p>
<div class="ox-subtitle">Deregister</div>
<p>After you registered domain you can deregister it and use same purchase code to register theme on another domain. To do this you need to remove purchase code from this field (leave it empty) and click <strong>Save Config</strong> button. You should do this before migrate to another domain name.</p>
                        </div>
                        <div class="license-description"><div class="ox-subtitle">where to get purchase code</div>
                        <ul><li>Navigate to <strong>"Downloads"</strong> tab in your ThemeForest account.</li>
<li>Click <strong>Download</strong> button and choose <strong>"Licence Certificate & purchase code"</strong> from dropdown.</li>
<li>Open Certificate file and copy purchase code.</li>
                        </ul>
                        </div>
]]></comment>                  
                </field>
                <field id="codeconfirm" translate="label comment" type="hidden" sortOrder="20" showInDefault="0" showInWebsite="0" showInStore="0">
                    <label>Purchase Code Confirm</label>
                </field>
                <field id="item_name" translate="label comment" type="hidden" sortOrder="20" showInDefault="0" showInWebsite="0" showInStore="0">
                    <label>Purchase Item Name</label>
                </field>
                <field id="created_at" translate="label comment" type="hidden" sortOrder="20" showInDefault="0" showInWebsite="0" showInStore="0">
                    <label>Purchase Created At</label>
                </field>
                <field id="licence" translate="label comment" type="hidden" sortOrder="20" showInDefault="0" showInWebsite="0" showInStore="0">
                    <label>Purchase Licence</label>
                </field>
                <field id="supported_until" translate="label comment" type="hidden" sortOrder="20" showInDefault="0" showInWebsite="0" showInStore="0">
                    <label>Purchase Supported Until</label>
                </field>
            </group>
        </section>
    </system>
</config>