<?xml version="1.0" encoding="utf-8"?>
<form>
	<fieldset name="basic" 
		label="HELIX_ULTIMATE_BASIC" 
		addfieldpath="/plugins/system/helixultimate/fields"
		activegroup="logo" 
		icon="fas fa-cog">

		<field name="logo_type"
			helixgroup="logo"
			type="helixswitcher"
			switcherStyle="tab"
			default="image"
			alignment="center"
			label="HELIX_ULTIMATE_LOGO_TYPE"
			hideLabel="true"
		>
			<option value="image">HELIX_ULTIMATE_LOGO_TYPE_IMAGE</option>
			<option value="text">HELIX_ULTIMATE_LOGO_TYPE_TEXT</option>
		</field>

		<field name="logo_image" 
			helixgroup="logo" 
			type="helixmedia" 
			preview="true" 
			label="HELIX_ULTIMATE_LOGO" 
			showon="logo_type:image" />

		<field name="retina_logo" 
			helixgroup="logo" 
			type="helixmedia" 
			preview="true" 
			label="HELIX_ULTIMATE_MOBILE_LOGO_RETINA" 
			description="HELIX_ULTIMATE_MOBILE_LOGO_RETINA_DESC"
			showon="logo_type:image[AND]logo_image!:" />

		<field name="mobile_logo" 
			helixgroup="logo" 
			type="helixmedia" 
			preview="true" 
			label="HELIX_ULTIMATE_MOBILE_LOGO" 
			description="HELIX_ULTIMATE_MOBILE_LOGO_DESC" 
			separator="true"
			showon="logo_type:image[AND]logo_image!:" />
		
		<field name="logo_alt"
			helixgroup="logo"
			type="text"
			label="HELIX_ULTIMATE_LOGO_ALT_TEXT"
			description="HELIX_ULTIMATE_LOGO_ALT_TEXT_DESC"
			showon="logo_type:image" />
		
		<field name="logo_custom_link"
			helixgroup="logo"
			type="text"
			label="HELIX_ULTIMATE_LOGO_CUSTOM_LINK"
			description="HELIX_ULTIMATE_LOGO_CUSTOM_LINK_DESC"
			showon="logo_type:image" />

		<field name="logo_height" 
			helixgroup="logo" 
			type="helixUnit"
			display="inline" 
			default="30" 
			label="HELIX_ULTIMATE_LOGO_HEIGHT" 
			showon="logo_type:image" />

		<field name="logo_height_sm" 
			helixgroup="logo" 
			type="helixUnit"
			display="inline" 
			className="field-hidden"
			label="HELIX_ULTIMATE_LOGO_HEIGHT_SM" 
			showon="logo_type:image" />

		<field name="logo_height_xs" 
			helixgroup="logo" 
			type="helixUnit"
			display="inline" 
			className="field-hidden"
			label="HELIX_ULTIMATE_LOGO_HEIGHT_XS" 
			showon="logo_type:image" />


		<field name="logo_text" 
			helixgroup="logo" 
			type="text" 
			label="HELIX_ULTIMATE_LOGO_TYPE_TEXT" 
			showon="logo_type:text" />
		<field name="logo_slogan" 
			helixgroup="logo" 
			type="text" 
			label="HELIX_ULTIMATE_LOGO_SLOGAN" 
			showon="logo_type:text" />

		<field name="favicon" 
			helixgroup="logo" 
			type="helixmedia" 
			preview="true" 
			label="HELIX_ULTIMATE_FAVICON" 
			description="HELIX_ULTIMATE_FAVICON_DESC" />

		<field name="predefined_header" 
			type="checkbox" 
			helixgroup="header" 
			label="HELIX_ULTIMATE_PREDEFINED_HEADER"
			description="HELIX_ULTIMATE_PREDEFINED_HEADER_DESC"
			default="0" />

		<field type="helixheaders" 
			name="header_style" 
			helixgroup="header" 
			label="HELIX_ULTIMATE_SELECT_HEADER" 
			showon="predefined_header:1" />

		<field name="header_height" 
			helixgroup="header" 
			type="helixUnit" 
			default="80px"
			display="inline" 
			label="HELIX_ULTIMATE_HEADER_HEIGHT" />
		<field name="header_height_sm" 
			helixgroup="header" 
			type="helixUnit" 
			display="inline"
			className="field-hidden"
			label="HELIX_ULTIMATE_HEADER_HEIGHT_SM" />
		<field name="header_height_xs" 
			helixgroup="header" 
			type="helixUnit"
			default="50px"
			display="inline"
			className="field-hidden"
			label="HELIX_ULTIMATE_HEADER_HEIGHT_XS" />

		<field name="enable_search" 
			type="checkbox" 
			helixgroup="header" 
			label="HELIX_ULTIMATE_ENABLE_SEARCH"
			description="HELIX_ULTIMATE_ENABLE_SEARCH_DESC"
			default="1"
			showon="predefined_header:1" />
		

		<field name="enable_login" 
			type="checkbox" 
			helixgroup="header" 
			label="HELIX_ULTIMATE_ENABLE_LOGIN"
			description="HELIX_ULTIMATE_ENABLE_LOGIN_DESC"
			default="1"
			showon="predefined_header:1" />

		<!-- sticky header options for devices -->
		<field name="sticky_header" 
			helixgroup="header" 
			type="checkbox" 
			default="1" 
			label="HELIX_ULTIMATE_STICKY_HEADER_MD"
		/>
		<!-- <field name="sticky_header_sm" 
			helixgroup="header" 
			type="checkbox" 
			default="0" 
			className="hidden"
			label="HELIX_ULTIMATE_STICKY_HEADER_SM" />
		<field name="sticky_header_xs" 
			helixgroup="header" 
			type="checkbox" 
			default="0" 
			className="hidden"
			label="HELIX_ULTIMATE_STICKY_HEADER_XS" /> -->
		<field name="sticky_offset" 
			helixgroup="header" 
			type="number" 
			default=""
			display="inline" 
			label="HELIX_ULTIMATE_HEADER_STICKY_OFFSET" 
			description="HELIX_ULTIMATE_HEADER_STICKY_OFFSET_DESC"
			showon="sticky_header:1" />

		<field name="preloader" 
			helixgroup="body" 
			type="checkbox" 
			default="0" 
			label="HELIX_ULTIMATE_PRELOADER" />

		<field name="loader_type" 
			helixgroup="body" 
			type="list" 
			class="form-select"
			default="circle" 
			label="HELIX_ULTIMATE_PRELOADER_LOADER_TYPE" 
			description="HELIX_ULTIMATE_PRELOADER_LOADER_TYPE_DESC" 
			showon="preloader:1">
			<option value='circle'>HELIX_ULTIMATE_LOADER_CIRCLE</option>
			<option value='bubble-loop'>HELIX_ULTIMATE_LOADER_BUBBLE_LOOP</option>
			<option value='wave-two'>HELIX_ULTIMATE_LOADER_WAVE_TWO</option>
			<option value='audio-wave'>HELIX_ULTIMATE_LOADER_AUDIO_WAVE</option>
			<option value='circle-two'>HELIX_ULTIMATE_LOADER_CIRCLE_TWO</option>
			<option value='clock'>HELIX_ULTIMATE_LOADER_CLOCK</option>
			<option value='logo'>HELIX_ULTIMATE_LOADER_LOGO</option>
		</field>

		<field name="boxed_layout" 
			helixgroup="body" 
			type="checkbox" 
			default="0" 
			label="HELIX_ULTIMATE_ENABLE_BOXED_LAYOUT" />

		<field name="body_bg_image" 
			helixgroup="body" 
			type="helixmedia" 
			preview="true" 
			label="HELIX_ULTIMATE_BODY_BACKGROUND_IMAGE" 
			showon="boxed_layout:1" />
		<field name="body_bg_repeat" 
			helixgroup="body" 
			type="list" 
			class="form-select"
			default="inherit" 
			helixsubgroup="body_bg_image"
			subclasses="col-6"
			label="HELIX_ULTIMATE_BACKGROUND_REPEAT" 
			showon="boxed_layout:1[AND]body_bg_image!:">
			<option value="no-repeat">HELIX_ULTIMATE_BACKGROUND_REPEAT_NO</option>
			<option value="repeat">HELIX_ULTIMATE_BACKGROUND_REPEAT_ALL</option>
			<option value="repeat-x">HELIX_ULTIMATE_BACKGROUND_REPEAT_HORIZ</option>
			<option value="repeat-y">HELIX_ULTIMATE_BACKGROUND_REPEAT_VERTI</option>
			<option value="inherit">HELIX_ULTIMATE_BACKGROUND_REPEAT_INHERIT</option>
		</field>
		<field name="body_bg_position" 
			helixgroup="body" 
			type="list" 
			class="form-select"
			default="0 0"
			helixsubgroup="body_bg_image"
			subclasses="col-6"
			label="HELIX_ULTIMATE_BACKGROUND_POSITION" 
			showon="boxed_layout:1[AND]body_bg_image!:">
			<option value="0 0">HELIX_ULTIMATE_BACKGROUND_POSITION_LEFT_TOP</option>
			<option value="0 50%">HELIX_ULTIMATE_BACKGROUND_POSITION_LEFT_CENTER</option>
			<option value="0 100%">HELIX_ULTIMATE_BACKGROUND_POSITION_LEFT_BOTTOM</option>
			<option value="50% 0">HELIX_ULTIMATE_BACKGROUND_POSITION_CENTER_TOP</option>
			<option value="50% 50%">HELIX_ULTIMATE_BACKGROUND_POSITION_CENTER_CENTER</option>
			<option value="50% 100%">HELIX_ULTIMATE_BACKGROUND_POSITION_CENTER_BOTTOM</option>
			<option value="100% 0">HELIX_ULTIMATE_BACKGROUND_POSITION_RIGHT_TOP</option>
			<option value="100% 50%">HELIX_ULTIMATE_BACKGROUND_POSITION_RIGHT_CENTER</option>
			<option value="100% 100%">HELIX_ULTIMATE_BACKGROUND_POSITION_RIGHT_BOTTOM</option>
		</field>
		<field name="body_bg_size" 
			helixgroup="body" 
			type="list" 
			class="form-select"
			default="inherit"
			helixsubgroup="body_bg_image"
			subclasses="col-6"
			label="HELIX_ULTIMATE_BACKGROUND_SIZE" 
			showon="boxed_layout:1[AND]body_bg_image!:">
			<option value="cover">HELIX_ULTIMATE_BACKGROUND_COVER</option>
			<option value="contain">HELIX_ULTIMATE_BACKGROUND_CONTAIN</option>
			<option value="inherit">HELIX_ULTIMATE_BACKGROUND_INHERIT</option>
		</field>
		<field name="body_bg_attachment" 
			helixgroup="body" 
			type="list" 
			class="form-select"
			default="inherit"
			helixsubgroup="body_bg_image"
			subclasses="col-6"
			label="HELIX_ULTIMATE_BACKGROUND_ATTACHMENT" 
			showon="boxed_layout:1[AND]body_bg_image!:">
			<option value="fixed">HELIX_ULTIMATE_BACKGROUND_ATTACHMENT_FIXED</option>
			<option value="scroll">HELIX_ULTIMATE_BACKGROUND_ATTACHMENT_SCROLL</option>
			<option value="inherit">HELIX_ULTIMATE_BACKGROUND_ATTACHMENT_INHERIT</option>
		</field>

		<field name="enabled_copyright" 
			helixgroup="footer" 
			type="checkbox" 
			default="1" 
			label="HELIX_ULTIMATE_COPYRIGHT" />
		<field name="copyright_position" 
			helixgroup="footer" 
			type="helixpositions" 
			default="footer1" 
			label="HELIX_ULTIMATE_MODULE_POSITIONS" 
			description="HELIX_ULTIMATE_MODULE_POSITIONS_DESC" 
			showon="enabled_copyright:1" />
		<field name="copyright_load_pos" 
			helixgroup="footer" 
			type="list" 
			class="form-select"
			default="default" 
			label="HELIX_ULTIMATE_FEATURE_POSITION" 
			description="HELIX_ULTIMATE_FEATURE_POSITION_DESC" 
			showon="enabled_copyright:1">
			<option value="default">HELIX_ULTIMATE_FEATURE_POSITION_DEFAULT</option>
			<option value="before">HELIX_ULTIMATE_FEATURE_POSITION_BEFORE</option>
			<option value="after">HELIX_ULTIMATE_FEATURE_POSITION_AFTER</option>
		</field>

		<field name="copyright" 
			helixgroup="footer" 
			type="textarea" 
			rows="6" 
			cols="30" 
			default="© {year} Your Company. Designed By JoomShaper" 
			label="HELIX_ULTIMATE_COPYRIGHT" 
			filter="safehtml" 
			showon="enabled_copyright:1" />
		<field name="goto_top" 
			helixgroup="footer" 
			type="checkbox" 
			default="0" 
			label="HELIX_ULTIMATE_GO_TO_TOP" />

		<!--Social Icons-->
		<field name="show_social_icons" 
			helixgroup="social_icons" 
			type="checkbox" 
			default="1" 
			label="HELIX_ULTIMATE_SOCIAL_ICONS" />
		<field name="social_position" 
			helixgroup="social_icons" 
			type="helixpositions" 
			default="top1" 
			label="HELIX_ULTIMATE_MODULE_POSITIONS" 
			description="HELIX_ULTIMATE_MODULE_POSITIONS_DESC" 
			showon="show_social_icons:1" />
		<field name="social_load_pos" 
			helixgroup="social_icons" 
			type="list" 
			class="form-select"
			default="default" 
			label="HELIX_ULTIMATE_FEATURE_POSITION" 
			description="HELIX_ULTIMATE_FEATURE_POSITION_DESC" 
			showon="show_social_icons:1">
			<option value="default">HELIX_ULTIMATE_FEATURE_POSITION_DEFAULT</option>
			<option value="before">HELIX_ULTIMATE_FEATURE_POSITION_BEFORE</option>
			<option value="after">HELIX_ULTIMATE_FEATURE_POSITION_AFTER</option>
		</field>
		<field name="facebook" 
			helixgroup="social_icons" 
			type="text" 
			label="HELIX_ULTIMATE_SOCIAL_ICON_FACEBOOK" 
			hint="https://www.facebook.com/joomshaper" 
			showon="show_social_icons:1" />
		<field name="twitter" 
			helixgroup="social_icons" 
			type="text" 
			label="HELIX_ULTIMATE_SOCIAL_ICON_TWITTER" 
			hint="https://twitter.com/joomshaper" 
			showon="show_social_icons:1" />
		<field name="pinterest" 
			helixgroup="social_icons" 
			type="text" 
			label="HELIX_ULTIMATE_SOCIAL_ICON_PINTEREST" 
			hint="https://www.pinterest.com/joomshaper" 
			showon="show_social_icons:1" />
		<field name="linkedin" 
			helixgroup="social_icons" 
			type="text" 
			label="HELIX_ULTIMATE_SOCIAL_ICON_LINKEDIN" 
			hint="https://www.linkedin.com/company/joomshaper" 
			showon="show_social_icons:1" />
		<field name="dribbble" 
			helixgroup="social_icons" 
			type="text" 
			label="HELIX_ULTIMATE_SOCIAL_ICON_DRIBBBLE" 
			hint="https://dribbble.com/joomshaper" 
			showon="show_social_icons:1" />
		<field name="instagram" 
			helixgroup="social_icons" 
			type="text" 
			label="HELIX_ULTIMATE_SOCIAL_ICON_INSTAGRAM" 
			hint="https://www.instagram.com/username" 
			showon="show_social_icons:1" />
		<field name="behance" 
			helixgroup="social_icons" 
			type="text" 
			label="HELIX_ULTIMATE_SOCIAL_ICON_BEHANCE" 
			hint="https://www.behance.net/joomshaper" 
			showon="show_social_icons:1" />
		<field name="youtube" 
			helixgroup="social_icons" 
			type="text" 
			label="HELIX_ULTIMATE_SOCIAL_ICON_YOUTUBE" 
			hint="https://www.youtube.com/user/joomshaper" 
			showon="show_social_icons:1" />
		<field name="flickr" 
			helixgroup="social_icons" 
			type="text" 
			label="HELIX_ULTIMATE_SOCIAL_ICON_FLICKR" 
			hint="https://www.flickr.com/photos/user" 
			showon="show_social_icons:1" />
		<field name="skype" 
			helixgroup="social_icons" 
			type="text" 
			label="HELIX_ULTIMATE_SOCIAL_ICON_SKYPE" 
			hint="username" 
			showon="show_social_icons:1" />
		<field name="whatsapp" 
			helixgroup="social_icons" 
			type="text" 
			label="HELIX_ULTIMATE_SOCIAL_ICON_WHATSAPP" 
			hint="username" 
			showon="show_social_icons:1" />
		<field name="vk" 
			helixgroup="social_icons" 
			type="text" 
			label="HELIX_ULTIMATE_SOCIAL_ICON_VK" 
			hint="username" 
			showon="show_social_icons:1" />
		<field name="custom" 
			helixgroup="social_icons" 
			type="text" 
			label="HELIX_ULTIMATE_SOCIAL_ICON_CUSTOM" 
			description="HELIX_ULTIMATE_SOCIAL_ICON_CUSTOM_DESC" 
			showon="show_social_icons:1" />

		<!--Contact Info-->
		<field name="contactinfo" 
			helixgroup="contact_info" 
			type="checkbox" 
			default="1" 
			label="HELIX_ULTIMATE_ENABLE_CONTACT_INFO" />
		<field name="contact_position" 
			helixgroup="contact_info" 
			type="helixpositions" 
			default="top2" 
			label="HELIX_ULTIMATE_MODULE_POSITIONS" 
			description="HELIX_ULTIMATE_MODULE_POSITIONS_DESC" 
			showon="contactinfo:1" />
		<field name="contact_load_pos" 
			helixgroup="contact_info" 
			type="list" 
			class="form-select"
			default="default" 
			label="HELIX_ULTIMATE_FEATURE_POSITION" 
			description="HELIX_ULTIMATE_FEATURE_POSITION_DESC" 
			showon="contactinfo:1">
			<option value="default">HELIX_ULTIMATE_FEATURE_POSITION_DEFAULT</option>
			<option value="before">HELIX_ULTIMATE_FEATURE_POSITION_BEFORE</option>
			<option value="after">HELIX_ULTIMATE_FEATURE_POSITION_AFTER</option>
		</field>
		<field name="contact_phone" 
			helixgroup="contact_info" 
			type="text" 
			hint="+228 872 4444" 
			label="HELIX_ULTIMATE_CONTACT_PHONE" 
			showon="contactinfo:1" />
		<field name="contact_mobile" 
			helixgroup="contact_info" 
			type="text" 
			hint="+775 872 4444" 
			label="HELIX_ULTIMATE_CONTACT_MOBILE" 
			showon="contactinfo:1" />
		<field name="contact_email" 
			helixgroup="contact_info" 
			type="email" 
			hint="[email protected]" 
			label="HELIX_ULTIMATE_CONTACT_EMAIL" 
			showon="contactinfo:1" />
		<field name="contact_time" 
			helixgroup="contact_info" 
			type="text" 
			hint="Mon - Fri 8:00 - 17:30" 
			label="HELIX_ULTIMATE_CONTACT_OPENING_HOURS" 
			showon="contactinfo:1" />

		<!--Coming soon-->
		<field name="comingsoon" 
			helixgroup="comingsoon" 
			type="checkbox" 
			default="0" 
			label="HELIX_ULTIMATE_COMINGSOON_MODE" />
		<field name="comingsoon_title" 
			helixgroup="comingsoon" 
			type="text" 
			default="Coming Soon Title" 
			label="HELIX_ULTIMATE_COMINGSOON_TITLE" 
			showon="comingsoon:1" />
		<field name="comingsoon_content" 
			helixgroup="comingsoon" 
			type="textarea" 
			rows="6" 
			cols="30" 
			default="Coming soon content" 
			label="HELIX_ULTIMATE_COMINGSOON_CONTENT" 
			filter="safehtml" 
			showon="comingsoon:1" />
		<field name="comingsoon_date" 
			helixgroup="comingsoon"
			type="calendar"
			translateformat="true"
			filter="user_utc"
			default="NOW"
			label="HELIX_ULTIMATE_COMINGSOON_DATE"
			description="HELIX_ULTIMATE_COMINGSOON_DATE_DESC"
			showon="comingsoon:1" />
		<field name="comingsoon_social_icons" 
			helixgroup="comingsoon" 
			type="checkbox" 
			default="1" 
			label="HELIX_ULTIMATE_COMINGSOON_SOCIAL_ICONS" 
			showon="comingsoon:1" />
		<field name="comingsoon_title_status" 
			helixgroup="comingsoon" 
			type="checkbox" 
			default="1" 
			label="HELIX_ULTIMATE_COMINGSOON_TITLE" 
			showon="comingsoon:1" />
		<field name="comingsoon_content_status" 
			helixgroup="comingsoon" 
			type="checkbox" 
			default="1" 
			label="HELIX_ULTIMATE_COMINGSOON_CONTENT" 
			showon="comingsoon:1" />
		<field name="comingsoon_countdown" 
			helixgroup="comingsoon" 
			type="checkbox" 
			default="1" 
			label="HELIX_ULTIMATE_COMINGSOON_COUNTDOWN" 
			showon="comingsoon:1" />
		<field name="comingsoon_logo" 
			helixgroup="comingsoon" 
			type="helixmedia" 
			preview="true" 
			label="HELIX_ULTIMATE_COMINGSOON_LOGO" 
			showon="comingsoon:1" />
		<field name="comingsoon_bg_image" 
			helixgroup="comingsoon" 
			type="helixmedia" 
			preview="true" 
			label="HELIX_ULTIMATE_COMINGSOON_BACKGROUND_IMAGE" 
			showon="comingsoon:1" />

		<!--Error Page-->
		<!-- <field name="error_sppb" 
			helixgroup="errorpage" 
			type="checkbox"
			default="0"  
			label="Page Builder Page"
			description="Enable this option to render a SP Page Builder page as a 404 page."
		/>

		<field name="error_sppb_id" 
			helixgroup="errorpage" 
			type="number"
			label="Page ID"
			description="Enter the SP Page Builder page ID."
			showon="error_sppb:1"
		/> -->

		<field name="error_logo" 
			helixgroup="errorpage" 
			type="helixmedia" 
			preview="true" 
			label="HELIX_ULTIMATE_ERROR_LOGO"
		/>

		<field name="error_bg" 
			helixgroup="errorpage" 
			type="helixmedia" 
			preview="true" 
			label="HELIX_ULTIMATE_ERROR_BACKGROUND_IMAGE"
		/>

		<field name="error_font_load" 
			helixgroup="errorpage" 
			type="checkbox"
			default="0"  
			label="HELIX_ULTIMATE_ERROR_FONT_LOAD"
			description="HELIX_ULTIMATE_ERROR_FONT_LOAD_DESC"
		/>

	</fieldset>

	<!--Presets-->
	<fieldset name="presets" 
		label="HELIX_ULTIMATE_PRESETS" 
		addfieldpath="/plugins/system/helixultimate/src/fields" 
		icon="fas fa-paint-brush">
		<field name="preset" 
			type="helixpresets"
			label="HELIX_ULTIMATE_PREDEFINED_PRESETS"
			separator="true"
			default="preset1">
			<preset name="preset1" 
				label="Preset 1" 
				default="#0345BF">
				<color name="text_color" 
					value="#252525" />
				<color name="bg_color" 
					value="#FFFFFF" />
				<color name="link_color" 
					value="#0345BF" />
				<color name="link_hover_color" 
					value="#044CD0" />
				<color name="header_bg_color" 
					value="#FFFFFF" />
				<color name="topbar_bg_color" 
					value="#333333" />
				<color name="topbar_text_color" 
					value="#AAAAAA" />
				<color name="logo_text_color" 
					value="#0345BF" />
				<color name="menu_text_color" 
					value="#252525" />
				<color name="menu_text_hover_color" 
					value="#0345BF" />
				<color name="menu_text_active_color" 
					value="#0345BF" />
				<color name="menu_dropdown_bg_color" 
					value="#FFFFFF" />
				<color name="menu_dropdown_text_color" 
					value="#252525" />
				<color name="menu_dropdown_text_hover_color" 
					value="#0345BF" />
				<color name="menu_dropdown_text_active_color" 
					value="#0345BF" />
				<color name="footer_bg_color" 
					value="#171717" />
				<color name="footer_text_color" 
					value="#FFFFFF" />
				<color name="footer_link_color" 
					value="#A2A2A2" />
				<color name="footer_link_hover_color" 
					value="#FFFFFF" />
			</preset>

			<preset name="preset2" 
				label="Preset 2" 
				default="#ec430f">
				<color name="text_color" 
					value="#252525" />
				<color name="bg_color" 
					value="#FFFFFF" />
				<color name="link_color" 
					value="#ec430f" />
				<color name="link_hover_color" 
					value="#044CD0" />
				<color name="header_bg_color" 
					value="#FFFFFF" />
				<color name="topbar_bg_color" 
					value="#333333" />
				<color name="topbar_text_color" 
					value="#AAAAAA" />
				<color name="logo_text_color" 
					value="#ec430f" />
				<color name="menu_text_color" 
					value="#252525" />
				<color name="menu_text_hover_color" 
					value="#ec430f" />
				<color name="menu_text_active_color" 
					value="#ec430f" />
				<color name="menu_dropdown_bg_color" 
					value="#FFFFFF" />
				<color name="menu_dropdown_text_color" 
					value="#252525" />
				<color name="menu_dropdown_text_hover_color" 
					value="#ec430f" />
				<color name="menu_dropdown_text_active_color" 
					value="#ec430f" />
				<color name="footer_bg_color" 
					value="#171717" />
				<color name="footer_text_color" 
					value="#FFFFFF" />
				<color name="footer_link_color" 
					value="#A2A2A2" />
				<color name="footer_link_hover_color" 
					value="#FFFFFF" />
			</preset>

			<preset name="preset3" 
				label="Preset 3" 
				default="#0fa89d">
				<color name="text_color" 
					value="#252525" />
				<color name="bg_color" 
					value="#FFFFFF" />
				<color name="link_color" 
					value="#0fa89d" />
				<color name="link_hover_color" 
					value="#044CD0" />
				<color name="header_bg_color" 
					value="#FFFFFF" />
				<color name="topbar_bg_color" 
					value="#333333" />
				<color name="topbar_text_color" 
					value="#AAAAAA" />
				<color name="logo_text_color" 
					value="#0fa89d" />
				<color name="menu_text_color" 
					value="#252525" />
				<color name="menu_text_hover_color" 
					value="#0fa89d" />
				<color name="menu_text_active_color" 
					value="#0fa89d" />
				<color name="menu_dropdown_bg_color" 
					value="#FFFFFF" />
				<color name="menu_dropdown_text_color" 
					value="#252525" />
				<color name="menu_dropdown_text_hover_color" 
					value="#0fa89d" />
				<color name="menu_dropdown_text_active_color" 
					value="#0fa89d" />
				<color name="footer_bg_color" 
					value="#171717" />
				<color name="footer_text_color" 
					value="#FFFFFF" />
				<color name="footer_link_color" 
					value="#A2A2A2" />
				<color name="footer_link_hover_color" 
					value="#FFFFFF" />
			</preset>

			<preset name="preset4" 
				label="Preset 4" 
				default="#4943ac">
				<color name="text_color" 
					value="#252525" />
				<color name="bg_color" 
					value="#FFFFFF" />
				<color name="link_color" 
					value="#4943ac" />
				<color name="link_hover_color" 
					value="#044CD0" />
				<color name="header_bg_color" 
					value="#FFFFFF" />
				<color name="topbar_bg_color" 
					value="#333333" />
				<color name="topbar_text_color" 
					value="#AAAAAA" />
				<color name="logo_text_color" 
					value="#4943ac" />
				<color name="menu_text_color" 
					value="#252525" />
				<color name="menu_text_hover_color" 
					value="#4943ac" />
				<color name="menu_text_active_color" 
					value="#4943ac" />
				<color name="menu_dropdown_bg_color" 
					value="#FFFFFF" />
				<color name="menu_dropdown_text_color" 
					value="#252525" />
				<color name="menu_dropdown_text_hover_color" 
					value="#4943ac" />
				<color name="menu_dropdown_text_active_color" 
					value="#4943ac" />
				<color name="footer_bg_color" 
					value="#171717" />
				<color name="footer_text_color" 
					value="#FFFFFF" />
				<color name="footer_link_color" 
					value="#A2A2A2" />
				<color name="footer_link_hover_color" 
					value="#FFFFFF" />
			</preset>

			<preset name="preset5" 
				label="Preset 5" 
				default="#00aeef">
				<color name="text_color" 
					value="#252525" />
				<color name="bg_color" 
					value="#FFFFFF" />
				<color name="link_color" 
					value="#00aeef" />
				<color name="link_hover_color" 
					value="#044CD0" />
				<color name="header_bg_color" 
					value="#FFFFFF" />
				<color name="topbar_bg_color" 
					value="#333333" />
				<color name="topbar_text_color" 
					value="#AAAAAA" />
				<color name="logo_text_color" 
					value="#00aeef" />
				<color name="menu_text_color" 
					value="#252525" />
				<color name="menu_text_hover_color" 
					value="#00aeef" />
				<color name="menu_text_active_color" 
					value="#00aeef" />
				<color name="menu_dropdown_bg_color" 
					value="#FFFFFF" />
				<color name="menu_dropdown_text_color" 
					value="#252525" />
				<color name="menu_dropdown_text_hover_color" 
					value="#00aeef" />
				<color name="menu_dropdown_text_active_color" 
					value="#00aeef" />
				<color name="footer_bg_color" 
					value="#171717" />
				<color name="footer_text_color" 
					value="#FFFFFF" />
				<color name="footer_link_color" 
					value="#A2A2A2" />
				<color name="footer_link_hover_color" 
					value="#FFFFFF" />
			</preset>

			<preset name="preset6" 
				label="Preset 6" 
				default="#f68e13">
				<color name="text_color" 
					value="#252525" />
				<color name="bg_color" 
					value="#FFFFFF" />
				<color name="link_color" 
					value="#f68e13" />
				<color name="link_hover_color" 
					value="#044CD0" />
				<color name="header_bg_color" 
					value="#FFFFFF" />
				<color name="topbar_bg_color" 
					value="#333333" />
				<color name="topbar_text_color" 
					value="#AAAAAA" />
				<color name="logo_text_color" 
					value="#f68e13" />
				<color name="menu_text_color" 
					value="#252525" />
				<color name="menu_text_hover_color" 
					value="#f68e13" />
				<color name="menu_text_active_color" 
					value="#f68e13" />
				<color name="menu_dropdown_bg_color" 
					value="#FFFFFF" />
				<color name="menu_dropdown_text_color" 
					value="#252525" />
				<color name="menu_dropdown_text_hover_color" 
					value="#f68e13" />
				<color name="menu_dropdown_text_active_color" 
					value="#f68e13" />
				<color name="footer_bg_color" 
					value="#171717" />
				<color name="footer_text_color" 
					value="#FFFFFF" />
				<color name="footer_link_color" 
					value="#A2A2A2" />
				<color name="footer_link_hover_color" 
					value="#FFFFFF" />
			</preset>

			<preset name="preset7" 
				label="Preset 7" 
				default="#2ba84a">
				<color name="text_color" 
					value="#252525" />
				<color name="bg_color" 
					value="#FFFFFF" />
				<color name="link_color" 
					value="#2ba84a" />
				<color name="link_hover_color" 
					value="#044CD0" />
				<color name="header_bg_color" 
					value="#FFFFFF" />
				<color name="topbar_bg_color" 
					value="#333333" />
				<color name="topbar_text_color" 
					value="#AAAAAA" />
				<color name="logo_text_color" 
					value="#2ba84a" />
				<color name="menu_text_color" 
					value="#252525" />
				<color name="menu_text_hover_color" 
					value="#2ba84a" />
				<color name="menu_text_active_color" 
					value="#2ba84a" />
				<color name="menu_dropdown_bg_color" 
					value="#FFFFFF" />
				<color name="menu_dropdown_text_color" 
					value="#252525" />
				<color name="menu_dropdown_text_hover_color" 
					value="#2ba84a" />
				<color name="menu_dropdown_text_active_color" 
					value="#2ba84a" />
				<color name="footer_bg_color" 
					value="#171717" />
				<color name="footer_text_color" 
					value="#FFFFFF" />
				<color name="footer_link_color" 
					value="#A2A2A2" />
				<color name="footer_link_hover_color" 
					value="#FFFFFF" />
			</preset>

			<preset name="preset8" 
				label="Preset 8" 
				default="#ed145b">
				<color name="text_color" 
					value="#252525" />
				<color name="bg_color" 
					value="#FFFFFF" />
				<color name="link_color" 
					value="#ed145b" />
				<color name="link_hover_color" 
					value="#044CD0" />
				<color name="header_bg_color" 
					value="#FFFFFF" />
				<color name="topbar_bg_color" 
					value="#333333" />
				<color name="topbar_text_color" 
					value="#AAAAAA" />
				<color name="logo_text_color" 
					value="#ed145b" />
				<color name="menu_text_color" 
					value="#252525" />
				<color name="menu_text_hover_color" 
					value="#ed145b" />
				<color name="menu_text_active_color" 
					value="#ed145b" />
				<color name="menu_dropdown_bg_color" 
					value="#FFFFFF" />
				<color name="menu_dropdown_text_color" 
					value="#252525" />
				<color name="menu_dropdown_text_hover_color" 
					value="#ed145b" />
				<color name="menu_dropdown_text_active_color" 
					value="#ed145b" />
				<color name="footer_bg_color" 
					value="#171717" />
				<color name="footer_text_color" 
					value="#FFFFFF" />
				<color name="footer_link_color" 
					value="#A2A2A2" />
				<color name="footer_link_hover_color" 
					value="#FFFFFF" />
			</preset>

		</field>

		<field name="custom_style" 
			type="checkbox" 
			default="0" 
			label="HELIX_ULTIMATE_CUSTOM_STYLE" 
			track="on"
			description="HELIX_ULTIMATE_CUSTOM_STYLE_DESC" />

		<!-- Custom preset topbar -->
		<field name="topbar_bg_color" 
			class="preset-control" 
			helixgroup="preset_topbar" 
			type="color" 
			default="#333333" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_PRESET_TOPBAR_BACKGROUND_COLOR" />
		<field name="topbar_text_color" 
			class="preset-control" 
			helixgroup="preset_topbar" 
			type="color" 
			default="#AAAAAA" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_PRESET_TOPBAR_TEXT_COLOR" />

		<!-- Custom preset header -->
		<field name="header_bg_color" 
			class="preset-control" 
			helixgroup="preset_header" 
			type="color" 
			default="#FFFFFF" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_PRESET_HEADER_BACKGROUND_COLOR"
			separator="true"
			/>

		<field name="logo_text_color" 
			class="preset-control" 
			helixgroup="preset_header" 
			type="color" 
			default="#0345BF" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_PRESET_LOGO_TEXT_COLOR" />

		<!-- Custom preset menu -->
		<field name="menu_text_color" 
			class="preset-control" 
			helixgroup="preset_menu" 
			type="color" 
			default="#252525" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_PRESET_MENU_TEXT_COLOR" />

		<field name="menu_text_hover_color" 
			class="preset-control" 
			helixgroup="preset_menu" 
			type="color" 
			default="#0345BF" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_PRESET_MENU_HOVER_TEXT_COLOR" />

		<field name="menu_text_active_color" 
			class="preset-control" 
			helixgroup="preset_menu" 
			type="color" 
			default="#0345BF" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_PRESET_MENU_ACTIVE_TEXT_COLOR" />

		<field name="menu_dropdown_bg_color" 
			class="preset-control" 
			helixgroup="preset_menu" 
			type="color" 
			default="#FFFFFF" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_PRESET_DROPDOWN_BACKGROUND_COLOR" />

		<field name="menu_dropdown_text_color" 
			class="preset-control" 
			helixgroup="preset_menu" 
			type="color" 
			default="#252525" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_PRESET_DROPDOWN_TEXT_COLOR" />

		<field name="menu_dropdown_text_hover_color" 
			class="preset-control" 
			helixgroup="preset_menu" 
			type="color" 
			default="#0345BF" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_PRESET_DROPDOWN_HOVER_TEXT_COLOR" />

		<field name="menu_dropdown_text_active_color" 
			class="preset-control" 
			helixgroup="preset_menu" 
			type="color" 
			default="#0345BF" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_PRESET_DROPDOWN_ACTIVE_TEXT_COLOR" />

		<!-- Custom preset Offcanvas  -->
		<field name="offcanvas_menu_icon_color" 
			class="preset-control"
			helixgroup="preset_offcanvas_menu" 
			type="color" 
			default="#000000" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_GROUP_PRESET_OFFCANVAS_MENU_ICON_COLOR" />
		<field name="offcanvas_menu_bg_color" 
			class="preset-control" 
			helixgroup="preset_offcanvas_menu" 
			type="color" 
			default="#FFFFFF" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_GROUP_PRESET_OFFCANVAS_MENU_BACKGROUND_COLOR" />
		<field name="offcanvas_menu_items_and_items_color" 
			class="preset-control" 
			helixgroup="preset_offcanvas_menu" 
			type="color" 
			default="#252525" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_GROUP_PRESET_OFFCANVAS_MENU_ITEMS_AND_ICONS_COLOR" />
		<field name="offcanvas_menu_active_menu_item_color" 
			class="preset-control" 
			helixgroup="preset_offcanvas_menu" 
			type="color" 
			default="#0345bf" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_GROUP_PRESET_OFFCANVAS_MENU_ACTIVE_MENU_ITEM_COLOR" />
			
		<!-- Custom preset body -->
		<field name="text_color" 
			class="preset-control" 
			helixgroup="preset_body" 
			type="color" 
			default="#252525" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_COLOR" />

		<field name="bg_color" 
			class="preset-control" 
			helixgroup="preset_body" 
			type="color" 
			default="#FFFFFF" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_BACKGROUND_COLOR" />

		<field name="link_color" 
			class="preset-control" 
			helixgroup="preset_body" 
			type="color" 
			default="#0345BF" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_PRESET_LINK_COLOR" />

		<field name="link_hover_color" 
			class="preset-control" 
			helixgroup="preset_body" 
			type="color" 
			default="#044CD0" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_PRESET_LINK_HOVER_COLOR" />

		<!-- Custom preset footer -->
		<field name="footer_bg_color" 
			class="preset-control" 
			helixgroup="preset_footer" 
			type="color" 
			default="#171717" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_PRESET_FOOTER_BACKGROUND_COLOR" />

		<field name="footer_text_color" 
			class="preset-control" 
			helixgroup="preset_footer" 
			type="color" 
			default="#FFFFFF" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_PRESET_FOOTER_TEXT_COLOR" />

		<field name="footer_link_color" 
			class="preset-control" 
			helixgroup="preset_footer" 
			type="color" 
			default="#A2A2A2" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_PRESET_FOOTER_LINK_COLOR" />

		<field name="footer_link_hover_color" 
			class="preset-control" 
			helixgroup="preset_footer" 
			type="color" 
			default="#FFFFFF" 
			dependant="custom_style:1"
			label="HELIX_ULTIMATE_PRESET_FOOTER_LINK_HOVER_COLOR" />
	</fieldset>

	<fieldset name="layout" 
		label="HELIX_ULTIMATE_LAYOUT_BUILDER" 
		addfieldpath="/plugins/system/helixultimate/src/fields" 
		icon="far fa-list-alt">
		<field type="helixlayout" 
			name="layout" />
	</fieldset>

	<fieldset name="menu" 
		label="HELIX_ULTIMATE_NAVIGATION" 
		activegroup="menubuilder" 
		icon="fas fa-list-ul">

		<!-- menu builder group -->
		<field name="menu" 
			type="menu" 
			helixgroup="menubuilder" 
			default="mainmenu"
			track="on"
			label="HELIX_ULTIMATE_MEGAMENU_SELECT" />

		<!-- Helix menu builder with megamenu -->
		<field name="menu_builder"
			helixgroup="menubuilder"
			type="helixmenubuilder"
			label="HELIX_ULTIMATE_MENU_BUILDER"
			description="HELIX_ULTIMATE_MENU_BUILDER_DESC"
			hideLabel="true" />

		<!-- mega menu group -->
		<field name="menu_type" 
			helixgroup="megamenu" 
			type="list" 
			class="form-select"
			default="mega_offcanvas" 
			label="HELIX_ULTIMATE_MENU_TYPE" 
			description="HELIX_ULTIMATE_MENU_TYPE_DESC">
			<option value="mega_offcanvas">HELIX_ULTIMATE_MEGAMENU_OFFCANVAS</option>
			<option value="mega">HELIX_ULTIMATE_MEGAMENU</option>
			<option value="offcanvas">HELIX_ULTIMATE_OFFCANVAS</option>
		</field>

		<field name="dropdown_width" 
			helixgroup="megamenu" 
			type="helixUnit"
			display="inline" 
			label="HELIX_ULTIMATE_MEGAMENU_DROPDOWN_WIDTH" 
			hint="240" 
			showon="menu_type!:offcanvas" />

		<field name="menu_animation" 
			helixgroup="megamenu" 
			type="list" 
			class="form-select"
			default="menu-fade" 
			label="HELIX_ULTIMATE_MENU_DROPDOWN_ANIMATION" 
			showon="menu_type!:offcanvas">
			<option value="menu-animation-none">HELIX_ULTIMATE_NO_ANIMATION</option>
			<option value="menu-animation-fade">HELIX_ULTIMATE_FADE_IN_ANIMATION</option>
			<option value="menu-animation-fade-up">HELIX_ULTIMATE_FADE_IN_UP_ANIMATION</option>
			<option value="menu-animation-fade-down">HELIX_ULTIMATE_FADE_IN_DOWN_ANIMATION</option>
			<option value="menu-animation-zoom">HELIX_ULTIMATE_ZOOM_IN_ANIMATION</option>
			<option value="menu-animation-rotate">HELIX_ULTIMATE_ROTATE_IN_ANIMATION</option>
			<option value="menu-animation-pulse">HELIX_ULTIMATE_PULSE_ANIMATION</option>
		</field>

		<field name="offcanvas_position" 
			helixgroup="offcanvas" 
			type="list" 
			class="form-select"
			default="right" 
			label="HELIX_ULTIMATE_OFFCANVAS_MENU_POSITION" 
			description="HELIX_ULTIMATE_OFFCANVAS_MENU_POSITION_DESC">
			<option value="left">HELIX_ULTIMATE_OFFCANVAS_MENU_POSITION_LEFT</option>
			<option value="right">HELIX_ULTIMATE_OFFCANVAS_MENU_POSITION_RIGHT</option>
		</field>

		<field name="offcanvas_style"
			helixgroup="offcanvas"
			type="HelixOffcanvas"
			label="HELIX_ULTIMATE_SELECT_OFFCANVAS"
			description="HELIX_ULTIMATE_SELECT_OFFCANVAS_DESC"
			default="style-1"
		/>
		<field name="offcanvas_menu" 
			type="menu" 
			helixgroup="offcanvas" 
			default="mainmenu"
			track="on"
			label="HELIX_ULTIMATE_OFFCANVAS_MENU"
			description="HELIX_ULTIMATE_OFFCANVAS_MENU_DESC"
		/>

		<field name="offcanvas_max_level" 
			type="list"
			class="form-select"
			helixgroup="offcanvas" 
			label="HELIX_ULTIMATE_OFFCANVAS_MAX_LEVEL"
			description="HELIX_ULTIMATE_OFFCANVAS_MAX_LEVEL_DESC"
			className="hu-no-gutter-bottom"
			display="inline"
			separator="true"
			default="0">
			<option value="0">JALL</option>
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
			<option value="4">4</option>
			<option value="5">5</option>
			<option value="6">6</option>
			<option value="7">7</option>
			<option value="8">8</option>
			<option value="9">9</option>
			<option value="10">10</option>
		</field>
		

		<field name="offcanvas_enable_search" 
			type="checkbox" 
			helixgroup="offcanvas" 
			label="HELIX_ULTIMATE_ENABLE_OFFCANVAS_SEARCH"
			description="HELIX_ULTIMATE_ENABLE_OFFCANVAS_SEARCH_DESC"
			default="0"/>
		<field name="offcanvas_enable_login" 
			type="checkbox" 
			helixgroup="offcanvas" 
			label="HELIX_ULTIMATE_ENABLE_OFFCANVAS_LOGIN"
			description="HELIX_ULTIMATE_ENABLE_OFFCANVAS_LOGIN_DESC"
			default="0"/>
		<field name="offcanvas_enable_social" 
			type="checkbox" 
			helixgroup="offcanvas" 
			label="HELIX_ULTIMATE_ENABLE_OFFCANVAS_SOCIALS"
			description="HELIX_ULTIMATE_ENABLE_OFFCANVAS_SOCIALS_DESC"
			default="0"/>
		<field name="offcanvas_enable_contact" 
			type="checkbox" 
			helixgroup="offcanvas" 
			label="HELIX_ULTIMATE_ENABLE_OFFCANVAS_CONTACTS"
			description="HELIX_ULTIMATE_ENABLE_OFFCANVAS_CONTACTS_DESC"
			default="0"/>

	</fieldset>

	<!--Typography-->
	<fieldset name="typography" 
		label="HELIX_ULTIMATE_TYPOGRAPHY" 
		icon="fas fa-font" 
		activegroup="update_font" 
		addfieldpath="/plugins/system/helixultimate/src/fields">
		<!-- helixgroup="body_font"  -->
		<field name="enable_body_font" 
			helixsubgroup="body_font"
			subclasses="col-12 hu-is-header"
			masterclass="row hu-typography-wrapper"
			type="checkbox" 
			default="1" 
			label="Body" />
		<field name="body_font"
			helixsubgroup="body_font"
			subclasses="col-12" 
			type="helixfont" 
			default='{"fontFamily":"Open Sans","fontWeight":"300","fontSubset":"latin","fontSize":""}' 
			hideLabel="true" 
			showon="enable_body_font:1" />

<!-- helixgroup="heading_font"  -->
		<field name="enable_h1_font" 
			helixsubgroup="heading_font_h1"
			subclasses="col-12 hu-is-header"
			masterclass="row hu-typography-wrapper"
			type="checkbox" 
			default="1" 
			label="HELIX_ULTIMATE_ENABLE_H1_FONT" />
		<field name="h1_font" 
			helixsubgroup="heading_font_h1"
			subclasses="col-12"
			type="helixfont" 
			default='{"fontFamily":"Open Sans","fontWeight":"800","fontSubset":"latin","fontSize":""}' 
			hideLabel="true" 
			showon="enable_h1_font:1" />

		<field name="enable_h2_font" 
			helixsubgroup="heading_font_h2"
			subclasses="col-12 hu-is-header"
			masterclass="row hu-typography-wrapper"
			type="checkbox" 
			default="1" 
			label="HELIX_ULTIMATE_ENABLE_H2_FONT" />
		<field name="h2_font" 
			helixsubgroup="heading_font_h2"
			subclasses="col-12"
			type="helixfont" 
			default='{"fontFamily":"Open Sans","fontWeight":"600","fontSubset":"latin","fontSize":""}' 
			hideLabel="true" 
			showon="enable_h2_font:1" />

		<field name="enable_h3_font" 
			helixsubgroup="heading_font_h3"
			subclasses="col-12 hu-is-header"
			masterclass="row hu-typography-wrapper"
			type="checkbox" 
			default="1" 
			label="HELIX_ULTIMATE_ENABLE_H3_FONT" />
		<field name="h3_font" 
			helixsubgroup="heading_font_h3"
			subclasses="col-12"
			type="helixfont" 
			default='{"fontFamily":"Open Sans","fontWeight":"regular","fontSubset":"latin","fontSize":""}' 
			hideLabel="true" 
			showon="enable_h3_font:1" />

		<field name="enable_h4_font"
			helixsubgroup="heading_font_h4"
			subclasses="col-12 hu-is-header"
			masterclass="row hu-typography-wrapper"
			type="checkbox" 
			default="1" 
			label="HELIX_ULTIMATE_ENABLE_H4_FONT" />
		<field name="h4_font" 
			helixsubgroup="heading_font_h4"
			subclasses="col-12"
			type="helixfont" 
			default='{"fontFamily":"Open Sans","fontWeight":"regular","fontSubset":"latin","fontSize":""}' 
			hideLabel="true" 
			showon="enable_h4_font:1" />

		<field name="enable_h5_font"
			helixsubgroup="heading_font_h5"
			subclasses="col-12 hu-is-header"
			masterclass="row hu-typography-wrapper" 
			type="checkbox" 
			default="1" 
			label="HELIX_ULTIMATE_ENABLE_H5_FONT" />
		<field name="h5_font"
			helixsubgroup="heading_font_h5"
			subclasses="col-12"
			type="helixfont" 
			default='{"fontFamily":"Open Sans","fontWeight":"600","fontSubset":"latin","fontSize":""}' 
			hideLabel="true" 
			showon="enable_h5_font:1" />

		<field name="enable_h6_font"
			helixsubgroup="heading_font_h6"
			subclasses="col-12 hu-is-header"
			masterclass="row hu-typography-wrapper"
			type="checkbox" 
			default="1" 
			label="HELIX_ULTIMATE_ENABLE_H6_FONT" />
		<field name="h6_font"
			helixsubgroup="heading_font_h6"
			subclasses="col-12"
			type="helixfont" 
			default='{"fontFamily":"Open Sans","fontWeight":"600","fontSubset":"latin","fontSize":""}' 
			hideLabel="true" 
			showon="enable_h6_font:1" />

		<field name="enable_navigation_font"
			helixsubgroup="font_navigation"
			subclasses="col-12 hu-is-header"
			masterclass="row hu-typography-wrapper"
			type="checkbox" 
			default="0" 
			label="HELIX_ULTIMATE_GROUP_NAV_FONT" />
		<field name="navigation_font"
			helixsubgroup="font_navigation"
			subclasses="col-12"
			type="helixfont" 
			hideLabel="true" 
			showon="enable_navigation_font:1" />

		<field name="enable_custom_font"
			helixsubgroup="font_custom"
			subclasses="col-12 hu-is-header"
			masterclass="row hu-typography-wrapper"
			type="checkbox" 
			default="0" 
			label="HELIX_ULTIMATE_GROUP_CUSTOM_FONT" />
		<field name="custom_font"
			helixsubgroup="font_custom"
			subclasses="col-12"
			type="helixfont" 
			hideLabel="true" 
			showon="enable_custom_font:1" />
		<field name="custom_font_selectors"
			helixsubgroup="font_custom"
			subclasses="col-12"
			type="textarea" 
			label="HELIX_ULTIMATE_FONT_CUSTOM_SELECTORS" 
			description="HELIX_ULTIMATE_FONT_CUSTOM_SELECTORS_DESC" 
			showon="enable_custom_font:1" />
	</fieldset>

	<!--Blog-->
	<fieldset name="blog" 
		label="HELIX_ULTIMATE_BLOG" 
		activegroup="blog_images"
		icon="fas fa-comments">

		<field name="image_thumbnail" 
			type="checkbox" 
			style="plain"
			helixgroup="blog_images" 
			helixsubgroup="thumbnail_image"
			subclasses="col-4"
			default="1" 
			masterseparator="true"
			label="HELIX_ULTIMATE_IMAGE_THUMBNAIL" />

		<field name="image_thumbnail_size" 
			type="helixdimension" 
			helixgroup="blog_images" 
			helixsubgroup="thumbnail_image"
			subclasses="col-8"
			default="200X200" 
			hint="200X200"
			label="HELIX_ULTIMATE_IMAGE_THUMBNAIL_SIZE" 
			hideLabel="true" 
			enableon="image_thumbnail:1" />

		<field name="image_small" 
			type="checkbox" 
			style="plain"
			helixgroup="blog_images" 
			helixsubgroup="small_image"
			subclasses="col-4"
			default="0" 
			label="HELIX_ULTIMATE_IMAGE_SMALL" />

		<field
			name="image_small_size" 
			type="helixdimension" 
			helixgroup="blog_images" 
			helixsubgroup="small_image"
			subclasses="col-8"
			default="100X100" 
			hint="100X100"
			label="HELIX_ULTIMATE_IMAGE_SMALL_SIZE"
			hideLabel="true" 
			enableon="image_small:1" />

		<field name="image_medium" 
			type="checkbox"
			style="plain" 
			helixgroup="blog_images" 
			helixsubgroup="medium_image"
			subclasses="col-4"
			default="0" 
			label="HELIX_ULTIMATE_IMAGE_MEDIUM" />

		<field name="image_medium_size" 
			type="helixdimension" 
			helixgroup="blog_images" 
			helixsubgroup="medium_image"
			subclasses="col-8"
			default="300X300" 
			hint="300X300" 
			label="HELIX_ULTIMATE_IMAGE_MEDIUM_SIZE" 
			hideLabel="true" 
			enableon="image_medium:1" />

		<field name="image_large" 
			type="checkbox" 
			style="plain"
			helixgroup="blog_images" 
			helixsubgroup="large_image"
			subclasses="col-4"
			default="0" 
			label="HELIX_ULTIMATE_IMAGE_LARGE" />

		<field name="image_large_size" 
			type="helixdimension" 
			helixgroup="blog_images" 
			helixsubgroup="large_image"
			subclasses="col-8"
			default="600X600" 
			hint="600X600"
			label="HELIX_ULTIMATE_IMAGE_LARGE_SIZE" 
			hideLabel="true" 
			enableon="image_large:1" />

		<field name="image_crop_quality" 
			type="number" 
			helixgroup="blog_images" 
			label="HELIX_ULTIMATE_IMAGE_CROP_QUALITY" 
			description="HELIX_ULTIMATE_IMAGE_CROP_QUALITY_DESC" 
			max="100" 
			min="40" 
			default="100" />

		<field name="blog_list_image" 
			type="helixswitcher" 
			switcherStyle="simple"
			helixgroup="blog_list"
			default="thumbnail"
			separator="true"
			label="HELIX_ULTIMATE_BLOG_LIST_IMAGE" 
			description="HELIX_ULTIMATE_BLOG_LIST_IMAGE_DESC">
			<option value="small" svg="image-small">HELIX_ULTIMATE_BLOG_IMAGE_SMALL</option>
			<option value="thumbnail" svg="image-thumbnail">HELIX_ULTIMATE_BLOG_IMAGE_THUMBNAIL</option>
			<option value="medium" svg="image-medium">HELIX_ULTIMATE_BLOG_IMAGE_MEDIUM</option>
			<option value="large" svg="image-large">HELIX_ULTIMATE_BLOG_IMAGE_LARGE</option>
		</field>

		<field name="leading_blog_list_image" 
			type="helixswitcher" 
			switcherStyle="simple"
			helixgroup="blog_list" 
			default="large"
			separator="true"
			label="HELIX_ULTIMATE_LEADING_BLOG_LIST_IMAGE" 
			description="HELIX_ULTIMATE_LEADING_BLOG_LIST_IMAGE_DESC">
			<option value="small" svg="image-small">HELIX_ULTIMATE_BLOG_IMAGE_SMALL</option>
			<option value="thumbnail" svg="image-thumbnail">HELIX_ULTIMATE_BLOG_IMAGE_THUMBNAIL</option>
			<option value="medium" svg="image-medium">HELIX_ULTIMATE_BLOG_IMAGE_MEDIUM</option>
			<option value="large" svg="image-large">HELIX_ULTIMATE_BLOG_IMAGE_LARGE</option>
		</field>
		<field name="show_list_tags" 
			type="checkbox" 
			helixgroup="blog_list" 
			default="0" 
			label="HELIX_ULTIMATE_LIST_TAGS_OPTION" 
			description="HELIX_ULTIMATE_LIST_TAGS_OPTION_DESC" />

		<field name="blog_details_image" 
			type="helixswitcher" 
			switcherStyle="simple"
			helixgroup="blog_details" 
			default="large"
			separator="true"
			label="HELIX_ULTIMATE_BLOG_DETAILS_IMAGE" 
			description="HELIX_ULTIMATE_BLOG_DETAILS_IMAGE_DESC">
			<option value="small" svg="image-small">HELIX_ULTIMATE_BLOG_IMAGE_SMALL</option>
			<option value="thumbnail" svg="image-thumbnail">HELIX_ULTIMATE_BLOG_IMAGE_THUMBNAIL</option>
			<option value="medium" svg="image-medium">HELIX_ULTIMATE_BLOG_IMAGE_MEDIUM</option>
			<option value="large" svg="image-large">HELIX_ULTIMATE_BLOG_IMAGE_LARGE</option>
		</field>
		<field name="social_share" 
			type="checkbox"
			helixgroup="blog_details" 
			default="1"
			label="HELIX_ULTIMATE_BLOG_SOCIAL_SHARE"
			description="HELIX_ULTIMATE_BLOG_SOCIAL_SHARE_DESC" />
		<field name="social_share_lists" 
			type="list" 
			multiple="true"
			class="form-select"
			helixgroup="blog_details" 
			default="thumbnail,large"
			separator="true"
			label="HELIX_ULTIMATE_BLOG_SOCIAL_SHARE_LIST" 
			description="HELIX_ULTIMATE_BLOG_SOCIAL_SHARE_LIST_DESC" 
			showon="social_share:1">
			<option value="facebook">HELIX_ULTIMATE_BLOG_SOCIAL_SHARE_FACEBOOK</option>
			<option value="twitter">HELIX_ULTIMATE_BLOG_SOCIAL_SHARE_TWITTER</option>
			<option value="linkedin">HELIX_ULTIMATE_BLOG_SOCIAL_SHARE_LINKEDIN</option>
		</field>

		<field name="disable_module" 
			type="checkbox"
			helixgroup="blog_details"
			default="0" 
			label="HELIX_ULTIMATE_BLOG_DETAILS_DISABLE_MODULE" 
			description="HELIX_ULTIMATE_BLOG_DETAILS_DISABLE_MODULE_DESC" />
		<field name="author_info" 
			type="checkbox" 
			helixgroup="blog_details" 
			default="0" 
			label="HELIX_ULTIMATE_BLOG_DETAILS_AUTHOR_INFO" 
			description="HELIX_ULTIMATE_BLOG_DETAILS_AUTHOR_INFO_DESC" />
		<field name="og" 
			type="checkbox" 
			helixgroup="blog_details" 
			default="1" 
			label="HELIX_ULTIMATE_BLOG_OPEN_GRAPH" 
			description="HELIX_ULTIMATE_BLOG_OPEN_GRAPH_DESC" />
		<field name="og_fb_id" 
			type="text" 
			helixgroup="blog_details" 
			label="HELIX_ULTIMATE_BLOG_OPEN_GRAPH_FB_ID" 
			showon="og:1" />
		<field name="og_twitter_site" 
			type="text" 
			helixgroup="blog_details" 
			label="HELIX_ULTIMATE_BLOG_OPEN_GRAPH_TWITTER_SITE" 
			separator="true"
			showon="og:1" />
		<field name="reading_time_progress" 
			type="checkbox"
			helixgroup="blog_details" 
			default="0" 
			label="HELIX_ULTIMATE_BLOG_DETAILS_READING_TIME_PROGRESS" 
			description="HELIX_ULTIMATE_BLOG_DETAILS_READING_TIME_PROGRESS_DESC" />
		<field name="reading_timeline_bg" 
			helixgroup="blog_details" 
			type="color" 
			default="#0345bf" 
			label="HELIX_ULTIMATE_BLOG_DETAILS_READING_TIME_PROGRESS_BG_COLOR" 
			showon="reading_time_progress:1" />
		<field name="reading_timeline_height" 
			type="text" 
			default="5px" 
			helixgroup="blog_details" 
			label="HELIX_ULTIMATE_BLOG_DETAILS_READING_TIME_PROGRESS_HEIGHT" 
			description="HELIX_ULTIMATE_BLOG_DETAILS_READING_TIME_PROGRESS_HEIGHT_DESC" 
			showon="reading_time_progress:1" />
		<field name="reading_timeline_position" 
			type="list"
			class="form-select"
			helixgroup="blog_details" 
			default="top" 
			label="HELIX_ULTIMATE_BLOG_DETAILS_READING_TIME_PROGRESS_POSITION" 
			description="HELIX_ULTIMATE_BLOG_DETAILS_READING_TIME_PROGRESS_POSITION_DESC" 
			separator="true"
			showon="reading_time_progress:1">
			<option value="top">HELIX_ULTIMATE_BLOG_DETAILS_READING_TIME_PROGRESS_TOP</option>
			<option value="bottom">HELIX_ULTIMATE_BLOG_DETAILS_READING_TIME_PROGRESS_BOTTOM</option>
		</field>
		<field name="related_article" 
			type="checkbox"
			helixgroup="blog_details" 
			default="0" 
			label="HELIX_ULTIMATE_BLOG_DETAILS_RELATED_ARTICLE" 
			description="HELIX_ULTIMATE_BLOG_DETAILS_RELATED_ARTICLE_DESC" />
		<field name="related_article_title" 
			type="text" 
			helixgroup="blog_details" 
			default="Related Articles" 
			label="HELIX_ULTIMATE_BLOG_DETAILS_RELATED_ARTICLE_TITLE"
			description="HELIX_ULTIMATE_BLOG_DETAILS_RELATED_ARTICLE_TITLE_DESC"
			showon="related_article:1" />
		<field name="related_article_column" 
			type="number" 
			default="3" 
			max="12" 
			helixgroup="blog_details" 
			label="HELIX_ULTIMATE_BLOG_DETAILS_RELATED_ARTICLE_COLUMN" 
			description="HELIX_ULTIMATE_BLOG_DETAILS_RELATED_ARTICLE_COLUMN_DESC" 
			showon="related_article:1[AND]related_article_view_type:thumb" />
		<field name="related_article_limit" 
			type="number" 
			default="3" 
			helixgroup="blog_details" 
			label="HELIX_ULTIMATE_BLOG_DETAILS_RELATED_ARTICLE_LIMIT" 
			description="HELIX_ULTIMATE_BLOG_DETAILS_RELATED_ARTICLE_LIMIT_DESC" 
			showon="related_article:1" />
		<field name="related_article_view_type" 
			type="list" 
			class="form-select"
			helixgroup="blog_details" 
			default="thumb" 
			label="HELIX_ULTIMATE_BLOG_DETAILS_RELATED_ARTICLE_VIEW_TYPE" 
			description="HELIX_ULTIMATE_BLOG_DETAILS_RELATED_ARTICLE_VIEW_TYPE_DESC" 
			showon="related_article:1">
			<option value="thumb">HELIX_ULTIMATE_BLOG_DETAILS_RELATED_ARTICLE_VIEW_TYPE_THUMB</option>
			<option value="list">HELIX_ULTIMATE_BLOG_DETAILS_RELATED_ARTICLE_VIEW_TYPE_LIST</option>
			<option value="large">Large</option>
		</field>
		<field name="blog_details_remove_container" 
			helixgroup="blog_details" 
			type="checkbox" 
			default="0" 
			label="HELIX_ULTIMATE_BLOG_DETAILS_REMOVE_CONTAINER" />
		<field name="comment" 
			type="list" 
			class="form-select"
			helixgroup="comments" 
			default="disabled" 
			label="HELIX_ULTIMATE_BLOG_COMMENT">
			<option value="disabled">HELIX_ULTIMATE_COMMENT_DISABLED</option>
			<option value="disqus">HELIX_ULTIMATE_COMMENT_DISQUSS</option>
			<option value="intensedebate">HELIX_ULTIMATE_COMMENT_INTENSEDEBATE</option>
			<option value="facebook">HELIX_ULTIMATE_COMMENT_FACEBOOK</option>
		</field>
		<field name="comment_categories" 
			helixgroup="comments" 
			type="category" 
			extension="com_content" 
			label="HELIX_ULTIMATE_COMMENTS_CATEGORY" 
			description="HELIX_ULTIMATE_COMMENTS_CATEGORY_DESC" 
			multiple="multiple" 
			showon="comment!:disabled" />
		<field name="comment_disqus_subdomain" 
			type="text" 
			helixgroup="comments" 
			label="HELIX_ULTIMATE_COMMENT_DISQUS_SUBDOMAIN" 
			description="HELIX_ULTIMATE_COMMENT_DISQUS_SUBDOMAIN_DESC" 
			showon="comment:disqus" />
		<field name="comment_disqus_devmode" 
			type="checkbox" 
			helixgroup="comments" 
			default="0" 
			label="HELIX_ULTIMATE_COMMENT_DISQUS_DEV_MODE" 
			description="HELIX_ULTIMATE_COMMENT_DISQUS_DEV_MODE_DESC" 
			showon="comment:disqus" />
		<field name="comment_intensedebate_acc" 
			type="text" 
			helixgroup="comments" 
			default="" 
			label="HELIX_ULTIMATE_COMMENT_INTENSEDEBATE_ACC" 
			description="HELIX_ULTIMATE_COMMENT_INTENSEDEBATE_ACC_DESC" 
			showon="comment:intensedebate" />
		<field name="comment_facebook_app_id" 
			type="text" 
			helixgroup="comments" 
			label="HELIX_ULTIMATE_COMMENT_FACEBOOK_ID" 
			description="HELIX_ULTIMATE_COMMENT_FACEBOOK_ID_DESC" 
			showon="comment:facebook" />
		<field name="comment_facebook_width" 
			type="number" 
			helixgroup="comments" 
			default="100" 
			label="HELIX_ULTIMATE_COMMENT_FACEBOOK_COMMENTS_WIDTH" 
			description="HELIX_ULTIMATE_COMMENT_FACEBOOK_COMMENTS_WIDTH_DESC" 
			showon="comment:facebook" />
		<field name="comment_facebook_number" 
			type="number" 
			helixgroup="comments" 
			default="10" 
			label="HELIX_ULTIMATE_COMMENT_FACEBOOK_COMMENTS_PER_PAGE" 
			description="HELIX_ULTIMATE_COMMENT_FACEBOOK_COMMENTS_PER_PAGE_DESC" 
			showon="comment:facebook" />
		<field name="comments_count" 
			helixgroup="comments" 
			type="checkbox" 
			default="0" 
			label="HELIX_ULTIMATE_COMMENTS_COUNT" 
			description="HELIX_ULTIMATE_COMMENTS_COUNT_DESC" 
			showon="comment!:disabled" />

	</fieldset>

	<!--Custom Code-->
	<fieldset name="custom_code" 
		label="HELIX_ULTIMATE_CUSTOM_CODE" 
		activegroup="custom_code"
		icon="fas fa-code">
		<field name="before_head" 
			type="textarea" 
			rows="5" 
			label="HELIX_ULTIMATE_BEFORE_HEAD" 
			description="HELIX_ULTIMATE_BEFORE_HEAD_DESC"
			separator="true"
			filter="raw" />
		
		<field name="after_body" 
			type="textarea" 
			rows="5" 
			label="HELIX_ULTIMATE_AFTER_BODY" 
			description="HELIX_ULTIMATE_AFTER_BODY_DESC"
			separator="true"
			filter="raw" />

		<field name="before_body" 
			type="textarea" 
			rows="5" 
			label="HELIX_ULTIMATE_BEFORE_BODY" 
			description="HELIX_ULTIMATE_BEFORE_BODY_DESC" 
			filter="raw" />
		<field name="custom_css" 
			type="textarea" 
			rows="5" 
			label="HELIX_ULTIMATE_CUSTOM_CSS" 
			description="HELIX_ULTIMATE_CUSTOM_CSS_DESC" 
			filter="raw" />
		<field name="custom_js" 
			type="textarea" 
			rows="5" 
			label="HELIX_ULTIMATE_CUSTOM_JS" 
			description="HELIX_ULTIMATE_CUSTOM_JS_DESC" 
			filter="raw" />
	</fieldset>

	<!--Advanced-->
	<fieldset name="advanced" 
		label="HELIX_ULTIMATE_FIELDSET_ADVANCED" 
		activegroup="compression"
		icon="fas fa-cog">
		<field name="compress_css" 
			helixgroup="compression" 
			type="checkbox" 
			default="0" 
			label="HELIX_ULTIMATE_CSS_COMPRESS" 
			description="HELIX_ULTIMATE_CSS_COMPRESS_DESC" />
		<field name="compress_js" 
			helixgroup="compression" 
			type="checkbox" 
			default="0" 
			label="HELIX_ULTIMATE_JS_COMPRESS" 
			description="HELIX_ULTIMATE_JS_COMPRESS_DESC" />
		<field name="exclude_js" 
			helixgroup="compression" 
			type="textarea" 
			label="HELIX_ULTIMATE_EXCLUDE_JS" 
			description="HELIX_ULTIMATE_EXCLUDE_JS_DESC" 
			showon="compress_js:1" />
		<field name="scssoption" 
			helixgroup="scss" 
			type="checkbox" 
			default="0" 
			label="HELIX_ULTIMATE_ENABLE_SCSS" 
			description="HELIX_ULTIMATE_ENABLE_SCSS_DESC" />

		<field name="enable_fontawesome"
			helixgroup="fonts"
			type="checkbox"
			default="1"
			label="HELIX_ULTIMATE_ENABLE_FONT_AWESOME"
			description="HELIX_ULTIMATE_ENABLE_FONT_AWESOME_DESC"
		/>
		
		<field name="gfont_api"
			type="text"
			class="parent"
			helixgroup="fonts"
			label="HELIX_ULTIMATE_GFONT_API"
			description="HELIX_ULTIMATE_GFONT_API_DESC" />

		<field name="update_fonts"
			type="helixbutton"
			helixgroup="fonts"
			url="#"
			text="HELIX_ULTIMATE_UPDATE_FONTS_CLICK"
			hideLabel="true"
			description="HELIX_ULTIMATE_UPDATE_FONT_LIST_DESC"
			class="btn-primary btn-update-hu-fonts" />

		<field name="image_lazy_loading" 
			helixgroup="image" 
			type="checkbox" 
			default="0" 
			label="HELIX_ULTIMATE_ENABLE_IMAGE_LAZY_LOADING" 
			description="HELIX_ULTIMATE_ENABLE_IMAGE_LAZY_LOADING_DESC" />

		<field name="export_options" 
			helixgroup="importexport" 
			type="helixexportimport" 
			hideLabel="true" />
		<field name="ga_code" 
			helixgroup="analytics" 
			type="text" 
			label="HELIX_ULTIMATE_GOOGLE_ANALYTICS_CODE" 
			description="HELIX_ULTIMATE_GOOGLE_ANALYTICS_CODE_DESC" 
			hint="G-XXXXXXXXXX" />
		<field name="ga_tracking_method" 
			helixgroup="analytics" 
			type="list" 
			class="form-select"
			label="HELIX_ULTIMATE_GOOGLE_ANALYTICS_TRACKING_METHOD" 
			description="HELIX_ULTIMATE_GOOGLE_ANALYTICS_TRACKING_METHOD_DESC" 
			showon="ga_code!:">
			<option value=''>HELIX_ULTIMATE_GOOGLE_ANALYTICS_SELECT_TRACKING_METHOD</option>
			<option value='ua'>HELIX_ULTIMATE_GOOGLE_ANALYTICS_UNIVERSAL_ANALYTICS</option>
			<option value='gst'>HELIX_ULTIMATE_GOOGLE_ANALYTICS_GOOGLE_SITE_TAGS</option>
		</field>
	</fieldset>

</form>