<?xml version="1.0"?>
<!--
/**
 * Copyright © 2023 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.8.0.6</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="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="lazyload_video" translate="label comment" type="select" sortOrder="55" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Lazy load Video</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment><![CDATA[Load self-hosted video with class "ox-lazy-video" only when it is visible on the page]]></comment>
                </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="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>
                <field id="bannersjs" translate="label" type="select" sortOrder="83" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable JS for animated banners</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <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>Disable to 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 Counter on Top</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Show counter above the icon.</comment>
                </field>
                <field id="minicart_show_text" translate="label comment" type="select" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Mini Cart Button Show Text</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Show text below the icon.</comment>
                    <depends>
                        <field id="minicart_btn_minimal">1</field>
                    </depends>
                </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="minicart_reorder" translate="label comment" type="select" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Reorder Products In Minicart</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Show latest added products to cart instead of the first added. By default in Magento only first N products added to cart will be shown. If enabled it will be showing latest N products added to cart.</comment>
                </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="wishlist_text" translate="label comment" type="text" sortOrder="63" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Wishlist item text</label>
                    <comment>Even if text is hidden it will be available for a screen reader (for accessibility).</comment>
                </field>
                <field id="wishlist_hide_text" translate="label comment" type="select" sortOrder="63" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Wishlist Hide Text</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>* For Wishlist In Header only</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="compare_text" translate="label comment" type="text" sortOrder="65" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Compare item text</label>
                    <comment>Even if text is hidden it will be available for a screen reader (for accessibility).</comment>
                </field>
                <field id="compare_hide_text" translate="label" type="select" sortOrder="65" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Compare Hide Text</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>* For Compare In Header only</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="account_text" translate="label comment" type="text" sortOrder="69" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account item text</label>
                    <comment>Even if text is hidden it will be available for a screen reader (for accessibility).</comment>
                </field>
                <field id="account_hide_icon" translate="label" type="select" sortOrder="69" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Hide Icon on Desktop</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="account_hide_text" translate="label" type="select" sortOrder="69" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Hide Text</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <comment>* For Account In Header only</comment>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="spacer_item_language" sortOrder="70" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="language_in_header" translate="label" type="select" sortOrder="71" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Switch - Move to Header Content</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="language_tiny_drops" translate="label" type="select" sortOrder="72" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Tiny Drop Downs</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="language_type" translate="label" type="select" sortOrder="72" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Switch Type</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\LanguageType</source_model>
                    <depends>
                        <field id="language_tiny_drops">0</field>
                    </depends>
                </field>
                <field id="language_drop_position" translate="label" type="select" sortOrder="72" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Drop Down/Slidout Position</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\HeaderSlideoutPosition</source_model>
                    <depends>
                        <field id="language_tiny_drops">0</field>
                    </depends>
                </field>
                
                <field id="language_drop_width" translate="label comment" type="text" sortOrder="72" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Drop Down Width</label>
                    <comment>For Drop Down or Modal.</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="language_tiny_drops">0</field>
                    </depends>
                </field>
                <field id="language_label" translate="label" type="select" sortOrder="72" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Switch Label</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\LanguageLabel</source_model>
                    <depends>
                        <field id="language_tiny_drops">0</field>
                    </depends>
                </field>
                <field id="language_label_currency" translate="label" type="select" sortOrder="72" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Current Currency in Header Item</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="language_tiny_drops">0</field>                       
                    </depends>
                </field>
                <field id="language_text" translate="label comment" type="text" sortOrder="72" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency item custom text</label>
                    <comment>* If custom text is selected for switch label</comment>
                    <depends>
                        <field id="language_tiny_drops">0</field>
                    </depends>
                </field>
                
                <field id="language_drop_layout" translate="label" type="select" sortOrder="73" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Switch Modal Content Layout</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\LanguageLayout</source_model>
                    <depends>
                        <field id="language_tiny_drops">0</field>
                    </depends>
                </field>
                
                <field id="language_drop_style" translate="label" type="select" sortOrder="73" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Switch DropDown Text Style</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\LanguageStyle</source_model>
                    <depends>
                        <field id="language_tiny_drops">0</field>
                    </depends>
                </field>
                <field id="language_drop_style_mobile" translate="label" type="select" sortOrder="73" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Mobile Slideout Text Style</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\LanguageStyle</source_model>
                    <depends>
                        <field id="language_tiny_drops">0</field>
                    </depends>
                </field>
                <field id="language_drop_trigger_icon" translate="label" type="select" sortOrder="74" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Switch Icon/Flag</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\LanguageIconFlag</source_model>
                    <depends>
                        <field id="language_tiny_drops">0</field>
                    </depends>
                </field>
                <field id="language_drop_icon" translate="label" type="select" sortOrder="74" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language Icon/Flag in Modal</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\LanguageIconFlag</source_model>
                    <depends>
                        <field id="language_tiny_drops">0</field>
                    </depends>
                </field>
                <field id="language_drop_show_currency" translate="label" type="select" sortOrder="77" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Modal Content - Show Currency</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="language_tiny_drops">0</field>
                    </depends>
                </field>
                <field id="language_drop_show_stores" translate="label" type="select" sortOrder="77" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Modal Content -  Show Stores</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="language_tiny_drops">0</field>
                    </depends>
                </field>
                <field id="language_drop_show_languages" translate="label" type="select" sortOrder="77" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Modal Content -  Show Languages</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="language_tiny_drops">0</field>
                    </depends>
                </field>
                <field id="language_drop_hide_headings" translate="label" type="select" sortOrder="78" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Hide Switcher Headings In Drop Down</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="language_tiny_drops">0</field>
                    </depends>
                </field>
                <field id="language_move_mobile" translate="label" type="select" sortOrder="79" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Switch - move on mobile</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Keep it in header instead of moving to slideout menu</comment>
                    <depends>
                        <field id="language_tiny_drops">0</field>
                        <field id="language_in_header">1</field>
                        
                    </depends>
                </field>

                <field id="spacer_item_custom" sortOrder="80" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="custom_item_enable" translate="label" type="select" sortOrder="81" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Custom Header Item</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="custom_drop_type" translate="label" type="select" sortOrder="82" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Header Item, Drop/Slideout</label>    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\MinicartType</source_model>
                    <depends>
                        <field id="custom_item_enable">1</field>
                    </depends>
                </field>
                <field id="custom_drop_width" translate="label comment" type="text" sortOrder="82" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Header Item, Drop Down Width</label>
                    <comment>For Drop Down or Modal type.</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="custom_item_enable">1</field>
                    </depends>
                </field>
                <field id="custom_text" translate="label comment" type="text" sortOrder="83" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Header Item, Text</label>
                    <comment>Even if text is hidden it will be available for a screen reader (for accessibility).</comment>
                    <depends>
                        <field id="custom_item_enable">1</field>
                    </depends>
                </field>
                <field id="custom_hide_icon" translate="label" type="select" sortOrder="84" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Header Item, 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="custom_item_enable">1</field>
                    </depends>
                </field>
                <field id="custom_hide_text" translate="label" type="select" sortOrder="85" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Header Item, Hide Text</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <comment>* For Account In Header only</comment>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="custom_item_enable">1</field>
                    </depends>
                </field>
                <field id="custom_hide_mobile" translate="label" type="select" sortOrder="86" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Header Item, Hide on Mobile</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <comment>* For Account In Header only</comment>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="custom_item_enable">1</field>
                    </depends>
                </field>
                <field id="content_custom_type" translate="label" type="select" sortOrder="87" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Custom Item Content - Type</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\BannerType</source_model>
                    <depends>
                        <field id="custom_item_enable">1</field>
                    </depends>
                </field>
                <field id="content_custom_custom" translate="label comment" type="editor" sortOrder="88" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Custom Item Content - HTML</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="custom_item_enable">1</field>
                        <field id="content_custom_type">textfield</field>
                    </depends>
                    <comment>Add any Text/HTML here. Tags are allowed.</comment>
                </field>
                <field id="content_custom_static" translate="label" type="select" sortOrder="88" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Custom Item Content - Block</label>
                    <depends>
                        <field id="custom_item_enable">1</field>
                        <field id="content_custom_type">custom_block</field>
                    </depends>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blocks</source_model>
                </field>


                <field id="spacer_item_text_pos" sortOrder="90" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="items_text_position" translate="label" type="select" sortOrder="91" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Items Text Position</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\ItemTextPosition</source_model>          
                </field>

                <field id="header_items_order_heading" translate="label comment" sortOrder="200" 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="201" 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="202" 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="203" 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="204" 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="205" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Minicart Order</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="header_item_language_order" translate="label" type="text" sortOrder="206" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Switcher Order</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="header_item_custom_order" translate="label" type="text" sortOrder="207" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Item 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="search_mobile_hide" translate="label comment" type="select" sortOrder="11" showInDefault="1"
                showInWebsite="1" showInStore="1">
                    <label>Hide Search from Header on Mobile</label>
                    <comment>You can for example enable it in mobile bottom bar instead.</comment>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field>
                <field id="search_mobile_below" translate="label comment" type="select" sortOrder="11" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Search Input Below Header on Mobile</label>
                    <comment>Show Search input at the botton the header instead slideout.</comment>
                    <frontend_class>on-off-trigger</frontend_class>
                     <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                     <depends>
                        <field id="search_mobile_hide">0</field>
                    </depends>
                </field>
                <field id="wishlist_mobile_position" translate="label" type="select" sortOrder="12" 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="13" 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="14" 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="15" 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="16" 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_top" translate="label" sortOrder="46" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Header Top Banner</label>
                <field id="show_banner" translate="label" type="select" sortOrder="0" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Show Header Top Banner</label>
                    <comment>Banner above the Header content but inside of the header wrapper. It will stay in sticky header.</comment>
                    <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_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_align_center" translate="label" type="select" sortOrder="40" showInDefault="1"
                showInWebsite="1" showInStore="1">
                    <label>Center the Banner Content</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <comment>Disable to disable banner styles and render raw content.</comment>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="show_banner">1</field>
                    </depends>
                </field>
                <field id="closable" translate="label" type="select" sortOrder="50" showInDefault="1"
                showInWebsite="1" showInStore="1">
                    <label>Closable banner</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <comment>Enable to add close button. Once closed it will stay closed even after page relaod.</comment>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="show_banner">1</field>
                    </depends>
                </field>
                <field id="cookie_num" translate="label" type="text" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Cookie Unique Number</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <comment>Add some unique value to reset the banner for customers who closed it and make is visible again. E.g. you have changed the content of the banner and want to make sure that the customer who closed previous banner will see the new one.</comment>
                    <depends>
                        <field id="show_banner">1</field>
                        <field id="closable">1</field>
                    </depends>
                </field>
                <field id="banner_hide_date" translate="label" type="date" sortOrder="52" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Banner End Date</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\DatePicker</frontend_model>
                    <comment>Hide banner after defined date.</comment>
                    <depends>
                        <field id="show_banner">1</field>
                    </depends>
                </field>
                <field id="banner_hide_on_mobile" translate="label comment" type="select" sortOrder="60" showInDefault="1"
                showInWebsite="1" showInStore="1">
                    <label>Hide Banner on Mobile</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="show_banner">1</field>
                    </depends>
                </field>
            </group>
            <group id="header_banner_above" translate="label" sortOrder="46" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Banner Above Header</label>
                <field id="show_banner" translate="label" type="select" sortOrder="0" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Show Banner Above the Header</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_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_align_center" translate="label" type="select" sortOrder="40" showInDefault="1"
                showInWebsite="1" showInStore="1">
                    <label>Center the Banner Content</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <comment>Disable to disable banner styles and render raw content.</comment>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="show_banner">1</field>
                    </depends>
                </field>
                <field id="closable" translate="label" type="select" sortOrder="50" showInDefault="1"
                showInWebsite="1" showInStore="1">
                    <label>Closable banner</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <comment>Enable to add close button. Once closed it will stay closed even after page relaod.</comment>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="show_banner">1</field>
                    </depends>
                </field>
                <field id="cookie_num" translate="label" type="text" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Cookie Unique Number</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <comment>Add some unique value to reset the banner for customers who closed it and make is visible again. E.g. you have changed the content of the banner and want to make sure that the customer who closed previous banner will see the new one.</comment>
                    <depends>
                        <field id="show_banner">1</field>
                        <field id="closable">1</field>
                    </depends>
                </field>

                <field id="banner_hide_by_date" translate="label comment" type="select" sortOrder="50" showInDefault="1"
                showInWebsite="1" showInStore="1">
                    <label>Hide Banner on Date</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <comment>Hide banner after defined date.</comment>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="show_banner">1</field>
                    </depends>
                </field>
                <field id="banner_hide_date" translate="label" type="date" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Banner End Date</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\DatePicker</frontend_model>                    
                    <depends>
                        <field id="banner_hide_by_date">1</field>
                        <field id="show_banner">1</field>
                    </depends>
                </field>
                <field id="banner_days_to_hours" translate="label comment" type="select" sortOrder="52" showInDefault="1"
                showInWebsite="1" showInStore="1">
                    <label>Days to Hours</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <comment>If enabled days block will be removed and converted to hours. E.g.: 3 days will be 72 hours.</comment>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="banner_hide_by_date">1</field>
                        <field id="show_banner">1</field>
                    </depends>
                </field>

                <field id="banner_hide_on_mobile" translate="label comment" type="select" sortOrder="60" showInDefault="1"
                showInWebsite="1" showInStore="1">
                    <label>Hide Banner on Mobile</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="show_banner">1</field>
                    </depends>
                </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="disable_sticky_header" translate="label" type="select" sortOrder="0" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Disable Sticky Header on product page</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <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_navdir" translate="label" type="select" sortOrder="7" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Gallery Thumbs Position</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Product\GalleryNavdir</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_zoom" translate="label comment" type="select" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Gallery Zoom</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Zoom image on hover. For gallery layouts without slider only!</comment>
                    <depends>
                        <field id="gallery_layout" separator=",">1col,2cols</field>
                    </depends>
                </field>
                <field id="gallery_sticky" translate="label comment" type="select" sortOrder="17" 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>Requires "Info Wrapper" to be enabled for slider gallery.</comment>
                    <!-- <depends>
                        <field id="gallery_layout" separator=",">1col,2cols</field>
                    </depends> -->
                </field>
                <field id="gallery_zoom_cursor" translate="label comment" type="select" sortOrder="18" 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="19" 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="20" 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="21" 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="22" 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_accordion_multiple" translate="label comment" type="select" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Accordion - Allow to open multiple sections</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="product_accordion_collapsable" translate="label comment" type="select" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Accordion - Allow to close all sections</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </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_opened" translate="label comment" type="select" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Open 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>
                        <field id="product_tabs_closed">0</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_descr" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="description_button" translate="label comment" type="select" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Short Description "Learn More" button</label>
                    <comment>To quickly navigate to a full product description or any other information.</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="description_button_text" translate="label" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Short Description "Learn More" button text</label>
                    <comment>Default: See all Specs</comment>
                    <depends>
                        <field id="description_button">1</field>
                    </depends>
                </field>
                <field id="description_button_url" translate="label comment" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Short Description "Learn More" button url</label>
                    <comment>Add anchor link to point to the same page content. Default: #description. If target is tab/accordion it will be automatically opened.</comment>
                    <depends>
                        <field id="description_button">1</field>
                    </depends>
                </field>
                <field id="description_button_style" translate="label" type="select" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Short Description "Learn More" button style</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Product\DescriptionLinkStyle</source_model>
                    <depends>
                        <field id="description_button">1</field>
                    </depends>
                </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="qty_disable" translate="label" type="select" sortOrder="33" showInDefault="1"
                showInWebsite="1" showInStore="1">
                    <label>Hide Qty</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 Share Position</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Product\SocialSharePosition</source_model>
                    <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="show_mini_reviews" translate="label comment" type="select" sortOrder="38" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Enable Mini Rating summary Drop Down</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Show drop down with rating summary (1-5 stars) on hover on rating stars in product info block.</comment>
                </field>
                <field id="conf_prod_drop_down_price" translate="label comment" type="select" sortOrder="39" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Hide prices from configurable product variation drop down</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>By default magento show price difference, e.g. +$20 in product variation drop down near variation name</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="description_related" translate="label" type="select" sortOrder="64" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Related/Upsell Show Description</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </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="product_stock" translate="label comment" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Product Page Stock Info</label>
                <field id="enable" translate="label" type="select" sortOrder="0" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Stock Info</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class> 
                </field>
                <field id="show" translate="label" type="select" sortOrder="0" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Stock Info</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\StockInfo\Show</source_model>
                    <depends>
                        <field id="enable">1</field>
                    </depends> 
                </field>
                <field id="position" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Stock Info Block Position</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\StockInfo\Position</source_model>
                    <depends>
                        <field id="enable">1</field>
                    </depends> 
                </field>
                <field id="low_stock_value" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="2"
                type="text">
                    <label>Low stock value</label>
                    <depends>
                        <field id="enable">1</field>
                    </depends> 
                </field>
                <field id="show_total_sold" translate="label" type="select" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Total Sold Amount</label>                    
                     <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>    
                    <depends>
                        <field id="enable">1</field>
                    </depends> 
                </field>
                <field id="set_base_qty" translate="label comment" type="select" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Use fake base stock</label>      
                    <comment>To show stock progress bar you need to have some value as 100%. By default we use total sold amount + qty left</comment>              
                     <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>    
                    <depends>
                        <field id="enable">1</field>
                    </depends> 
                </field>
                <field id="fake_base_qty" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="5"
                type="text">
                    <label>Fake base stock value</label>
                    <depends>
                        <field id="enable">1</field>
                        <field id="set_base_qty">1</field>
                    </depends> 
                </field>
            
                <field id="stock_text" translate="label comment" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>In Stock Text</label>                    
                    <comment><![CDATA[Only "span" tags allowed. Use {{qty}} variable to show available stock value. E.g.: {{qty}} in stock]]></comment>
                    <depends>
                        <field id="enable">1</field>
                    </depends> 
                </field>
                <field id="low_stock_text" translate="label comment" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="11"
                type="text">
                    <label>Low Stock Text</label>
                    <comment><![CDATA[Only "span" tags allowed. Use {{qty}} variable to show available stock value.]]></comment>
                    <depends>
                        <field id="enable">1</field>
                    </depends> 
                </field>
                <field id="sold_text" translate="label comment" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Total Sold Text</label>                    
                    <comment><![CDATA[Only "span" tags allowed. Use {{total_sold}} variable to show available stock value. E.g.: {{total_sold}} sold]]></comment>
                    <depends>
                        <field id="enable">1</field>
                    </depends> 
                </field>
                <field id="show_out_of_stock" translate="label" type="select" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show "Out of stock" status</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class> 
                </field>
            </group>
            <group id="product_bar" translate="label" sortOrder="55" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Sticky Product Bar</label>
                <field id="enabled" translate="label" type="select" sortOrder="0" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Product Sticky bar (Add to cart)</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="position_top" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Position Top</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>If disabled will be rendered a the bottom of the window. If enabled, will be rendered below the header.</comment>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="fullwidth_content" translate="label comment" type="select" sortOrder="2" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Fullwidth Content</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Disable to limit block content to the site contentwidth.</comment>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="stretch_content" translate="label comment" type="select" sortOrder="2" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Stretch Content Vertically</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Enable to stretch add to cart button, qty and wishlist to the height of the left block with product name.</comment>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="show_qty" translate="label" type="select" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Qty</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="show_image" translate="label" type="select" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Product Thumbnail</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="show_name" translate="label" type="select" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Product Name</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="show_wishlist" translate="label" type="select" sortOrder="6" 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>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="show_price" translate="label" type="select" sortOrder="7" 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>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="show_price_diff" translate="label" type="select" sortOrder="7" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Price Difference Label</label>
                    <comment>* If it is enabled in product settings</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="show_rating" translate="label" type="select" sortOrder="8" 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>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="show_content_above" translate="label" type="select" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Custom Content Before left block content</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="content_above_type" translate="label" type="select" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Content Type</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\BannerType</source_model>
                    <depends>                        
                        <field id="enabled">1</field>
                        <field id="show_content_above">1</field>
                    </depends>
                </field>
                <field id="content_above_custom" translate="label comment" type="editor" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom HTML</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_content_above">1</field>
                        <field id="content_above_type">textfield</field>
                    </depends>
                    <comment>Add any Text/HTML here. Tags are allowed.</comment>
                </field>
                <field id="content_above_static" translate="label" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Static Block</label>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_content_above">1</field>
                        <field id="content_above_type">custom_block</field>
                    </depends>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blocks</source_model>
                </field>
                <field id="show_content_below" translate="label" type="select" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Custom Content After left column content</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="content_below_type" translate="label" type="select" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Content Type</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\BannerType</source_model>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_content_below">1</field>
                    </depends>
                </field>
                <field id="content_below_custom" translate="label comment" type="editor" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom HTML</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_content_below">1</field>
                        <field id="content_below_type">textfield</field>
                    </depends>
                    <comment>Add any Text/HTML here. Tags are allowed.</comment>
                </field>
                <field id="content_below_static" translate="label" type="select" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Static Block</label>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_content_below">1</field>
                        <field id="content_below_type">custom_block</field>
                    </depends>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blocks</source_model>
                </field>
                <field id="show_content_right" translate="label" type="select" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Custom Content Near Price</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="content_right_type" translate="label" type="select" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Content Near Price</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\BannerType</source_model>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_content_right">1</field>
                    </depends>
                </field>
                <field id="content_right_custom" translate="label comment" type="editor" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom HTML</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_content_right">1</field>
                        <field id="content_right_type">textfield</field>
                    </depends>
                    <comment>Add any Text/HTML here. Tags are allowed.</comment>
                </field>
                <field id="content_right_static" translate="label" type="select" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Static Block</label>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_content_right">1</field>
                        <field id="content_right_type">custom_block</field>
                    </depends>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blocks</source_model>
                </field>

                <field id="product_bar_spacer_mobile" sortOrder="49" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                
                <field id="show_on_mobile" translate="label" type="select" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show on Mobile</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="mobile_layout" translate="label" type="select" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Mobile Layout</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Product\Bar\MobileLayout</source_model>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_on_mobile">1</field>
                    </depends>
                </field>
                <field id="stretch_addtocart_mobile" translate="label" type="select" sortOrder="52" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Stretch Add to Cart width on mobile.</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_on_mobile">1</field>
                    </depends>
                </field>
                <field id="show_qty_mobile" translate="label" type="select" sortOrder="53" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Qty</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_on_mobile">1</field>
                    </depends>
                </field>
                <field id="show_image_mobile" translate="label" type="select" sortOrder="54" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Product Thumbnail</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_on_mobile">1</field>
                    </depends>
                </field>
                <field id="show_name_mobile" translate="label" type="select" sortOrder="55" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Product Name</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_on_mobile">1</field>
                    </depends>
                </field>
                <field id="show_wishlist_mobile" translate="label" type="select" sortOrder="56" 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>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_on_mobile">1</field>
                    </depends>
                </field>
                <field id="show_price_mobile" translate="label" type="select" sortOrder="57" 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>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_on_mobile">1</field>
                    </depends>
                </field>
                <field id="show_price_diff_mobile" translate="label" type="select" sortOrder="57" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Price Difference Label</label>
                    <comment>* If it is enabled in product settings</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_on_mobile">1</field>
                    </depends>
                </field>
                <field id="show_rating_mobile" translate="label" type="select" sortOrder="58" 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>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_on_mobile">1</field>
                    </depends>
                </field>
                <field id="show_content_above_mobile" translate="label" type="select" sortOrder="59" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Custom Content Before left block content on Mobile</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_on_mobile">1</field>
                    </depends>
                </field>
                <field id="show_content_below_mobile" translate="label" type="select" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Custom Content After left block content on Mobile</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_on_mobile">1</field>
                    </depends>
                </field>
                <field id="show_content_right_mobile" translate="label" type="select" sortOrder="61" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Custom Content Near Price on Mobile</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_on_mobile">1</field>
                    </depends>
                </field>
            </group>
            <group id="product_quick_nav" translate="label" sortOrder="56" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Product Page Quick Navigation</label>
                <field id="enabled" translate="label" type="select" sortOrder="0" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="hide_mobile" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Hide on Mobile</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="position" translate="label" type="select" sortOrder="2" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Quick Navigation Position</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Product\QuickNavPosition</source_model>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="show_tabs" translate="label" type="select" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Links To Tabs</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="hide_description" translate="label" type="select" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Hide "Details" tab link</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_tabs">1</field>
                    </depends>
                </field>
                <field id="description_link_text" translate="label" type="text" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>"Details" Link Text</label>
                    <depends>
                        <field id="hide_description">0</field>
                        <field id="show_tabs">1</field>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="hide_additional" translate="label" type="select" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Hide "More Info" tab link</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_tabs">1</field>
                    </depends>
                </field>
                <field id="additional_link_text" translate="label" type="text" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>"More Info" Link Text</label>
                    <depends>
                        <field id="hide_additional">0</field>
                        <field id="show_tabs">1</field>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="hide_reviews" translate="label" type="select" sortOrder="6" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Hide "Reviews" tab link</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                        <field id="show_tabs">1</field>
                    </depends>
                </field>
                <field id="reviews_link_text" translate="label" type="text" sortOrder="6" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>"Reviews" Link Text</label>
                    <depends>
                        <field id="hide_reviews">0</field>
                        <field id="show_tabs">1</field>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="show_all_link" translate="label comment" type="select" sortOrder="7" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show "All Info" Link</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>This link will be highlighted if we are located inside of the product info and gallery wrapper. Rqequires "Info Wrapper" option to be enabled in "Product" section.</comment>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="all_link_text" translate="label" type="text" sortOrder="7" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>"All Info" Link Text</label>
                    <depends>
                        <field id="show_all_link">1</field>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="show_related" translate="label comment" type="select" sortOrder="8" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show "Related" Products Link</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="related_link_text" translate="label" type="text" sortOrder="8" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>"Related" Link Text</label>
                    <depends>
                        <field id="show_related">1</field>
                        <field id="enabled">1</field>
                    </depends>
                </field>
                <field id="custom_content" translate="label" type="textarea" sortOrder="10" showInDefault="1"
                showInWebsite="1" showInStore="1">
                    <label>Content</label>
                    <depends>
                        <field id="enabled">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="grid_fullwidth_nopadding" translate="label comment" type="select" sortOrder="2" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Remove Padding on Full Width Category Pages</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <comment>This will remove padding for main page wrapper so the products with sidebar occupy entire width of the site.</comment>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="grid_fullwidth">1</field>
                    </depends>
                </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="category_title_align" translate="label" type="select" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Title and description text align</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Align</source_model>
                </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="close_sidebar" translate="label" type="select" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Allow to Show/Hide Sidebar</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="close_sidebar_closed" translate="label" type="select" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebar default state - closed</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="close_sidebar">1</field>
                    </depends>
                </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="sidebar_maxheight" translate="label" type="select" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Sidebars Max Window Height</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Limit sidebar height to the height of a browser window. This will add a scroll inside of a sidebar if it is longer than the screen height.</comment>
                </field> -->
                <field id="filters_closed" translate="label" type="select" sortOrder="6" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All 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_opened_categories" translate="label comment" type="select" sortOrder="6" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Categories Filter Toggle Default State - Opened</label>
                    <comment>Enable to keep categories collapsible block opened in layered navigation</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="filters_closed">1</field>
                    </depends>
                </field>
                <field id="filters_opened_by_attribute" translate="label comment" showInDefault="1" showInWebsite="1" showInStore="1" type="text" sortOrder="6">
                    <label>Filters Opened State by Attribute</label>
                    <comment>Add attribute id to keep them (collapsible block) opened in layered navigation</comment>
                    <frontend_model>Olegnax\Athlete2\Block\System\Config\Form\Field\FilterToggleByAttribute</frontend_model>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Serialized</backend_model>
                    <depends>
                        <field id="filters_closed">1</field>
                    </depends>
                </field>
                <field id="filters_counter" translate="label" type="select" sortOrder="7" 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="8" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="products_layout" translate="label" type="select" sortOrder="9" 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_disable_link" translate="label comment" type="select" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Grid - Disable image link on touch</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>There is no hover on mobile/touch devices so when you tap on the product image you will be redirected to a product page. Hovever with some layout you may have actions (like add to cart, wishlist, quickview, etc) above the image, which appear on hover on desktop and so on tap on mobile. In this case you may want to disable link to product page when users tap on image and show actions instead.</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="show_price_diff" translate="label" type="select" sortOrder="29" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Price Difference</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Show price difference (old vs new) for products on sale near the price.</comment>
                    <depends>
                        <field id="price">1</field>
                    </depends>
                </field>
                <field id="show_price_diff_text" translate="label" type="text" sortOrder="29" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Price Difference text</label>
                    <comment><![CDATA[Use {{price_diff}} variable to add the price difference. Default text is "Save {{price_diff}}".]]></comment>
                    <depends>
                        <field id="price">1</field>
                        <field id="show_price_diff">1</field>
                    </depends>
                </field>  
                <field id="show_price_diff_pos" translate="label" type="select" sortOrder="29" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Price Difference Position</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BeforeAfter</source_model>
                    <comment>Before or After the price box.</comment>
                    <depends>
                        <field id="price">1</field>
                        <field id="show_price_diff">1</field>
                    </depends>
                </field>
                <field id="price_diff_percent" translate="label" type="select" sortOrder="29" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show price difference in percents</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="price">1</field>
                        <field id="show_price_diff">1</field>
                    </depends>
                </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="thumb_carousel" translate="label comment" type="select" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product images carousel on grid/listing</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Show multiple images for each product on grid.</comment>
                </field>
                <field id="thumb_carousel_show_logic" translate="label" type="select" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Images carousel on grid </label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\ThumbCarouselShow</source_model>
                    <comment>If you choose selected image then you need to mark images for thumbnail carousel on product page. Click on image to open a modal, then click "Include In Grid Carousel" checkbox.</comment>
                    <depends>
                        <field id="thumb_carousel">1</field>
                    </depends>
                </field>
                <field id="thumb_carousel_min_items" translate="label comment" type="text" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Images carousel on grid min items</label>
                    <comment>Set minimum amount of images to add carousel. If there is less image then single image will be shown.</comment>
                    <validate>validate-digits</validate>
                    <depends>
                        <field id="thumb_carousel">1</field>
                    </depends>
                </field>
                <field id="thumb_carousel_max_items" translate="label comment" type="text" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Images carousel max items</label>
                    <comment>Set maximum amount of images to show in carousel</comment>
                    <validate>validate-digits</validate>
                    <depends>
                        <field id="thumb_carousel">1</field>
                    </depends>
                </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="stock_status" translate="label" type="select" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Stock Status</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="outofstock_highlight" translate="label" type="select" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Reduce Contrast for Out of Stock Products</label>
                    <comment>Enable to reduce opacity for product item image, title and descripton, maeking it visually easier to understand that the product is not available for sale.</comment>
                    <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 extension must be enabled 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>
                    <comment>* for selected layouts only</comment>
                    <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_button_style" translate="label" type="select" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Quickview Button Style</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\QuickviewButtonStyle</source_model>
                    <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="description_on_grid_source" translate="label comment" type="select" sortOrder="35" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Description on grid source</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\DescSource</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="quickview">1</field>
                    </depends>
                </field>
                <field id="description_on_grid_more" translate="label" type="select" sortOrder="35" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show "learn more" link after 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="products_listing_banners" translate="label" sortOrder="62" showInDefault="1" showInWebsite="1" showInStore="1">
            <label>Product Listing Custom Content/Banners</label>
                <field id="enable_grid" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Custom Content in Catalog Grid View</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="banners_by_block_grid" translate="label comment" showInDefault="1" showInWebsite="1" showInStore="1" type="text" sortOrder="2">
                    <label> Grid View Custom Content by Categories</label>
                    <frontend_model>Olegnax\Athlete2\Block\System\Config\Form\Field\ProductListingBlockByCategory</frontend_model>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Serialized</backend_model>
                    <depends>
                        <field id="enable_grid">1</field>
                    </depends>
                </field>
                <!-- <field id="enable_list" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="10">
                    <label>Enable Custom Content in Catalog List View</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="banners_by_block_list" translate="label comment" showInDefault="1" showInWebsite="1" showInStore="1" type="text" sortOrder="11">
                    <label>List View Custom Content by Categories</label>
                    <frontend_model>Olegnax\Athlete2\Block\System\Config\Form\Field\ProductListingBlockByCategory</frontend_model>
                    <backend_model>Olegnax\Athlete2\Model\Config\Backend\Serialized</backend_model>
                    <depends>
                        <field id="enable_list">1</field>
                    </depends>
                </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 Grid View 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 Grid View Image Height</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="listing_listview_image_width" translate="label comment" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>List View Image Width</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="listing_listview_image_height" translate="label comment" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>List View 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>
                <field id="list_widget_image_width" translate="label comment" type="text" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>List Style Widget Image Width</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="list_widget_image_height" translate="label comment" type="text" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>List Style Widget 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>
                        <depends>
                            <field id="show_footer">1</field>
                        </depends>
                </field>
                <field id="hide_footer_newsletter" translate="label comment" type="select" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Hide Newsletter Block</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="newsletter_style" translate="label comment" type="select" sortOrder="21" 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>
                    <depends>
                        <field id="show_footer">1</field>
                        <field id="hide_footer_newsletter">0</field>
                    </depends>
                </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>
                    <depends>
                        <field id="show_footer">1</field>
                        <field id="hide_footer_newsletter">0</field>
                    </depends>
                </field>
                <field id="newsletter_title" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter Title</label>
                    <depends>
                        <field id="show_footer">1</field>
                        <field id="hide_footer_newsletter">0</field>
                    </depends>
                </field>
                <field id="newsletter_label" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter Text</label>
                    <depends>
                        <field id="show_footer">1</field>
                        <field id="hide_footer_newsletter">0</field>
                    </depends>
                </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>
                        <depends>
                            <field id="show_footer_below_newsletter">1</field>
                            <field id="show_footer">1</field>
                        </depends>
                </field>
                
                <field id="show_footer_above" translate="label comment" type="select" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Footer Above 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_above_content_type" translate="label" type="select" sortOrder="31" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Choose Footer Above Block Content Source</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\BannerType</source_model>
                    <depends>
                        <field id="show_footer">1</field>
                        <field id="show_footer_above">1</field>
                    </depends>
                </field>
                <field id="footer_above_content_custom" translate="label comment" type="editor" sortOrder="32" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Footer Above Block Custom HTML</label>
                    <frontend_model>Olegnax\Athlete2\Block\Adminhtml\System\Config\Editor</frontend_model>
                    <depends>
                        <field id="show_footer">1</field>
                        <field id="show_footer_above">1</field>
                        <field id="footer_above_content_type">textfield</field>
                    </depends>
                    <comment>Add any Text/HTML here. Tags are allowed.</comment>
                </field>
                <field id="footer_above_content_static" translate="label" type="select" sortOrder="32" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Footer Above Block Static Block</label>
                    <depends>
                        <field id="show_footer">1</field>
                        <field id="show_footer_above">1</field>
                        <field id="footer_above_content_type">custom_block</field>
                    </depends>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blocks</source_model>
                </field>
                <field id="spacer_3" sortOrder="39" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="show_footer">1</field>
                    </depends>
                </field>
            
                <field id="show_footer_bottom" translate="label comment" type="select" sortOrder="40" 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="41" 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">1</field>
                        <field id="show_footer_bottom">1</field>
                    </depends>
                </field>
                <field id="footer_bottom_content_custom" translate="label comment" type="editor" sortOrder="42" 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="show_footer_bottom">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="42" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Footer Bottom Block Static Block</label>
                    <depends>
                        <field id="show_footer">1</field>
                        <field id="show_footer_bottom">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_4" sortOrder="49" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="show_footer">1</field>
                    </depends>
                </field>
            
                <field id="footer_side_content_type" translate="label" type="select" sortOrder="51" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Choose Footer Side Block Content Source</label>
                    <comment>* For split layouts with side (left/right) block.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\BannerType</source_model>
                    <depends>
                        <field id="show_footer">1</field>
                    </depends>
                </field>
                <field id="footer_side_content_custom" translate="label comment" type="editor" sortOrder="52" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Footer Side 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_side_content_type">textfield</field>
                    </depends>
                    <comment>Add any Text/HTML here. Tags are allowed.</comment>
                </field>
                <field id="footer_side_content_static" translate="label" type="select" sortOrder="52" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Footer Side Block Static Block</label>
                    <depends>
                        <field id="show_footer">1</field>
                        <field id="footer_side_content_type">custom_block</field>
                    </depends>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Blocks</source_model>
                </field>

                <field id="spacer_5" sortOrder="59" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                        <depends>
                            <field id="show_footer">1</field>
                        </depends>
                </field>
            
                <field id="store_switch_position" translate="label" type="select" sortOrder="61" 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="62" 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>
                    <depends>
                        <field id="show_footer">1</field>
                    </depends>
                </field>
                <field id="store_switch_flags" translate="label comment" type="select" sortOrder="63" 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>
                    <depends>
                        <field id="show_footer">1</field>
                    </depends>
                </field>
            
            
                <field id="spacer_90" sortOrder="89" showInDefault="1" showInWebsite="1" showInStore="1">
                        <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="show_copyright" translate="label" type="select" sortOrder="90" 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="91" 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="92" 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="93" 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="94" 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="95" 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="91" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>First 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_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_block">1</field>
                    </depends>
                </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="above_footer_block2" translate="label" sortOrder="92" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Second Content Area Above Footer</label>
                <field id="show_block" translate="label" type="select" sortOrder="0" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Show Second 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_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_block">1</field>
                    </depends>
                </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="93" 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_views_count" translate="label" type="select" sortOrder="24" showInDefault="1"
                       showInWebsite="1" showInStore="1">
                    <label>Hide Views Count</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_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="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>
            <group id="mobile_bottom_nav" translate="label comment" sortOrder="120" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Mobile Bottom Navigation</label>
                <comment><![CDATA[<strong>Items should be enabled in main header in order to work in bottom menu (they can be disabled for mobile header though). <br>You can choose from 8 different item to be shown in a mobile bottom menu. However do not enable more than 5 items at the same time. More than 5 items may not fit in mobile screen.</strong>]]></comment>
                <field id="bottom_nav_enable" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="0"
                type="select">
                    <label>Enable Mobile Bottom Navigation</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                </field> 
                <field id="bottom_nav_hide_text" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="1"
                type="select">
                    <label>Hide Items Text</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_counter_position" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="2"
                type="select">
                    <label>Counter Badge Position Near Icon</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <comment>If disabled, counter will be positioned relatively to item instead of an icon.</comment>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>   
                <field id="bottom_nav_spacer" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_enable_cart" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="10"
                type="select">
                    <label>Show Cart Item</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>           
                <field id="bottom_nav_icon_cart" translate="label" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Cart Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\Cart</source_model>
                    <depends>
                        <field id="bottom_nav_enable_cart">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_icon_width_cart" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Cart Icon Width</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="bottom_nav_enable_cart">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>   
                <field id="bottom_nav_icon_height_cart" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Cart Icon Height</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="bottom_nav_enable_cart">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>  
                <field id="bottom_nav_icon_custom_cart" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Cart Icon</label>
                    <depends>
                        <field id="bottom_nav_enable_cart">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <!-- <field id="bottom_nav_show_text_cart" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="14"
                type="select">
                    <label>Show Cart Item Text</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends>
                        <field id="bottom_nav_enable_cart">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>     -->
                <field id="bottom_nav_text_cart" translate="label comment" type="text" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Cart Item Text</label>
                    <comment>Text should be set event if hidden for accessibility. It will be used for screen reader.</comment>
                    <depends>
                        <field id="bottom_nav_enable_cart">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>   
                <field id="bottom_nav_url_cart_spacer" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
            
                <field id="bottom_nav_enable_wishlist" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="20"
                type="select">
                    <label>Show Wishlist Item</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>        
                <field id="bottom_nav_icon_wishlist" translate="label" type="select" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Wishlist Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\Wishlist</source_model>
                    <depends>
                        <field id="bottom_nav_enable_wishlist">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_icon_width_wishlist" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Wishlist Icon Width</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="bottom_nav_enable_wishlist">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>   
                <field id="bottom_nav_icon_height_wishlist" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Wishlist Icon Height</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="bottom_nav_enable_wishlist">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>  
                <field id="bottom_nav_icon_custom_wishlist" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Wishlist Icon</label>
                    <depends>
                        <field id="bottom_nav_enable_wishlist">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <!-- <field id="bottom_nav_show_text_wishlist" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="24"
                type="select">
                    <label>Show Wishlist Item Text</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends>
                        <field id="bottom_nav_enable_wishlist">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>     -->
                <field id="bottom_nav_text_wishlist" translate="label" type="text" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Wishlist Item Text</label>
                    <comment>Text should be set event if hidden for accessibility. It will be used for screen reader.</comment>
                    <depends>
                        <field id="bottom_nav_enable_wishlist">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>   
                <field id="bottom_nav_url_wishlist_spacer" sortOrder="29" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
            
                <field id="bottom_nav_enable_compare" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="30"
                type="select">
                    <label>Show Compare Item</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>        
                <field id="bottom_nav_icon_compare" translate="label" type="select" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Compare Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\Compare</source_model>
                    <depends>
                        <field id="bottom_nav_enable_compare">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_icon_width_compare" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Compare Icon Width</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="bottom_nav_enable_compare">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>   
                <field id="bottom_nav_icon_height_compare" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Compare Icon Height</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="bottom_nav_enable_compare">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>  
                <field id="bottom_nav_icon_custom_compare" translate="label" type="text" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Compare Icon</label>
                    <depends>
                        <field id="bottom_nav_enable_compare">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <!-- <field id="bottom_nav_show_text_compare" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="34"
                type="select">
                    <label>Show Compare Item Text</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends>
                        <field id="bottom_nav_enable_compare">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>     -->
                <field id="bottom_nav_text_compare" translate="label" type="text" sortOrder="35" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Compare Item Text</label>
                    <comment>Text should be set event if hidden for accessibility. It will be used for screen reader.</comment>
                    <depends>
                        <field id="bottom_nav_enable_compare">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>   
                <field id="bottom_nav_url_compare_spacer" sortOrder="39" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
            
                <field id="bottom_nav_enable_search" translate="label comment" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="40"
                type="select">
                    <label>Show Search Item</label>
                    <comment>* Will be hidden if search below header is set for mobile header.</comment>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>        
                <field id="bottom_nav_icon_search" translate="label" type="select" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\Search</source_model>
                    <depends>
                        <field id="bottom_nav_enable_search">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_icon_width_search" translate="label" type="text" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Icon Width</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="bottom_nav_enable_search">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>   
                <field id="bottom_nav_icon_height_search" translate="label" type="text" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Icon Height</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="bottom_nav_enable_search">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>  
                <field id="bottom_nav_icon_custom_search" translate="label" type="text" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Search Icon</label>
                    <depends>
                        <field id="bottom_nav_enable_search">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <!-- <field id="bottom_nav_show_text_search" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="44"
                type="select">
                    <label>Show Search Item Text</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends>
                        <field id="bottom_nav_enable_search">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>     -->
                <field id="bottom_nav_text_search" translate="label" type="text" sortOrder="45" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Item Text</label>
                    <comment>Text should be set event if hidden for accessibility. It will be used for screen reader.</comment>
                    <depends>
                        <field id="bottom_nav_enable_search">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>   
                <field id="bottom_nav_url_search_spacer" sortOrder="49" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
            
                <field id="bottom_nav_enable_account" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="50"
                type="select">
                    <label>Show Account Item</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>        
                <field id="bottom_nav_icon_account" translate="label" type="select" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\Account</source_model>
                    <depends>
                        <field id="bottom_nav_enable_account">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_icon_width_account" translate="label" type="text" sortOrder="52" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Icon Width</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="bottom_nav_enable_account">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>   
                <field id="bottom_nav_icon_height_account" translate="label" type="text" sortOrder="52" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Icon Height</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="bottom_nav_enable_account">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>  
                <field id="bottom_nav_icon_custom_account" translate="label" type="text" sortOrder="53" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Account Icon</label>
                    <depends>
                        <field id="bottom_nav_enable_account">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <!-- <field id="bottom_nav_show_text_account" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="54"
                type="select">
                    <label>Show Account Item Text</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends>
                        <field id="bottom_nav_enable_account">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>     -->
                <field id="bottom_nav_text_account" translate="label" type="text" sortOrder="55" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Item Text</label>
                    <comment>Text should be set event if hidden for accessibility. It will be used for screen reader.</comment>
                    <depends>
                        <field id="bottom_nav_enable_account">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>   
                <field id="bottom_nav_url_account_spacer" sortOrder="59" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
            
                <field id="bottom_nav_enable_home" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="60"
                type="select">
                    <label>Show Home Item</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>        
                <field id="bottom_nav_icon_home" translate="label" type="select" sortOrder="61" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Home Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\OtherBase</source_model>
                    <depends>
                        <field id="bottom_nav_enable_home">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_icon_width_home" translate="label" type="text" sortOrder="62" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Home Icon Width</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="bottom_nav_enable_home">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>   
                <field id="bottom_nav_icon_height_home" translate="label" type="text" sortOrder="62" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Home Icon Height</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="bottom_nav_enable_home">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>  
                <field id="bottom_nav_icon_custom_home" translate="label" type="text" sortOrder="63" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Home Icon</label>
                    <depends>
                        <field id="bottom_nav_enable_home">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <!-- <field id="bottom_nav_show_text_home" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="64"
                type="select">
                    <label>Show Home Item Text</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends>
                        <field id="bottom_nav_enable_home">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>     -->
                <field id="bottom_nav_text_home" translate="label" type="text" sortOrder="65" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Home Item Text</label>
                    <comment>Text should be set event if hidden for accessibility. It will be used for screen reader.</comment>
                    <depends>
                        <field id="bottom_nav_enable_home">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>   
                <field id="bottom_nav_url_home_spacer" sortOrder="69" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_enable_shop" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="70"
                type="select">
                    <label>Show Shop Item</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>        
                <field id="bottom_nav_icon_shop" translate="label" type="select" sortOrder="71" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Shop Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\OtherBase</source_model>
                    <depends>
                        <field id="bottom_nav_enable_shop">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_icon_width_shop" translate="label" type="text" sortOrder="72" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Shop Icon Width</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="bottom_nav_enable_shop">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>   
                <field id="bottom_nav_icon_height_shop" translate="label" type="text" sortOrder="72" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Shop Icon Height</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="bottom_nav_enable_shop">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>  
                <field id="bottom_nav_icon_custom_shop" translate="label" type="text" sortOrder="73" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Shop Icon</label>
                    <depends>
                        <field id="bottom_nav_enable_shop">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <!-- <field id="bottom_nav_show_text_shop" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="74"
                type="select">
                    <label>Show Shop Item Text</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends>
                        <field id="bottom_nav_enable_shop">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>     -->
                <field id="bottom_nav_text_shop" translate="label" type="text" sortOrder="75" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Shop Item Text</label>
                    <comment>Text should be set event if hidden for accessibility. It will be used for screen reader.</comment>
                    <depends>
                        <field id="bottom_nav_enable_shop">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>   
                <field id="bottom_nav_url_shop" translate="label" type="text" sortOrder="76" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Shop Item Url</label>
                    <depends>
                        <field id="bottom_nav_enable_shop">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_url_shop_spacer" sortOrder="79" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_enable_menu" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="80"
                type="select">
                    <label>Show Menu Item</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>        
                <field id="bottom_nav_icon_menu" translate="label" type="select" sortOrder="81" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\MenuBase</source_model>
                    <depends>
                        <field id="bottom_nav_enable_menu">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_icon_width_menu" translate="label" type="text" sortOrder="82" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Icon Width</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="bottom_nav_enable_menu">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>   
                <field id="bottom_nav_icon_height_menu" translate="label" type="text" sortOrder="82" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Icon Height</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="bottom_nav_enable_menu">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>  
                <field id="bottom_nav_icon_custom_menu" translate="label" type="text" sortOrder="83" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Menu Icon</label>
                    <depends>
                        <field id="bottom_nav_enable_menu">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <!-- <field id="bottom_nav_show_text_menu" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="84"
                type="select">
                    <label>Show Menu Item Text</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends>
                        <field id="bottom_nav_enable_menu">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>     -->
                <field id="bottom_nav_text_menu" translate="label" type="text" sortOrder="85" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Item Text</label>
                    <comment>Text should be set event if hidden for accessibility. It will be used for screen reader.</comment>
                    <depends>
                        <field id="bottom_nav_enable_menu">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>

                <field id="bottom_nav_url_menu_spacer" sortOrder="99" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>

                <field id="bottom_nav_enable_custom" translate="label" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="90"
                type="select">
                    <label>Show "Custom Header Item"</label>
                    <frontend_class>on-off-trigger</frontend_class>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>        
                <field id="bottom_nav_icon_custom" translate="label" type="select" sortOrder="91" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>"Custom Header Item" Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\OtherBase</source_model>
                    <depends>
                        <field id="bottom_nav_enable_custom">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_icon_width_custom" translate="label" type="text" sortOrder="92" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>"Custom Header Item" Icon Width</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="bottom_nav_enable_custom">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>   
                <field id="bottom_nav_icon_height_custom" translate="label" type="text" sortOrder="92" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>"Custom Header Item" Icon Height</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="bottom_nav_enable_custom">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>  
                <field id="bottom_nav_icon_custom_custom" translate="label" type="text" sortOrder="93" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom "Custom Header Item" Icon</label>
                    <depends>
                        <field id="bottom_nav_enable_custom">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_text_custom" translate="label" type="text" sortOrder="94" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>"Custom Header Item" Item Text</label>
                    <comment>Text should be set event if hidden for accessibility. It will be used for screen reader.</comment>
                    <depends>
                        <field id="bottom_nav_enable_custom">1</field>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>   


                <field id="bottom_nav_items_order_spacer" sortOrder="899" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_items_order" translate="label comment" sortOrder="900" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Items Order</label>
                    <comment>You can reorder items in mobile bottom navigation. Default value is 0.</comment>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                    <frontend_class>header-with-border</frontend_class>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_item_home_order" translate="label" type="text" sortOrder="901" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Home Order</label>
                    <validate>validate-digits</validate>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                        <field id="bottom_nav_enable_home">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_item_menu_order" translate="label" type="text" sortOrder="902" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Order</label>
                    <validate>validate-digits</validate>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                        <field id="bottom_nav_enable_menu">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_item_shop_order" translate="label" type="text" sortOrder="903" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Catalog Order</label>
                    <validate>validate-digits</validate>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                        <field id="bottom_nav_enable_shop">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_item_search_order" translate="label" type="text" sortOrder="904" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Order</label>
                    <validate>validate-digits</validate>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                        <field id="bottom_nav_enable_search">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_item_account_order" translate="label" type="text" sortOrder="905" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Order</label>
                    <validate>validate-digits</validate>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                        <field id="bottom_nav_enable_account">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_item_compare_order" translate="label" type="text" sortOrder="906" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Compare Order</label>
                    <validate>validate-digits</validate>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                        <field id="bottom_nav_enable_compare">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_item_wishlist_order" translate="label" type="text" sortOrder="907" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Wishlist Order</label>
                    <validate>validate-digits</validate>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                        <field id="bottom_nav_enable_wishlist">1</field>
                    </depends> 
                </field>
                <field id="bottom_nav_item_cart_order" translate="label" type="text" sortOrder="908" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Minicart Order</label>
                    <validate>validate-digits</validate>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                        <field id="bottom_nav_enable_cart">1</field>
                    </depends>
                </field>
                <field id="bottom_nav_item_custom_order" translate="label" type="text" sortOrder="909" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>"Custom Header Item" order</label>
                    <validate>validate-digits</validate>
                    <depends>
                        <field id="bottom_nav_enable">1</field>
                        <field id="bottom_nav_enable_custom">1</field>
                    </depends> 
                </field>
            </group>
            <group id="shipping_bar" translate="label comment" sortOrder="130" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Free Shipping Bar</label>
                <comment>Free shipping should be enabled in Magento settings: Stores > Settings > Configuration > Sales > Delivery Methods, Free Shipping section. Enable it and set "Minimum Order Amount".</comment>
                <field id="minicart_enable" translate="label" type="select" sortOrder="0" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Free Shipping Bar in Minicart</label>                    
                     <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>    
                </field>
                <field id="hide_in_empty_cart" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Hide Message in Empty Cart</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>    
                    <depends>
                        <field id="minicart_enable">1</field>
                    </depends> 
                </field>
                <field id="cart_text_enable" translate="label comment" type="select" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Set Custom text for Shipping Bar in Minicart</label>                    
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment><![CDATA[Allowed HTML tags are: A and SPAN. Example 1: <span class="free-shipping-highlight">Free Shipping</span> Example 2: <a href="free-shipping-page.html">Learn more</a>]]></comment>
                    <depends>
                        <field id="minicart_enable">1</field>
                    </depends> 
                </field>
                <field id="cart_text" translate="label comment" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="5"
                type="text">
                    <label>Free shipping text</label>
                    <comment><![CDATA[Use {{free_shipping_goal}} variable to show free shipping goal (from what amount free shipping starts). Default text: Enjoy Free shipping on orders over {{free_shipping_price}}.]]></comment>
                    <depends>
                        <field id="cart_text_enable">1</field>
                        <field id="minicart_enable">1</field>
                    </depends> 
                </field>
                <field id="cart_text_progress" translate="label comment" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="6"
                type="text">
                    <label>Free shipping progress text</label>
                    <comment><![CDATA[Use {{free_shipping_goal_left}} variable to show how many left to spend for a free shipping. Default text: You're {{free_shipping_remaining_price}} away from FREE Shipping!]]></comment>
                    <depends>
                        <field id="cart_text_enable">1</field>
                        <field id="minicart_enable">1</field>
                    </depends> 
                </field>
                <field id="cart_text_success" translate="label comment" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="7"
                type="text">
                    <label>Eligible for free shipping text</label>
                    <comment>Default text: Congratulations! You are eligible for Free Shipping!</comment>
                    <depends>
                        <field id="cart_text_enable">1</field>
                        <field id="minicart_enable">1</field>
                    </depends> 
                </field>
                <field id="cart_page_enable" translate="label" type="select" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Free Shipping Bar on Cart Page</label>                    
                     <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="minicart_enable">1</field>
                    </depends> 
                </field>
                <field id="cart_page_position" translate="label" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Position on Cart Page</label>                    
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\FreeShipping\PositionCartPage</source_model>
                    <depends>
                        <field id="cart_page_enable">1</field>
                        <field id="minicart_enable">1</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="fallback" translate="label comment" type="select" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Fallback</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Enable this option if you customized theme files and appearance settings do not work anymore. New version of the theme create css variables in dynamic css instead of huge list of selectors.</comment>
                </field>
                <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" 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_h4" translate="label comment" type="text" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Letter Spacing for h4</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(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_h4" translate="label comment" type="text" sortOrder="55" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Font Weight for H4</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(H5,H6)</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="text_transform_h4" translate="label comment" type="select" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Text Transform H4</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>
                <field id="underline_button_text_color" translate="label" type="text" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Underline Button 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_icons" translate="label" sortOrder="36" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Base Icons</label>
                <comment>For custom icons, you can place image in theme folder: app/design/frontend/Olegnax/athlete2/web/images and then simply add "images/icon.svg" to input. Or you can add full url e.g.: https://yoursite.com/some-path/your-image.svg</comment>
                <field id="icon_cart" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Cart Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\CartBase</source_model>
                </field>
                <field id="icon_width_cart" translate="label" type="text" sortOrder="2" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Cart Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>   
                <field id="icon_height_cart" translate="label" type="text" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Cart Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>  
                <field id="icon_custom_cart" translate="label" type="text" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Cart Icon</label>
                </field>
                <field id="icon_custom_cart_hover" translate="label comment" type="text" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Cart Icon on Hover</label>
                    <comment>You need to also add the main custom icon to make custom icon on hover to work.</comment>
                </field>
               
                <field id="spacer_icon_cart" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>

               <field id="icon_wishlist_fallback" translate="label" type="select" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Wishlist Icon, Use font icon.</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="icon_wishlist" translate="label" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Wishlist Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\WishlistBase</source_model>
                    <depends>
                        <field id="icon_wishlist_fallback">0</field>
                    </depends> 
                </field>
                <field id="icon_width_wishlist" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Wishlist Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <depends>
                        <field id="icon_wishlist_fallback">0</field>
                    </depends> 
                </field>   
                <field id="icon_height_wishlist" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Wishlist Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <depends>
                        <field id="icon_wishlist_fallback">0</field>
                    </depends> 
                </field>  
                <field id="icon_custom_wishlist" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Wishlist Icon</label>
                    <depends>
                        <field id="icon_wishlist_fallback">0</field>
                    </depends> 
                </field>
                <field id="icon_custom_wishlist_hover" translate="label comment" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Wishlist Icon on Hover</label>
                    <comment>You need to also add the main custom icon to make custom icon on hover to work.</comment>
                    <depends>
                        <field id="icon_wishlist_fallback">0</field>
                    </depends> 
                </field>
                <field id="spacer_icon_wishlist" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>

                <field id="icon_compare" translate="label" type="select" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Compare Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\CompareBase</source_model>
                </field>
                <field id="icon_width_compare" translate="label" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Compare Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>   
                <field id="icon_height_compare" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Compare Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>  
                <field id="icon_custom_compare" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Compare Icon</label>
                </field>
                <field id="icon_custom_compare_hover" translate="label comment" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Compare Icon on Hover</label>
                    <comment>You need to also add the main custom icon to make custom icon on hover to work.</comment>
                </field>
                <field id="spacer_icon_compare" sortOrder="29" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>


                <field id="icon_search" translate="label" type="select" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\SearchBase</source_model>
                </field>
                <field id="icon_width_search" translate="label" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>   
                <field id="icon_height_search" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>  
                <field id="icon_custom_search" translate="label" type="text" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Search Icon</label>
                    <comment>You must also set width and height if you are adding a custom icon.</comment>
                </field>
                <field id="icon_custom_search_hover" translate="label comment" type="text" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Search Icon on Hover</label>
                    <comment>You need to also add the main custom icon to make custom icon on hover to work.</comment>
                </field>
                <field id="spacer_icon_search" sortOrder="39" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>

                <field id="icon_account" translate="label" type="select" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\AccountBase</source_model>
                </field>
                <field id="icon_width_account" translate="label" type="text" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>   
                <field id="icon_height_account" translate="label" type="text" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Account Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>  
                <field id="icon_custom_account" translate="label" type="text" sortOrder="44" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Account Icon</label>
                </field>               
                <field id="icon_custom_account_hover" translate="label comment" type="text" sortOrder="44" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Account Icon on Hover</label>
                    <comment>You need to also add the main custom icon to make custom icon on hover to work.</comment>
                </field>   

                <field id="spacer_sample_icons" sortOrder="998" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="enable_sample_icons" translate="label" type="select" sortOrder="999" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Include Sample Icons</label>
                    <comment>This will include a set of product icons which are used in menu on demo.</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
            </group>             
            <group id="appearance_icons_header" translate="label" sortOrder="37" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Header Icons</label>
                <comment>For custom icons, you can place image in theme folder: app/design/frontend/Olegnax/athlete2/web/images and then simply add "images/icon.svg" to input. Or you can add full url e.g.: https://yoursite.com/some-path/your-image.svg</comment>
                <field id="header_icon_cart" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Cart Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\Cart</source_model>
                </field>
                <field id="header_icon_width_cart" translate="label" type="text" sortOrder="2" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Cart Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>   
                <field id="header_icon_height_cart" translate="label" type="text" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Cart Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>  
                <field id="header_icon_custom_cart" translate="label" type="text" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Custom Cart Icon</label>
                </field>
                <field id="header_icon_custom_cart_hover" translate="label comment" type="text" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Custom Cart Icon on Hover</label>
                    <comment>You need to also add the main custom icon to make custom icon on hover to work.</comment>
                </field>
               
                <field id="spacer_icon_cart" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
            
               <field id="header_icon_wishlist_fallback" translate="label" type="select" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Wishlist Icon, Use font icon.</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="header_icon_wishlist" translate="label" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Wishlist Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\Wishlist</source_model>
                    <depends>
                        <field id="header_icon_wishlist_fallback">0</field>
                    </depends> 
                </field>
                <field id="header_icon_width_wishlist" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Wishlist Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <depends>
                        <field id="header_icon_wishlist_fallback">0</field>
                    </depends> 
                </field>   
                <field id="header_icon_height_wishlist" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Wishlist Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <depends>
                        <field id="header_icon_wishlist_fallback">0</field>
                    </depends> 
                </field>  
                <field id="header_icon_custom_wishlist" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Custom Wishlist Icon</label>
                    <depends>
                        <field id="header_icon_wishlist_fallback">0</field>
                    </depends> 
                </field>
                <field id="header_icon_custom_wishlist_hover" translate="label comment" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Custom Wishlist Icon on Hover</label>
                    <comment>You need to also add the main custom icon to make custom icon on hover to work.</comment>
                    <depends>
                        <field id="header_icon_wishlist_fallback">0</field>
                    </depends> 
                </field>
                <field id="spacer_icon_wishlist" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
            
                <field id="header_icon_compare" translate="label" type="select" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Compare Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\Compare</source_model>
                </field>
                <field id="header_icon_width_compare" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Compare Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>   
                <field id="header_icon_height_compare" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Compare Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>  
                <field id="header_icon_custom_compare" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Custom Compare Icon</label>
                </field>
                <field id="header_icon_custom_compare_hover" translate="label comment" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Custom Compare Icon on Hover</label>
                    <comment>You need to also add the main custom icon to make custom icon on hover to work.</comment>
                </field>
                <field id="spacer_icon_compare" sortOrder="29" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                
                <field id="header_icon_menu" translate="label" type="select" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Menu Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\MenuBase</source_model>
                </field>
                <field id="header_icon_width_menu" translate="label" type="text" sortOrder="52" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Menu Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>   
                <field id="header_icon_height_menu" translate="label" type="text" sortOrder="53" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Menu Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>  
                <field id="header_icon_custom_menu" translate="label" type="text" sortOrder="54" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Custom Menu Icon</label>
                </field>
                
                <field id="spacer_icon_menu" sortOrder="59" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                
                <field id="header_icon_language" translate="label" type="select" sortOrder="61" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Language Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\OtherBase</source_model>
                </field>
                <field id="header_icon_width_language" translate="label" type="text" sortOrder="62" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Language Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>   
                <field id="header_icon_height_language" translate="label" type="text" sortOrder="63" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Language Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>  
                <field id="header_icon_custom_language" translate="label" type="text" sortOrder="64" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Custom Language Icon</label>
                </field>
                <field id="header_icon_custom_language_hover" translate="label comment" type="text" sortOrder="65" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Custom Language Icon on Hover</label>
                </field>
                
                <field id="spacer_icon_language" sortOrder="69" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>

                <field id="header_icon_language_modal" translate="label" type="select" sortOrder="71" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Language Modal Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\OtherBase</source_model>
                </field>
                <field id="header_icon_width_language_modal" translate="label" type="text" sortOrder="72" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Language Modal Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>   
                <field id="header_icon_height_language_modal" translate="label" type="text" sortOrder="73" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Language Modal Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>  
                <field id="header_icon_custom_language_modal" translate="label" type="text" sortOrder="74" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Language Modal Custom Icon</label>
                </field>
                
                <field id="spacer_icon_language_modal" sortOrder="79" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>

                <field id="header_icon_custom" translate="label" type="select" sortOrder="81" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header custom item Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\OtherBase</source_model>
                </field>
                <field id="header_icon_width_custom" translate="label" type="text" sortOrder="82" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header custom item Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>   
                <field id="header_icon_height_custom" translate="label" type="text" sortOrder="83" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header custom item, Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>  
                <field id="header_icon_custom_custom" translate="label" type="text" sortOrder="84" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header custom Item, custom Icon</label>
                </field>
                <field id="header_icon_custom_custom_hover" translate="label comment" type="text" sortOrder="85" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header custom Item, custom Icon on Hover</label>
                </field>

             </group>
             <group id="appearance_icons_empty" translate="label comment" sortOrder="38" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Empty Page / Drop Down Icons</label>
                <comment>If you set custom base icon then inherit options will not work. You also need to set a custom icon here. Also it is a must to set icon width and height when you set custom icon.</comment>
               <field id="icon_cart_enable" translate="label" type="select" sortOrder="0" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Set Icon for Empty Cart</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="icon_cart" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Empty Cart Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\Cart</source_model>
                    <depends>
                        <field id="icon_cart_enable">1</field>
                    </depends> 
                </field>
                <field id="icon_width_cart" translate="label" type="text" sortOrder="2" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Cart Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <depends>
                        <field id="icon_cart_enable">1</field>
                    </depends> 
                </field>   
                <field id="icon_height_cart" translate="label" type="text" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Cart Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <depends>
                        <field id="icon_cart_enable">1</field>
                    </depends> 
                </field>  
                <field id="icon_custom_cart" translate="label" type="text" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Cart Icon</label>
                    <depends>
                        <field id="icon_cart_enable">1</field>
                    </depends> 
                </field>
               
                <field id="spacer_icon_cart" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
            
                <field id="icon_wishlist_enable" translate="label" type="select" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Set Icon for Empty Wishlist</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="icon_wishlist" translate="label" type="select" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Wishlist Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\Wishlist</source_model>
                    <depends>
                        <field id="icon_wishlist_enable">1</field>
                    </depends> 
                </field>
                <field id="icon_width_wishlist" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Wishlist Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <depends>
                        <field id="icon_wishlist_enable">1</field>
                    </depends> 
                </field>   
                <field id="icon_height_wishlist" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Wishlist Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <depends>
                        <field id="icon_wishlist_enable">1</field>
                    </depends> 
                </field>  
                <field id="icon_custom_wishlist" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Wishlist Icon</label>
                    <depends>
                        <field id="icon_wishlist_enable">1</field>
                    </depends> 
                </field>
                <field id="spacer_icon_wishlist" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
            
                <field id="icon_compare_enable" translate="label" type="select" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Set Icon for Empty Compare</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
            
                <field id="icon_compare" translate="label" type="select" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Compare Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\Compare</source_model>
                    <depends>
                        <field id="icon_compare_enable">1</field>
                    </depends> 
                </field>
                <field id="icon_width_compare" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Compare Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <depends>
                        <field id="icon_compare_enable">1</field>
                    </depends> 
                </field>   
                <field id="icon_height_compare" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Compare Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <depends>
                        <field id="icon_compare_enable">1</field>
                    </depends> 
                </field>  
                <field id="icon_custom_compare" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Compare Icon</label>
                    <depends>
                        <field id="icon_compare_enable">1</field>
                    </depends> 
                </field>            
            </group>        
            <group id="appearance_icons_product" translate="label comment" sortOrder="39" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Product Page Icons</label>
                <comment>For custom icons, you can place image in theme folder: app/design/frontend/Olegnax/athlete2/web/images and then simply add "images/icon.svg" to input. Or you can add full url e.g.: https://yoursite.com/some-path/your-image.svg</comment>
                <field id="product_icon_cart" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Cart Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\Cart</source_model>
                </field>
                <field id="product_icon_width_cart" translate="label" type="text" sortOrder="2" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Cart Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>   
                <field id="product_icon_height_cart" translate="label" type="text" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Cart Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>  
                <field id="product_icon_custom_cart" translate="label" type="text" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Custom Cart Icon</label>
                </field>
                <field id="product_icon_custom_cart_hover" translate="label comment" type="text" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Custom Cart Icon on Hover</label>
                    <comment>You need to also add the main custom icon to make custom icon on hover to work.</comment>
                </field>
               
                <field id="spacer_icon_cart" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
            
               <field id="product_icon_wishlist_fallback" translate="label" type="select" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Wishlist Icon, Use font icon.</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="product_icon_wishlist" translate="label" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Wishlist Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\Wishlist</source_model>
                    <depends>
                        <field id="product_icon_wishlist_fallback">0</field>
                    </depends> 
                </field>
                <field id="product_icon_width_wishlist" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Wishlist Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <depends>
                        <field id="product_icon_wishlist_fallback">0</field>
                    </depends> 
                </field>   
                <field id="product_icon_height_wishlist" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Wishlist Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <depends>
                        <field id="product_icon_wishlist_fallback">0</field>
                    </depends> 
                </field>  
                <field id="product_icon_custom_wishlist" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Custom Wishlist Icon</label>
                    <depends>
                        <field id="product_icon_wishlist_fallback">0</field>
                    </depends> 
                </field>
                <field id="product_icon_custom_wishlist_hover" translate="label comment" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Custom Wishlist Icon on Hover</label>
                    <comment>You need to also add the main custom icon to make custom icon on hover to work.</comment>
                    <depends>
                        <field id="product_icon_wishlist_fallback">0</field>
                    </depends> 
                </field>
                <field id="spacer_icon_wishlist" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
            
                <field id="product_icon_compare_fallback" translate="label" type="select" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Compare Icon, Use font icon.</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="product_icon_compare" translate="label" type="select" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Compare Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\Compare</source_model>
                    <depends>
                        <field id="product_icon_compare_fallback">0</field>
                    </depends> 
                </field>
                <field id="product_icon_width_compare" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Compare Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <depends>
                        <field id="product_icon_compare_fallback">0</field>
                    </depends> 
                </field>   
                <field id="product_icon_height_compare" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Compare Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <depends>
                        <field id="product_icon_compare_fallback">0</field>
                    </depends> 
                </field>  
                <field id="product_icon_custom_compare" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Custom Compare Icon</label>
                    <depends>
                        <field id="product_icon_compare_fallback">0</field>
                    </depends> 
                </field>
                <field id="product_icon_custom_compare_hover" translate="label comment" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Custom Compare Icon on Hover</label>
                    <comment>You need to also add the main custom icon to make custom icon on hover to work.</comment>
                    <depends>
                        <field id="product_icon_compare_fallback">0</field>
                    </depends> 
                </field>
                <field id="spacer_icon_compare" sortOrder="29" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>

                <field id="product_icon_share_fallback" translate="label" type="select" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page share Icon, Use font icon.</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="product_icon_share" translate="label" type="select" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page share Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\Share</source_model>
                    <depends>
                        <field id="product_icon_share_fallback">0</field>
                    </depends> 
                </field>
                <field id="product_icon_width_share" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page share Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <depends>
                        <field id="product_icon_share_fallback">0</field>
                    </depends> 
                </field>   
                <field id="product_icon_height_share" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page share Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <depends>
                        <field id="product_icon_share_fallback">0</field>
                    </depends> 
                </field>  
                <field id="product_icon_custom_share" translate="label" type="text" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Custom share Icon</label>
                    <depends>
                        <field id="product_icon_share_fallback">0</field>
                    </depends> 
                </field>
                <field id="product_icon_custom_share_hover" translate="label comment" type="text" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Custom share Icon on Hover</label>
                    <comment>You need to also add the main custom icon to make custom icon on hover to work.</comment>
                    <depends>
                        <field id="product_icon_share_fallback">0</field>
                    </depends> 
                </field>
                <field id="spacer_icon_share" sortOrder="39" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </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="58" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Minicart Counter Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="minicart_item_color" translate="label" type="text" sortOrder="58" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Minicart Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="minicart_item_font_enable" translate="label" type="select" sortOrder="58" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Set Minicart Item Font</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>If font is not set then it will use menu font settings. If font for menu is also not set then it will fallback to a button font settings.</comment>
                </field>
                <field id="minicart_item_font" translate="label comment" type="select" sortOrder="58" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Minicart Item Font</label>
                    <comment>Enable google fonts in General section to use this option. Selected font should be already seleted (for any other option) in General section.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFonts</source_model>
                    <depends>
                        <field id="minicart_item_font_enable">1</field>
                    </depends> 
                </field>
                <field id="minicart_item_font_custom" translate="label comment" type="text" sortOrder="58" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Minicart Item 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="minicart_item_font_enable">1</field>
                    </depends> 
                </field>
                <field id="minicart_item_font_size" translate="label" type="text" sortOrder="58" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Minicart Item Font Size</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="minicart_item_letter_spacing" translate="label" type="text" sortOrder="58" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Minicart Item Letter Spacing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="minicart_item_text_transform" translate="label comment" type="select" sortOrder="58" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Minicart Item Text Transform</label>
                    <comment>If not set, then font settings for menu will be used.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="minicart_item_font_weight" translate="label comment" type="text" sortOrder="58" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Minicart Item Font Weight</label>
                    <comment>If not set, then font settings for menu will be used.</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>


                <field id="header_items_spacer_1" sortOrder="59" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </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="header_item_color" translate="label" type="text" sortOrder="64" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Item Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="header_item_color_hover" translate="label" type="text" sortOrder="64" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Item Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="header_item_font_enable" translate="label" type="select" sortOrder="64" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Set Header Item Font</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>If font is not set then it will use menu font settings. If font for menu is also not set then it will fallback to a button font settings.</comment>
                </field>
                <field id="header_item_font" translate="label comment" type="select" sortOrder="64" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Item Font</label>
                    <comment>Enable google fonts in General section to use this option. Selected font should be already seleted (for any other option) in General section.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFonts</source_model>
                    <depends>
                        <field id="header_item_font_enable">1</field>
                    </depends> 
                </field>
                <field id="header_item_font_custom" translate="label comment" type="text" sortOrder="64" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Item 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="header_item_font_enable">1</field>
                    </depends> 
                </field>
                <field id="header_item_font_size" translate="label" type="text" sortOrder="64" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Item Font Size</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="header_item_letter_spacing" translate="label" type="text" sortOrder="64" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Item Letter Spacing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="header_item_text_transform" translate="label comment" type="select" sortOrder="64" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Item Text Transform</label>
                    <comment>If not set, then font settings for menu will be used.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="header_item_font_weight" translate="label comment" type="text" sortOrder="64" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Header Item Font Weight</label>
                    <comment>If not set, then font settings for menu will be used.</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>



                <field id="header_items_spacer_2" sortOrder="69" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </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_field_placeholder_color" translate="label" type="text" sortOrder="75" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Field Text Placeholder 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="search_field_border_radius" translate="label" type="text" sortOrder="78" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Field Border Radius</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <comment>Set 0 for sharp edges.</comment>
                </field>
                <field id="search_field_width" translate="label" type="text" sortOrder="78" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Field Width</label>                    
                </field>

                <field id="search_size" translate="label" type="select" sortOrder="78" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Input Size</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Header\SearchSize</source_model>
                </field>
                <field id="search_field_padding" translate="label comment" type="text" sortOrder="78" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Field Padding</label>
                    <comment>Add value with units. E.g. 20px. You can also add multiple values to set padding for different sides (top, right, bottom, left): 10px 20px 5px 10px</comment>
                    <depends>
                        <field id="search_size">custom</field>
                    </depends> 
                </field>
                <field id="search_field_font_size" translate="label" type="text" sortOrder="78" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Field Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <depends>
                        <field id="search_size">custom</field>
                    </depends> 
                </field>

                <field id="search_field_font_enable" translate="label" type="select" sortOrder="78" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Set Search Field Font</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="search_size">custom</field>
                    </depends> 
                </field>
                <field id="search_field_font" translate="label comment" type="select" sortOrder="78" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Field Font</label>
                    <comment>Enable google fonts in General section to use this option. Selected font should be already seleted (for any other option) in General section.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFonts</source_model>
                    <depends>
                        <field id="search_size">custom</field>
                        <field id="search_field_font_enable">1</field>
                    </depends> 
                </field>
                <field id="search_field_font_custom" translate="label comment" type="text" sortOrder="78" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Field 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="search_size">custom</field>
                        <field id="search_field_font_enable">1</field>
                    </depends> 
                </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="81" 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_overlay_background" translate="label comment" type="select" sortOrder="82" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Content overlay when menu is opened</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_overlay_background_exclude_header" translate="label comment" type="select" sortOrder="82" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Render Header above menu overlay (Exclude header)</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>
                    <depends>
                        <field id="menu_overlay_background">1</field>
                    </depends> 
                </field>
                <field id="menu_overlay_background_color" translate="label" type="text" sortOrder="82" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Content Overlay Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="menu_overlay_background">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="menu_arrow_style" translate="label" type="select" sortOrder="86" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Item Arrow Style</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\MenuArrow</source_model>
                </field>
                <!-- <field id="menu_arrow_width" translate="label" type="text" sortOrder="87" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Cart Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>   
                <field id="menu_arrow_height" translate="label" type="text" sortOrder="87" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Cart Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </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_font_weight_active" translate="label" type="text" sortOrder="102" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Menu Active 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="spacer_120" sortOrder="120" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>   
                <field id="menu_drop2_font_size" translate="label" type="text" sortOrder="121" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Mega Menu Parent Item Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="menu_drop2_letter_spacing" translate="label" type="text" sortOrder="122" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Mega Menu Parent Item Letter Spacing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="menu_drop2_text_transform" translate="label comment" type="select" sortOrder="123" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Mega Menu Parent Item Text Transform</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="menu_drop2_font_weight" translate="label" type="text" sortOrder="124" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Mega Menu Parent Item Text Font Weight</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>

                <field id="spacer_130" sortOrder="130" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>   
                <field id="menu_drop3_text_transform" translate="label comment" type="select" sortOrder="131" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Mega Menu (3rd level) Child Items 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="132" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Mega Menu (3rd level) Child Items Text Font Weight</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>

                <field id="spacer_190" sortOrder="190" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>   
                <field id="menu_sections_border_enable" translate="label comment" type="select" sortOrder="191" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Border Between Menu Columns</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="menu_sections_border_color" translate="label" type="text" sortOrder="191" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Border Between Menu Columns Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="menu_sections_border_enable">1</field>
                    </depends> 
                </field>
                <field id="spacer_200" sortOrder="200" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="allcats_item_color" translate="label" type="text" sortOrder="201" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Item Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="allcats_item_color_hover" translate="label" type="text" sortOrder="202" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Item Text Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="allcats_item_color_active" translate="label" type="text" sortOrder="203" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Item Text Active Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="allcats_item_bg" translate="label" type="text" sortOrder="204" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Item Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="allcats_item_bg_hover" translate="label" type="text" sortOrder="205" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Item Background Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="allcats_item_bg_active" translate="label" type="text" sortOrder="206" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Item Background Active</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="menu_icon_allcats" translate="label" type="select" sortOrder="207" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Item Icon</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\AllCats</source_model>
                </field>
                <field id="menu_icon_width_allcats" translate="label" type="text" sortOrder="208" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Item Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>   
                <field id="menu_icon_height_allcats" translate="label" type="text" sortOrder="208" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Item Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                </field>  
                <field id="menu_icon_custom_allcats" translate="label" type="text" sortOrder="209" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Item Custom Icon</label>
                </field>
                <field id="allcats_item_icon_color" translate="label" type="text" sortOrder="210" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="allcats_item_icon_color_hover" translate="label" type="text" sortOrder="211" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Icon Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="allcats_item_icon_color_active" translate="label" type="text" sortOrder="212" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Icon Active Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="allcats_item_font_size" translate="label" type="text" sortOrder="213" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Item Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="allcats_item_letter_spacing" translate="label" type="text" sortOrder="214" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Item Letter Spacing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="allcats_item_font_weight" translate="label" type="text" sortOrder="215" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Item Font Weight</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="allcats_item_text_transform" translate="label comment" type="select" sortOrder="216" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Item Text Transform</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>

                <field id="allcats_drop_font_size" translate="label" type="text" sortOrder="220" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Drop Down Items Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="allcats_drop_letter_spacing" translate="label" type="text" sortOrder="221" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Drop Down Items Letter Spacing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="allcats_drop_font_weight" translate="label" type="text" sortOrder="222" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Drop Down Items Font Weight</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="allcats_drop_text_transform" translate="label" type="select" sortOrder="223" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Drop Down Text Transform</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="allcats_drop_item_min_height" translate="label" type="text" sortOrder="224" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Drop Down Items Min Height</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="allcats_drop_item_padding" translate="label comment" type="text" sortOrder="225" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Drop Down Items Padding</label>
                    <comment>Add value with units. E.g. 20px. You can also add multiple values to set padding for different sides (top, right, bottom, left): 10px 20px 5px 10px</comment>
                </field>
                
                <field id="allcats_wide_link" translate="label comment" type="select" sortOrder="226" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories Drop Down Wide Links</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Stretch menu item link width to the width of the menu item.</comment>
                </field>
                <field id="allcats_border_enable" translate="label comment" type="select" sortOrder="230" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories MegaMenu Right Border</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="allcats_border_color" translate="label" type="text" sortOrder="231" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>All Categories MegaMenu Right Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="allcats_border_enable">1</field>
                    </depends> 
                </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>

                <field id="search_below_header" translate="label" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Below Header</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                </field>
                <field id="search_style" translate="label comment" type="select" sortOrder="61" 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_bg" translate="label" type="text" sortOrder="62" 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_field_border_color" translate="label" type="text" sortOrder="63" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Field Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="search_field_height" translate="label" type="text" sortOrder="64" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Field Height</label>
                </field>
                <field id="search_field_font_size" translate="label" type="text" sortOrder="65" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Field Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="search_block_bg" translate="label" type="text" sortOrder="66" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Block Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="search_block_border_enable" translate="label comment" type="select" sortOrder="67" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Block 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="search_block_border_color" translate="label" type="text" sortOrder="68" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Block Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="search_block_border_enable">1</field>
                    </depends> 
                </field>
                <field id="search_block_padding" translate="label" type="text" sortOrder="69" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Search Block Padding</label>
                    <comment>Add value with units. E.g. 20px. You can also add multiple values to set padding for different sides (top, right, bottom, left): 10px 20px 5px 10px</comment>
                </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="modal_close_icon_color" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Close Button Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="modal_close_icon_bg" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Close Button Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="modal_close_icon_color_hover" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Close Button Icon Color on Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="modal_close_icon_bg_hover" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Modals Close Button Icon Background on Hover </label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>

                <field id="language_drop_heading" translate="label" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Drop Down</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                </field>
                <field id="language_drop_link_color" translate="label" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Drop Down Link Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="language_drop_link_color_hover" translate="label" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Drop Down Link Color on Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="language_drop_link_bg_hover" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Drop Down Link Bg on Hover</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="language_drop_link_color_selected" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Drop DownSelected Item Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="language_drop_link_bg_selected" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Drop Down Selected Item Bg</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="language_drop_mobile_font_size" translate="label" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Drop Down Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="language_drop_mobile_letter_spacing" translate="label" type="text" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Drop Down Letter Spacing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="language_drop_mobile_font_weight" translate="label" type="text" sortOrder="26" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Language/Currency Drop Down Font Weight</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </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_breadcrumbs" translate="label" sortOrder="62" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Breadcrumbs</label>
                <field id="fullwidth" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Fullwidth Breadcrumbs</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>* When breadcrumbs are below header.</comment>
                </field>
                <field id="border" translate="label" type="select" sortOrder="2" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Border Below Breadcrumbs</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="border_color" translate="label" type="text" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Border 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="1" 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="2" 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="3" 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_images_thumb_bordered" translate="label" type="select" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Gallery Thumbnails Style</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Product\ThumbStyle</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="product_images_thumb_border_color" translate="label" type="text" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Gallery Thumbnails Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="product_images_thumb_bordered">bordered</field>
                    </depends> 
                </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="spacer_1" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>   
                <field id="product_name_font_size" translate="label" type="text" sortOrder="15" 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="spacer_2" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>   
                <field id="product_price_font_size" translate="label" type="text" sortOrder="18" 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="18" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Price Letter Spacing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="product_old_price_font_size" translate="label" type="text" sortOrder="18" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Old Price Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="product_old_price_font_weight" translate="label" type="text" sortOrder="18" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Old Price Font Weight</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="product_price_diff_color" translate="label" type="text" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Price Difference Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_price_diff_bg" translate="label" type="text" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Price Difference Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="product_price_diff_font_size" translate="label" type="text" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Price Difference Font Size</label>
                    <validate>validate-number</validate>
                </field>
                <field id="product_price_diff_font_weight" translate="label" type="text" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Price Difference Font Weight</label>
                    <validate>validate-number</validate>
                </field>
                <field id="spacer_3" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>   
                <field id="product_page_actions" translate="label comment" type="text" sortOrder="21" 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="spacer_4" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>   
                <field id="product_page_button_stretch" translate="label" type="select" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Stretch Add to Cart Width</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="product_page_button_text_color" translate="label" type="text" sortOrder="26" 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="27" 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="28" 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="29" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Add to Cart Background Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="spacer_description" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>   
                <field id="desc_border_top" translate="label" type="select" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Border Above Short Description</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="desc_border_bottom" translate="label" type="select" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Border Below Short Description</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="desc_border_color" translate="label" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Short Description Top/Bottom Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="spacer_5" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>   
                <field id="product_page_tab_color" translate="label" type="text" sortOrder="33" 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="34" 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="34" 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_title_size" translate="label" type="select" sortOrder="36" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Accordion Title/Switch Size (Desktop)</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Product\AccordionTitleSize</source_model>
                    <comment>Accordion on desktop</comment>
                </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_more_info_style" translate="label" type="select" sortOrder="39" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page "More Info" tab content style</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Product\MoreinfoTabStyle</source_model>
                    <frontend_class>select-image</frontend_class>
                    <comment>Accordion on desktop</comment>
                </field>
                <field id="product_page_tab_details_font_size" translate="label comment" type="text" sortOrder="39" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Details Tab Font Size</label>
                    <validate>validate-digits</validate>
                    <comment>Number only</comment>
                </field>
                <field id="product_page_tab_moreinfo_font_size" translate="label comment" type="text" sortOrder="39" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>More Info Tab Font Size</label>
                    <validate>validate-digits</validate>
                    <comment>Number only</comment>
                </field>
                <field id="spacer_6" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>   
                <field id="product_page_prevnext_arrow_bg" translate="label" type="text" sortOrder="41" 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>

                <field id="spacer_swatch" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>   
                <field id="swatch_text_style" translate="label" type="select" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Text Swatches Size</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Product\SwatchStyle</source_model>
                    <frontend_class>select-image</frontend_class>
                </field>
                <field id="swatch_text_width_style" translate="label" type="select" sortOrder="52" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Text Swatches Size Width</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Product\SwatchWidth</source_model>
                </field>
                <field id="swatch_text_width_col" translate="label" type="text" sortOrder="53" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Text Swatches Columns</label>
                    <comment>* For Text Swatch Custom Width option. Set number only. E.g.: 3. In this case each swatch will occupy 33% of the width.</comment>
                    <validate>validate-digits</validate>
                    <depends>
                        <field id="swatch_text_width_style">col</field>
                    </depends> 
                </field>
                <field id="swatch_text_width" translate="label" type="text" sortOrder="53" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Text Swatches Width</label>
                    <validate>validate-digits</validate>
                    <depends>
                        <field id="swatch_text_width_style">custom</field>
                    </depends> 
                </field>
                <field id="swatch_text_height" translate="label" type="text" sortOrder="53" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Text Swatches Height</label>
                    <validate>validate-digits</validate>
                    <depends>
                        <field id="swatch_text_width_style">custom</field>
                    </depends> 
                </field>
                <field id="swatch_color_width" translate="label" type="text" sortOrder="55" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Color Swatches Width</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="swatch_color_height" translate="label" type="text" sortOrder="56" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Page Color Swatches Height</label>
                    <validate>validate-digits</validate>
                </field>
            </group>
            <group id="product_stock" translate="label" sortOrder="71" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Product Page Stock Info</label>
                <!-- <field id="style" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Stock Block Style</label>
                    <frontend_class>select-image</frontend_class>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\StockInfo\StockStyle</source_model>
                </field> -->
                <field id="width_style" translate="label" type="select" sortOrder="6" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Stock Block Width</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\StockInfo\StockWidth</source_model>
                </field>
                <field id="width" translate="label" type="text" sortOrder="7" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Stock Block Width</label>
                </field>
                
                <field id="bg" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="text_color" translate="label" type="text" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="qty_color" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Stock qty value color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="sold_color" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Stock total sold text color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="padding" translate="label comment" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Padding</label>
                    <comment><![CDATA[Add value with units. E.g. 20px. You can also add multiple values to set padding for different sides (top, right, bottom, left): 10px 20px 5px 10px]]></comment>
                </field>
                <field id="font_size" translate="label comment" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Font Size</label>
                    <validate>validate-digits</validate>
                    <comment>Number only</comment>
                </field>
                <field id="letter_spacing" translate="label comment" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Letter Spacing</label>
                    <validate>validate-number</validate>
                    <comment>Number only</comment>
                </field>
                <field id="text_transform" translate="label comment" type="select" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Text Transform</label>
                    <comment>If not set, then font settings for menu will be used.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="font_weight" translate="label comment" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Font Weight</label>
                    <comment>If not set, then font settings for menu will be used.</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <comment>Number only</comment>
                </field>
                <field id="border" translate="label" type="select" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Border</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="border_color" translate="label" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="border">1</field>
                    </depends> 
                </field>
            
                <!-- <field id="spacer_stock_icon" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                
                <field id="show_icon" translate="label" type="select" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Icon</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="icon_bg" translate="label" type="text" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Icon Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="show_icon">1</field>
                    </depends> 
                </field>
                <field id="icon_color" translate="label" type="text" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="show_icon">1</field>
                    </depends> 
                </field>
                <field id="custom_icon_enable" translate="label" type="select" sortOrder="44" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Set Custom Icon</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="show_icon">1</field>
                    </depends> 
                </field>
                <field id="icon_width" translate="label comment" type="text" sortOrder="45" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <comment>Number only</comment>
                    <depends>
                        <field id="show_icon">1</field>
                        <field id="custom_icon_enable">1</field>
                    </depends> 
                </field>   
                <field id="icon_height" translate="label comment" type="text" sortOrder="46" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <comment>Number only</comment>
                    <depends>
                        <field id="show_icon">1</field>
                        <field id="custom_icon_enable">1</field>
                    </depends> 
                </field>  
                <field id="custom_icon_url" translate="label" type="text" sortOrder="47" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Icon Url</label>
                    <comment><![CDATA[You can place image in theme folder: app/design/frontend/Olegnax/athlete2/web/images and then simply add "images/icon.svg" to input. Or you can add full url e.g.: https://yoursite.com/some-path/your-image.svg]]></comment>
                    <depends>
                        <field id="show_icon">1</field>
                        <field id="custom_icon_enable">1</field>
                    </depends> 
                </field> -->
                <field id="spacer_stock_progress" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="show_progress_line" translate="label" type="select" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Progress Line</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="show_progress_line_low_stock" translate="label" type="select" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show only for Low Stock</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="show_progress_line">1</field>
                    </depends> 
                </field>
                <field id="progress_height" translate="label comment" type="text" sortOrder="52" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Progress Line Height</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <comment>Number only</comment>
                    <depends>
                        <field id="show_progress_line">1</field>
                    </depends> 
                </field>
                <field id="progress_border_radius" translate="label comment" type="text" sortOrder="53" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Progress Line Border Radius</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <comment>Set 0 to make sharp edges.</comment>
                    <depends>
                        <field id="show_progress_line">1</field>
                    </depends> 
                </field>
                <field id="progress_bg" translate="label" type="text" sortOrder="54" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Progress Line Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="show_progress_line">1</field>
                    </depends> 
                </field>
                <field id="progress_color_style" translate="label" type="select" sortOrder="55" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Progress Line Style</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\ProgressColorStyle</source_model>
                    <depends>
                        <field id="show_progress_line">1</field>
                    </depends> 
                </field>
                <field id="progress_color_active" translate="label" type="text" sortOrder="56" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Progress Line Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="show_progress_line">1</field>
                        <field id="progress_color_style">custom</field>
                    </depends> 
                </field>
                <field id="progress_color2_active" translate="label" type="text" sortOrder="57" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Progress Line Second Color</label>
                    <comment>If added it will convert background color to gradient from first to second color.</comment>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="show_progress_line">1</field>
                        <field id="progress_color_style">custom</field>
                    </depends> 
                </field>
                <field id="spacer_low_stock_progress" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="show_progress_line">1</field>
                        <field id="show_progress_line_low_stock">0</field>
                    </depends> 
                </field>
                <field id="low_stock_progress_bg" translate="label" type="text" sortOrder="61" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Low Stock Progress Line Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="show_progress_line">1</field>
                        <field id="show_progress_line_low_stock">0</field>                        
                    </depends> 
                </field>
                <field id="low_stock_progress_color_active" translate="label" type="text" sortOrder="62" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Low Stock Progress Line Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="show_progress_line">1</field>
                        <field id="show_progress_line_low_stock">0</field>
                    </depends> 
                </field>

                <field id="low_stock_heading" translate="label" sortOrder="70" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Low Stock</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                </field>
                
                <field id="low_stock_bg" translate="label" type="text" sortOrder="71" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="low_stock_text_color" translate="label" type="text" sortOrder="72" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="low_stock_qty_color" translate="label" type="text" sortOrder="73" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Stock qty value color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="low_stock_sold_color" translate="label" type="text" sortOrder="73" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Stock total sold text color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="low_stock_border_color" translate="label" type="text" sortOrder="74" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="border">1</field>
                    </depends> 
                </field>
                <!-- <field id="spacer_low_stock_icon" sortOrder="80" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                
                <field id="low_stock_show_icon" translate="label" type="select" sortOrder="81" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Icon</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="low_stock_icon_bg" translate="label" type="text" sortOrder="82" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Icon Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="show_icon">1</field>
                    </depends> 
                </field>
                <field id="low_stock_icon_color" translate="label" type="text" sortOrder="83" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="show_icon">1</field>
                    </depends> 
                </field> -->

            </group>
            <group id="appearance_product_bar" translate="label" sortOrder="75" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Sticky Product Bar</label>
                <field id="bg" translate="label" type="text" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Bar Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="padding" translate="label" type="text" sortOrder="6" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Bar Padding</label>
                    <comment>Add value with units. E.g. 20px. You can also add multiple values to set padding for different sides (top, right, bottom, left): 10px 20px 5px 10px</comment>
                </field>
                <field id="border" translate="label" type="select" sortOrder="7" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Border</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="border_color" translate="label" type="text" sortOrder="8" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Bar Top/Bottom Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="border">1</field>
                    </depends> 
                </field>
                <field id="shadow" translate="label" type="select" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Shadow</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="shadow_color" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Bar Shadow Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="shadow">1</field>
                    </depends> 
                </field>
                <field id="color" translate="label" type="text" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Bar Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="price_color" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Bar Price Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="special_price_color" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Bar Special Price Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="old_price_color" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Bar Old Price Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="qty_bg" translate="label" type="text" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Bar Qty Input Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="qty_text_color" translate="label" type="text" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Bar Qty Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="qty_icons_color" translate="label" type="text" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Bar Qty Plus Minus Buttons Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="button_text_color" translate="label" type="text" sortOrder="18" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Add to Cart Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                 <field id="button_bg_color" translate="label" type="text" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Add to Cart Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="button_text_hover" translate="label" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Add to Cart Text Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="button_bg_hover" translate="label" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Add to Cart Background Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="actions_color" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Wishlist Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="actions_color_hover" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Wishlist Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="name_font_size" translate="label" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Name Font Size</label>
                    <validate>validate-number</validate>
                </field>
                <field id="name_letter_spacing" translate="label" type="text" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Name Letter Spacing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="name_text_transform" translate="label comment" type="select" sortOrder="26" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Name Text Transform</label>
                    <comment>If not set, then font settings for menu will be used.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="name_font_weight" translate="label comment" type="text" sortOrder="27" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Name Font Weight</label>
                    <comment>If not set, then font settings for menu will be used.</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="price_font_size" translate="label" type="text" sortOrder="28" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Price Font Size</label>
                    <validate>validate-number</validate>
                </field>
                <field id="price_letter_spacing" translate="label" type="text" sortOrder="29" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Price Letter Spacing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="price_font_weight" translate="label comment" type="text" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Price Font Weight</label>
                    <comment>If not set, then font settings for menu will be used.</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
            </group>
            <group id="product_quick_nav" translate="label" sortOrder="76" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Product Page Quick Navigation</label>
                <field id="stretch" translate="label comment" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Quick Navigation Stretch</label>
                    <comment>Stretch background and border of the block to the width of the screen</comment>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="bg" translate="label" type="text" sortOrder="2" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Quick Navigation Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="border" translate="label comment" type="select" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Quick Navigation Bottom Border</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="border_top" translate="label comment" type="select" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Quick Navigation Top Border</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="border_color" translate="label" type="text" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Quick Navigation Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                
                <field id="style" translate="label" type="select" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Item Style</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Product\QuickNavStyle</source_model>
                </field>
                <field id="font_size" translate="label" type="text" sortOrder="6" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Item Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="font_weight" translate="label" type="text" sortOrder="7" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Item Font Weight</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="letter_spacing" translate="label comment" type="text" sortOrder="8" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Item Letter Spacing</label>
                    <validate>validate-number</validate>
                    <comment>Number only</comment>
                </field>
                <field id="text_transform" translate="label" type="select" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Item Text Transform</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="item_color" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Item Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="item_color_hover" translate="label" type="text" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Item Color Hover</label>
                    <comment>* Depends on the style.</comment>
                    <frontend_class>ox-ss-colorpicker</frontend_class>        
                </field>
                <field id="item_color_active" translate="label" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Item Color Active</label>
                    <comment>* Depends on the style.</comment>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="item_bg" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Item Background</label>
                    <comment>* Depends on the style. Either background or a bottom border</comment>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="item_bg_active" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Item Background Active</label>
                    <comment>* Depends on the style. Either background or a bottom border</comment>
                    <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_nopadding" translate="label comment" type="select" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Info Rating without background</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</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>
                    <depends>
                        <field id="reviews_small_rating_nopadding">0</field>
                    </depends> 
                </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>
                <field id="reviews_icon_style" translate="label comment" type="select" sortOrder="26" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Reviews List Icon Style</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\ReviewsSymbol</source_model>
                </field>
                <field id="reviews_vote_icon_style" translate="label comment" type="select" sortOrder="26" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Write a Review Icon Style</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\ReviewsSymbol</source_model>
                </field>
            </group>
            <group id="appearance_product_listing" translate="label" sortOrder="90" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Product Listing</label>
                <field id="products_layout_bordered" translate="label comment" type="select" sortOrder="7" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Grid - Bordered</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Add border around product item.</comment>
                </field>
                <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="list_view_listing_name_font_size" translate="label" type="text" sortOrder="8" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Name Font Size, List View</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="listing_name_letter_spacing" translate="label" 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" type="text" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Name Font Weight</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="listing_name_text_transform" translate="label" 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_font_weight" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Price Font Weight</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_old_price_font_size" translate="label" type="text" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Old Price Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="listing_old_price_font_weight" translate="label" type="text" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Old Price Font Weight</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </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_listview_font_weight" translate="label" type="text" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Price Font Weight, 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_price_diff_style" translate="label" type="select" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Price Difference Style</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\PriceDiffStyle</source_model>
                </field>
                <field id="listing_price_diff_color" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Price Difference Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="listing_price_diff_bg" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Price Difference Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="listing_price_diff_font_size" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Price Difference Font Size</label>
                    <validate>validate-number</validate>
                </field>
                <field id="listing_price_diff_font_weight" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Product Price Difference Font Weight</label>
                    <validate>validate-number</validate>
                </field>
                <field id="listing_category_link" translate="label" type="text" sortOrder="24" 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="25" 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="26" 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="27" 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="28" 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="29" 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>
                <field id="instock_color" translate="label" type="text" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>In Stock Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="outofstock_style" translate="label" type="select" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Out of stock label Style</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\OutOfStockStyle</source_model>
                </field>
                <field id="outofstock_color" translate="label" type="text" sortOrder="52" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Out of stock label Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="outofstock_bg" translate="label" type="text" sortOrder="52" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Out of stock label Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
            </group>
            <group id="appearance_product_listing_thumbs" translate="label" sortOrder="92" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Product Listing Thumbnail Carousel</label>
                <field id="arrows_style" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Arrows Style</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\ThumbCarouselArrowsStyle</source_model>
                </field>
                <field id="arrows_icon_edge_pos" translate="label" type="text" sortOrder="2" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Arrows Left / Right Position</label>
                    <comment>Distance to the edge of the product item block. By default it will use item padding value. Zero value will place it to the edge of an image wrapper.</comment>
                    <validate>validate-digits</validate>
                </field>
                <field id="arrows_icon_color" translate="label" type="text" sortOrder="2" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Arrow Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="arrows_icon_hover_color" translate="label" type="text" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Arrow Icon Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="arrows_bg_color" translate="label" type="text" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Arrow Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="arrows_bg_hover_color" translate="label" type="text" sortOrder="5" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Arrow Background Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>  
                <field id="spacer_1" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>   
                <field id="show_dots" translate="label" type="select" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Dots</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="dots_position" translate="label" type="select" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Dots Position</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\ThumbCarouselDotsPosition</source_model>
                    <depends>
                        <field id="show_dots">1</field>
                    </depends> 
                 </field>
                <field id="dots_v_position" translate="label" type="select" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Dots Vertical Alignment in Image Block</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\ThumbCarouselDotsVPosition</source_model>
                    <depends>
                        <field id="show_dots">1</field>
                    </depends> 
                 </field>
                <field id="dots_h_position" translate="label" type="select" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Dots Horizontal Alignment</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\ThumbCarouselDotsHPosition</source_model>
                    <depends>
                        <field id="show_dots">1</field>
                    </depends> 
                </field>
                <field id="dots_style" translate="label" type="select" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Dots Style</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\ThumbCarouselDotsStyle</source_model>
                    <depends>
                        <field id="show_dots">1</field>
                    </depends> 
                </field>
                <field id="active_dots_style" translate="label" type="select" sortOrder="26" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Active Dots Style</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\ThumbCarouselActiveDotStyle</source_model>
                    <comment>* Excluding fullwidth/autowidth dots styles</comment>
                    <depends>
                        <field id="show_dots">1</field>
                    </depends> 
                </field>
                <field id="dot_color" translate="label" type="text" sortOrder="27" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Dots Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="show_dots">1</field>
                    </depends> 
                </field>
                <field id="dot_active_color" translate="label" type="text" sortOrder="28" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label> Dots Active Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="show_dots">1</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="show_counter_text" translate="label" type="select" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Images Counter Text</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="counter_text_position" translate="label" type="select" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Counter Text Position</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\ThumbCarouselCountPosition</source_model>
                    <depends>
                        <field id="show_counter_text">1</field>
                    </depends> 
                </field>
                <field id="counter_text_color" translate="label" type="text" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Counter Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="show_counter_text">1</field>
                    </depends> 
                </field>
                <field id="counter_text_bg" translate="label" type="text" sortOrder="44" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Counter Text Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="show_counter_text">1</field>
                    </depends> 
                </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_size" translate="label" type="select" sortOrder="1" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Toolbar Size</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\Products\ToolbarSize</source_model>
                </field>
                <field id="toolbar_bordered" translate="label" type="select" sortOrder="2" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Bordered Toolbar</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="toolbar_icons" translate="label" type="select" sortOrder="3" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Toolbar Icons</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\Toolbar</source_model>
                    <frontend_class>select-image</frontend_class>
                </field>
                <field id="icon_filters" translate="label" type="select" sortOrder="4" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Filters Icon</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Icons\Filter</source_model>
                    <frontend_class>select-image</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_bordered" translate="label comment" type="select" sortOrder="0" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Bordered Sidebar</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Add border around sidebr blocks.</comment>
                </field>
                <field id="sidebar_bordered_catalog" translate="label comment" type="select" sortOrder="0" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Bordered Sidebar on Catalog Only</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>Enable to apply bordered styles for sidebar only on catalog pages</comment>
                    <depends>
                        <field id="sidebar_bordered">1</field>
                    </depends> 
                </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_checkbox_style" translate="label" type="select" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Checkbox Style</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\Catalog\FiltersCheckboxStyle</source_model>
                    <frontend_class>select-image</frontend_class>
                </field>
                <field id="sidebar_item_checkbox_color" translate="label" type="text" sortOrder="26" 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="27" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Active Checkbox Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="sidebar_item_active_checkbox_bg" translate="label" type="text" sortOrder="28" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Active Checkbox Bg</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="above_footer__heading" translate="label" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Content Area Above Footer</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                    <frontend_class>header-with-border</frontend_class>
                </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__heading" translate="label" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Content Area Above Footer</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                    <frontend_class>header-with-border</frontend_class>
                </field>
                <field id="footer_bg" translate="label" type="text" sortOrder="21" 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="22" 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="23" 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="24" 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="25" 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="26" 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="27" 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="28" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="footer_border_enable" translate="label" type="select" sortOrder="29" 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="29" 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="footer_color" translate="label" type="text" sortOrder="30" 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="31" 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="32" 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="33" 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="34" 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="35" 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="36" 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="37" 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="38" 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="39" 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="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Links Font Size</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>

                <field id="footer_additional__heading" translate="label" sortOrder="50" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Additional Blocks</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                    <frontend_class>header-with-border</frontend_class>
                </field>
                <field id="footer_top_block_border_color" translate="label" type="text" sortOrder="51" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Top Block Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_bottom_block_border_color" translate="label" type="text" sortOrder="55" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Bottom Block Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>

                <field id="footer_side__heading" translate="label" sortOrder="60" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Side Block</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                    <frontend_class>header-with-border</frontend_class>
                </field>
                <field id="footer_side_bg" translate="label" type="text" sortOrder="61" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Side Content - Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_side_bg_image_enabled" translate="label" type="select" sortOrder="62" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Side 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="footer_side_bg_image" translate="label comment" type="image" sortOrder="63" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Side 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="footer_side_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="footer_side_bg_position_y" translate="label comment" type="select" sortOrder="64" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Side Content - Background Image Position Y</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionY</source_model>
                    <depends>
                        <field id="footer_side_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="footer_side_bg_position_x" translate="label comment" type="select" sortOrder="65" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Side Content - Background Image Position X</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionX</source_model>
                    <depends>
                        <field id="footer_side_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="footer_side_bg_repeat" translate="label comment" type="select" sortOrder="66" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Side Content - Background Image Repeat</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgRepeat</source_model>
                    <depends>
                        <field id="footer_side_bg_image_enabled">1</field>
                    </depends>  
                </field>
                <field id="footer_side_bg_size" translate="label comment" type="select" sortOrder="67" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Side Content - Background Image Bg Size</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgSize</source_model>
                    <depends>
                        <field id="footer_side_bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="footer_side_color" translate="label" type="text" sortOrder="68" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Side Content - Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_side_titles" translate="label" type="text" sortOrder="69" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Side Content - Titles Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_side_link" translate="label" type="text" sortOrder="70" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Side Content - Links Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_side_link_hover" translate="label" type="text" sortOrder="71" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Side Content - Links Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="footer_side_link_bg" translate="label" type="text" sortOrder="72" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Side Content - Links Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>

                <field id="footer_switcher__heading" translate="label" sortOrder="80" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Footer Store Switcher</label>
                    <frontend_model>Magento\Config\Block\System\Config\Form\Field\Heading</frontend_model>
                    <frontend_class>header-with-border</frontend_class>
                </field>
                <field id="footer_store_switcher_text_color" translate="label" type="text" sortOrder="81" 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="82" 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="83" 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="84" 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="85" 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="86" 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="spacer_9" sortOrder="90" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="copyright_bg" translate="label" type="text" sortOrder="91" 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="92" 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="93" 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="94" 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="95" 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="96" 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="97" 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="100" 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="101" 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="102" 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="103" 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="104" 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="105" 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="106" 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_min_height" translate="label" type="text" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter Above Footer Min Height</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </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_title_font_size" translate="label" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block Title Font Size</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="footer_newsletter_title_font_size_mobile" translate="label" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block Title Font Size, Mobile</label>
                    <validate>validate-digits</validate>
                </field>
                <!-- <field id="footer_newsletter_title_font_weight" translate="label" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block Title Font Weight</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="footer_newsletter_title_letter_spacing" translate="label" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block Title Letter Spacing</label>
                    <validate>validate-number</validate>
                </field> -->
                <field id="footer_newsletter_input_bg" translate="label" type="text" sortOrder="25" 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_size" translate="label" type="text" sortOrder="26" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block input Border Size</label>
                </field>
                <field id="footer_newsletter_input_border" translate="label" type="text" sortOrder="27" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Newsletter block input Border Color</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>Above Footer/Below 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="spacer_header_banner1" sortOrder="59" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </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_banner_top" translate="label" sortOrder="142" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Banner Header Top</label>
                <field id="background_color" translate="label" type="text" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="background_color_2" translate="label comment" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Background Second Color</label>
                    <comment>If added it will convert background color to gradient from first to second color.</comment>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="background_gradient_deg" translate="label comment" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Background Gradient Degree</label>
                    <comment>Number only. Default is 90.</comment>
                </field>
                <field id="bg_image_enabled" translate="label" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Background Image, Enable</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="bg_image" translate="label comment" type="image" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>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="bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="bg_position_y" translate="label comment" type="select" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Background Image Position Y</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionY</source_model>
                    <depends>
                        <field id="bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="bg_position_x" translate="label comment" type="select" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Background Image Position X</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionX</source_model>
                    <depends>
                        <field id="bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="bg_repeat" translate="label comment" type="select" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Background Image Repeat</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgRepeat</source_model>
                    <depends>
                        <field id="bg_image_enabled">1</field>
                    </depends>  
                </field>
                <field id="bg_size" translate="label comment" type="select" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Background Image Bg Size</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgSize</source_model>
                    <depends>
                        <field id="bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="spacer_bg_image" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="border_enable" translate="label" type="select" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Bottom Border</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="border_color" translate="label" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Bottom Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="border_enable">1</field>
                    </depends> 
                </field>
                <field id="text_color" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="link_color" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Link Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="link_hover_color" translate="label" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Link Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="close_color" translate="label" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Close Button Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="close_hover_color" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Close Button Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="close_bg" translate="label" type="text" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Close Button Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="close_hover_bg" translate="label" type="text" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Close Button Hover Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="padding_h" translate="label" type="text" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Padding Left/Right</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="padding_h_mobile" translate="label" type="text" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Padding Left/Right on Mobile</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="padding_v" translate="label" type="text" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Padding Top/Bottom</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="padding_v_mobile" translate="label" type="text" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Padding Top/Bottom on Mobile</label>
                    <validate>validate-digits</validate>
                </field>
            </group>
            <group id="appearance_banner_above" translate="label" sortOrder="144" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Banner Above Header</label>
                <field id="background_color" translate="label" type="text" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="background_color_2" translate="label comment" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Background Second Color</label>
                    <comment>If added it will convert background color to gradient from first to second color.</comment>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="background_gradient_deg" translate="label comment" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Background Gradient Degree</label>
                    <comment>Number only. Default is 90.</comment>
                </field>
                <field id="bg_image_enabled" translate="label" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Background Image, Enable</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>  
                <field id="bg_image" translate="label comment" type="image" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>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="bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="bg_position_y" translate="label comment" type="select" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Background Image Position Y</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionY</source_model>
                    <depends>
                        <field id="bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="bg_position_x" translate="label comment" type="select" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Background Image Position X</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgPositionX</source_model>
                    <depends>
                        <field id="bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="bg_repeat" translate="label comment" type="select" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Background Image Repeat</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgRepeat</source_model>
                    <depends>
                        <field id="bg_image_enabled">1</field>
                    </depends>  
                </field>
                <field id="bg_size" translate="label comment" type="select" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Background Image Bg Size</label>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\BgSize</source_model>
                    <depends>
                        <field id="bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="spacer_bg_image" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                    <depends>
                        <field id="bg_image_enabled">1</field>
                    </depends> 
                </field>
                <field id="border_enable" translate="label" type="select" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Bottom Border</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="border_color" translate="label" type="text" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Bottom Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="border_enable">1</field>
                    </depends> 
                </field>
                <field id="text_color" translate="label" type="text" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="link_color" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Link Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="link_hover_color" translate="label" type="text" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Link Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>

                <field id="close_color" translate="label" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Close Button Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="close_hover_color" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Close Button Hover Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="close_bg" translate="label" type="text" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Close Button Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="close_hover_bg" translate="label" type="text" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Close Button Hover Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>

                <field id="padding_h" translate="label" type="text" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Padding Left/Right</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="padding_h_mobile" translate="label" type="text" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Padding Left/Right on Mobile</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="padding_v" translate="label" type="text" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Padding Top/Bottom</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="padding_v_mobile" translate="label" type="text" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Padding Top/Bottom on Mobile</label>
                    <validate>validate-digits</validate>
                </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="mobile_bottom_nav" translate="label" sortOrder="240" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Mobile Bottom Navigation</label>
                <field id="item_color" translate="label" type="text" sortOrder="9" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Item Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="item_font_enable" translate="label" type="select" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Set Font</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <comment>If font is not set for mobile bottom navigation then it will use menu font settings. If font for menu is also not set then it will fallback to a button font settings.</comment>
                </field>
                <field id="item_font" translate="label comment" type="select" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Item Font</label>
                    <comment>Enable google fonts in General section to use this option. Selected font should be already seleted (for any other option) in General section.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\GoogleFonts</source_model>
                    <depends>
                        <field id="item_font_enable">1</field>
                    </depends> 
                </field>
                <field id="item_font_custom" translate="label comment" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Item 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="item_font_enable">1</field>
                    </depends> 
                </field>
                <field id="item_font_size" translate="label" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Item Font Size</label>
                    <validate>validate-digits</validate>
                </field>
                <field id="item_letter_spacing" translate="label" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Item Letter Spacing</label>
                    <validate>validate-number</validate>
                </field>
                <field id="item_text_transform" translate="label comment" type="select" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Item Text Transform</label>
                    <comment>If not set, then font settings for menu will be used.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="item_font_weight" translate="label comment" type="text" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Item Font Weight</label>
                    <comment>If not set, then font settings for menu will be used.</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
                <field id="item_bg" translate="label" type="text" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Item Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="item_icon_color" translate="label" type="text" sortOrder="18" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Item Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="counter_bg" translate="label" type="text" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Counter Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="counter_text" translate="label" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Counter Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="border" translate="label" type="select" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Border</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="border_color" translate="label" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Block Top Border Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="border">1</field>
                    </depends> 
                </field>
                <field id="shadow" translate="label" type="select" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Shadow</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="shadow_color" translate="label" type="text" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Block Shadow Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="shadow">1</field>
                    </depends> 
                </field>
                <!-- <field id="block_margin" translate="label comment" type="text" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Bottom Navigation Margin</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <comment>Space between the navigation block and the browser window. Set this value if you want create a "floating" look of the bottom menu.</comment>
                </field> -->
            </group>
            <group id="shipping_bar" translate="label" sortOrder="250" showInDefault="1" showInWebsite="1" showInStore="1">
                <label>Free Shipping Bar</label>
                <field id="bg" translate="label" type="text" sortOrder="10" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="text_color" translate="label" type="text" sortOrder="11" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="padding" translate="label comment" type="text" sortOrder="12" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Padding</label>
                    <comment><![CDATA[Add value with units. E.g. 20px. You can also add multiple values to set padding for different sides (top, right, bottom, left): 10px 20px 5px 10px]]></comment>
                </field>
                <field id="font_size" translate="label comment" type="text" sortOrder="13" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Font Size</label>
                    <validate>validate-digits</validate>
                    <comment>Number only</comment>
                </field>
                <field id="letter_spacing" translate="label comment" type="text" sortOrder="14" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Letter Spacing</label>
                    <validate>validate-number</validate>
                    <comment>Number only</comment>
                </field>
                <field id="text_transform" translate="label comment" type="select" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Text Transform</label>
                    <comment>If not set, then font settings for menu will be used.</comment>
                    <source_model>Olegnax\Athlete2\Model\Config\Settings\TextTransform</source_model>
                </field>
                <field id="font_weight" translate="label comment" type="text" sortOrder="15" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Font Weight</label>
                    <comment>If not set, then font settings for menu will be used.</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <comment>Number only</comment>
                </field>
                <field id="border_bottom" translate="label" type="select" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Border Bottom</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="border_bottom_color" translate="label" type="text" sortOrder="16" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Border Bottom Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="border_bottom">1</field>
                    </depends> 
                </field>

                <field id="spacer_fs_price" sortOrder="17" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="price_color" translate="label" type="text" sortOrder="18" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Price Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="price_font_weight" translate="label comment" type="text" sortOrder="19" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Font Weight</label>
                    <comment>If not set, then font settings for menu will be used.</comment>
                    <validate>validate-digits validate-zero-or-greater</validate>
                </field>
            
                <field id="spacer_fs_icon" sortOrder="20" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                
                <field id="show_icon" translate="label" type="select" sortOrder="21" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Icon</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="enable_animation" translate="label" type="select" sortOrder="22" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable icon appear animation</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="icon_color" translate="label" type="text" sortOrder="23" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="show_icon">1</field>
                        <field id="custom_icon_enable">0</field>
                    </depends> 
                </field>
                <field id="custom_icon_enable" translate="label" type="select" sortOrder="24" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Set Custom Icon</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="show_icon">1</field>
                    </depends> 
                </field>
                <field id="icon_width" translate="label comment" type="text" sortOrder="25" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <comment>Number only</comment>
                    <depends>
                        <field id="show_icon">1</field>
                        <field id="custom_icon_enable">1</field>
                    </depends> 
                </field>   
                <field id="icon_height" translate="label comment" type="text" sortOrder="26" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <comment>Number only</comment>
                    <depends>
                        <field id="show_icon">1</field>
                        <field id="custom_icon_enable">1</field>
                    </depends> 
                </field>  
                <field id="custom_icon_url" translate="label" type="text" sortOrder="27" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Icon Url</label>
                    <comment><![CDATA[You can place image in theme folder: app/design/frontend/Olegnax/athlete2/web/images and then simply add "images/icon.svg" to input. Or you can add full url e.g.: https://yoursite.com/some-path/your-image.svg]]></comment>
                    <depends>
                        <field id="show_icon">1</field>
                        <field id="custom_icon_enable">1</field>
                    </depends> 
                </field>
                <field id="spacer_fs_progress" sortOrder="28" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="show_progress_line" translate="label" type="select" sortOrder="29" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Progress Line</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="progress_height" translate="label comment" type="text" sortOrder="30" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Progress Line Height</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <comment>Number only</comment>
                    <depends>
                        <field id="show_progress_line">1</field>
                    </depends> 
                </field>
                <field id="progress_border_radius" translate="label comment" type="text" sortOrder="31" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Progress Line Border Radius</label>
                    <validate>validate-digits validate-zero-or-greater</validate>
                    <comment>Set 0 to make sharp edges.</comment>
                    <depends>
                        <field id="show_progress_line">1</field>
                    </depends> 
                </field>
                <field id="progress_bg" translate="label" type="text" sortOrder="32" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Progress Line Background</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="show_progress_line">1</field>
                    </depends> 
                </field>
                <field id="progress_color_active" translate="label" type="text" sortOrder="33" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Progress Line Color (Active)</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="show_progress_line">1</field>
                    </depends> 
                </field>
                <field id="spacer_fs_success" sortOrder="34" showInDefault="1" showInWebsite="1" showInStore="1">
                    <frontend_model>Olegnax\Athlete2\Model\Spacer</frontend_model>
                </field>
                <field id="success_bg" translate="label" type="text" sortOrder="35" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Success Background Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="success_text_color" translate="label" type="text" sortOrder="36" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Success Text Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                </field>
                <field id="enable_success_bg_animation" translate="label" type="select" sortOrder="37" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Success Background Animation</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="enable_success_fw_animation" translate="label" type="select" sortOrder="38" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Enable Success Fireworks Animation</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="show_success_icon" translate="label" type="select" sortOrder="39" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Show Success Icon</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                </field>
                <field id="success_icon_color" translate="label" type="text" sortOrder="40" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Success Icon Color</label>
                    <frontend_class>ox-ss-colorpicker</frontend_class>
                    <depends>
                        <field id="success_custom_icon_enable">0</field>
                        <field id="show_success_icon">1</field>
                    </depends> 
                </field>
                <field id="success_custom_icon_enable" translate="label" type="select" sortOrder="41" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Set Custom Icon</label>
                    <source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
                    <frontend_class>on-off-trigger</frontend_class>
                    <depends>
                        <field id="show_success_icon">1</field>
                    </depends> 
                </field>
                <field id="success_icon_width" translate="label comment" type="text" sortOrder="42" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Icon Width</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <comment>Number only</comment>
                    <depends>
                        <field id="success_custom_icon_enable">1</field>
                        <field id="show_success_icon">1</field>
                    </depends> 
                </field>   
                <field id="success_icon_height" translate="label comment" type="text" sortOrder="43" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Icon Height</label>
                    <validate>validate-number validate-zero-or-greater</validate>
                    <comment>Number only</comment>
                    <depends>
                        <field id="success_custom_icon_enable">1</field>
                        <field id="show_success_icon">1</field>
                    </depends> 
                </field>  
                <field id="success_custom_icon_url" translate="label" type="text" sortOrder="44" showInDefault="1" showInWebsite="1" showInStore="1">
                    <label>Custom Icon Url</label>
                    <comment><![CDATA[You can place image in theme folder: app/design/frontend/Olegnax/athlete2/web/images and then simply add "images/icon.svg" to input. Or you can add full url e.g.: https://yoursite.com/some-path/your-image.svg]]></comment>
                    <depends>
                        <field id="success_custom_icon_enable">1</field>
                        <field id="show_success_icon">1</field>
                    </depends> 
                </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>