<?php
/**
 * Catch Flames Theme Options
 *
 * @package Catch Themes
 * @subpackage Catch Flames Pro
 * @since Catch Flames Pro 1.0
 */
add_action( 'admin_init', 'catchflames_register_settings' );
add_action( 'admin_menu', 'catchflames_options_menu' );


/**
 * Enqueue admin script and styles
 *
 * @uses wp_register_script, wp_enqueue_script and wp_enqueue_style
 * @Calling jquery, jquery-ui-tabs,jquery-cookie, jquery-ui-sortable, jquery-ui-draggable, media-upload, colorpicker
 */
function catchflames_admin_scripts() {
	//jquery-cookie registered in functions.php
	wp_enqueue_script( 'catchflames_admin', get_template_directory_uri().'/inc/panel/admin.min.js', array( 'jquery', 'jquery-ui-tabs', 'jquery-cookie', 'jquery-ui-sortable', 'jquery-ui-draggable', 'wp-color-picker' ) );
    
    wp_enqueue_media();
        
    wp_enqueue_script( 'catchflames_upload', get_template_directory_uri().'/inc/panel/add_image_scripts.min.js', array( 'jquery' ) );
	
    wp_enqueue_style( 'catchflames_admin',get_template_directory_uri().'/inc/panel/admin.css', array( 'wp-color-picker' ), '1.0', 'screen' );
}
add_action( 'admin_print_styles-appearance_page_theme_options', 'catchflames_admin_scripts' );


/**
 * Enqueue admin script and styles
 *
 * @uses wp_register_script, wp_enqueue_script and wp_enqueue_style
 */
function catchflames_admin_style() {
	wp_enqueue_style( 'catchflames_admin_page_post',get_template_directory_uri().'/inc/panel/admin-page-post.css', '1.0', 'screen' );
}
add_action( 'admin_print_styles', 'catchflames_admin_style' );


/*
 * Create a function for Theme Options Page
 *
 * @uses add_theme_page
 * @add action admin_menu
 */
function catchflames_options_menu() {

	add_theme_page(
        __( 'Theme Options', 'catch-flames' ),           // Name of page
        __( 'Theme Options', 'catch-flames' ),           // Label in menu
        'edit_theme_options',                           // Capability required
        'theme_options',                                // Menu slug, used to uniquely identify the page
        'catchflames_theme_options_do_page'             // Function that renders the options page
    );

}


/*
 * Register options and validation callbacks
 *
 * @uses register_setting
 * @action admin_init
 */
function catchflames_register_settings(){
	register_setting( 'catchflames_options', 'catchflames_options', 'catchflames_theme_options_validate' );
}


/*
 * Render Catch Flames Pro Theme Options page
 *
 * @uses settings_fields, get_option, bloginfo
 * @Settings Updated
 */
function catchflames_theme_options_do_page() {
	if (!isset($_REQUEST['settings-updated']))
		$_REQUEST['settings-updated'] = false;
	?>

	<div id="catchthemes" class="wrap">

    	<form method="post" action="options.php">
			<?php
                settings_fields( 'catchflames_options' );
                global $catchflames_options_settings;
                $options = $catchflames_options_settings;

				//Getting Units
				$units = array( 'px', 'pt', 'em', '%' );
            ?>

            <?php if (false !== $_REQUEST['settings-updated']) : ?>
            	<div class="updated fade"><p><strong><?php _e('Options Saved', 'catch-flames'); ?></strong></p></div>
            <?php endif; ?>

			<div id="theme-option-header">
                <div id="theme-option-title">
                    <h2 class="title"><?php _e( 'Theme Options By', 'catch-flames' ); ?></h2>
                    <h2 class="logo">
                        <a href="<?php echo esc_url( __( 'http://catchthemes.com/', 'catch-flames' ) ); ?>" title="<?php esc_attr_e( 'Catch Themes', 'catch-flames' ); ?>" target="_blank">
                            <img src="<?php echo get_template_directory_uri().'/inc/panel/images/catch-themes.png'; ?>" alt="<?php _e( 'Catch Themes', 'catch-flames' ); ?>" />
                        </a>
                    </h2>
                </div><!-- #theme-option-title -->

                <div id="theme-support">
                    <ul>
                        <li><a class="button" href="<?php echo esc_url(__('http://catchthemes.com/support-forum/forum/catch-flames-pro-premium/','catch-flames')); ?>" title="<?php esc_attr_e('Support Forum', 'catch-flames'); ?>" target="_blank"><?php printf(__('Support Forum','catch-flames')); ?></a></li>
                        <li><a class="button" href="<?php echo esc_url(__('http://catchthemes.com/theme-instructions/catch-flames-pro/','catch-flames')); ?>" title="<?php esc_attr_e('Theme Instruction', 'catch-flames'); ?>" target="_blank"><?php printf(__('Theme Instruction','catch-flames')); ?></a></li>
                        <li><a class="button" href="<?php echo esc_url(__('https://www.facebook.com/catchthemes/','catch-flames')); ?>" title="<?php esc_attr_e('Like Catch Themes on Facebook', 'catch-flames'); ?>" target="_blank"><?php printf(__('Facebook','catch-flames')); ?></a></li>
                        <li><a class="button" href="<?php echo esc_url(__('https://twitter.com/catchthemes/','catch-flames')); ?>" title="<?php esc_attr_e('Follow Catch Themes on Twitter', 'catch-flames'); ?>" target="_blank"><?php printf(__('Twitter','catch-flames')); ?></a></li>
                        <li><a class="button" href="<?php echo esc_url( __( 'https://plus.google.com/+Catchthemes','catch-flames' ) ); ?>" title="<?php esc_attr_e( 'Follow Catch Themes on Google+', 'catch-flames' ); ?>" target="_blank"><?php printf( __( 'Google+','catch-flames' ) ); ?></a></li>
                   	</ul>
                </div><!-- #theme-support -->

                <div id="theme-option-header-notice">
                    <p class="notice">
                        <?php printf( _x( 'Theme Options Panel will be retired on future versions. Please use %1$s Customizer %2$s instead.','1: Customizer Link Start, 2: Customizer Link End' , 'catch-flames' ) , '<a href="' . esc_url ( admin_url( 'customize.php' ) ) . '">', '</a>' ); ?>
                    </p>
                </div><!-- #theme-option-header -->

          	</div><!-- #theme-option-header -->


            <div id="catchflames_ad_tabs">
                <ul class="tabNavigation" id="mainNav">
                    <li><a href="#themeoptions"><?php _e( 'Theme Options', 'catch-flames' );?></a></li>
                    <li><a href="#color-options"><?php _e( 'Color Options', 'catch-flames' );?></a></li>
                    <li><a href="#slidersettings"><?php _e( 'Featured Slider', 'catch-flames' );?></a></li>
                    <li><a href="#sociallinks"><?php _e( 'Social Links', 'catch-flames' );?></a></li>
                    <li><a href="#webmaster"><?php _e( 'Webmaster Tools', 'catch-flames' );?></a></li>
                </ul><!-- .tabsNavigation #mainNav -->

                <!-- Option for Theme Options -->
                <div id="themeoptions">

                	<div id="responsive-design" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Responsive Design', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                       		<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Disable Responsive Design?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[disable_responsive]'>
                                    <input type="checkbox" id="headerlogo" name="catchflames_options[disable_responsive]" value="1" <?php checked( '1', $options['disable_responsive'] ); ?> /> <?php _e('Check to disable', 'catch-flames'); ?>
                                </div>
                          	</div><!-- .row -->
                            <div class="row">
                      			<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- .option-container -->

                    <div id="fav-icons" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Favicon', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                       		<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Disable Favicon?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[remove_favicon]'>
                                  	<input type="checkbox" id="favicon" name="catchflames_options[remove_favicon]" value="1" <?php checked( '1', $options['remove_favicon'] ); ?> /> <?php _e('Check to disable', 'catch-flames'); ?>
                               	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Fav Icon URL:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<?php if ( !empty ( $options[ 'fav_icon' ] ) ) { ?>
                               			<input class="upload-url" size="65" type="text" name="catchflames_options[fav_icon]" value="<?php echo esc_url( $options [ 'fav_icon' ] ); ?>" class="upload" />
									<?php } else { ?>
                                        <input size="65" type="text" name="catchflames_options[fav_icon]" value="<?php echo get_template_directory_uri(); ?>/images/favicon.ico" alt="fav" />
                                    <?php }  ?>
                                   <input ref="<?php esc_attr_e( 'Insert as Favicon','catch-flames' );?>" class="catchflames_upload_image button" name="wsl-image-add" type="button" value="<?php esc_attr_e( 'Change Favicon','catch-flames' );?>" />
                            	</div>
                         	</div><!-- .row -->
                       		<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Preview', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<?php
                                        if ( !empty( $options[ 'fav_icon' ] ) ) {
                                            echo '<img src="'.esc_url( $options[ 'fav_icon' ] ).'" alt="fav" />';
                                        } else {
                                            echo '<img src="'. get_template_directory_uri().'/images/favicon.ico" alt="fav" />';
                                        }
                                    ?>
                               </div>
                            </div><!-- .row -->
                            <div class="row">
                      			<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- .option-container -->

                    <div id="webclip-icon" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Web Clip Icon Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                       		<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Disable Web Clip Icon?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type='hidden' value='0' name='catchflames_options[remove_web_clip]'>
                                    <input type="checkbox" id="favicon" name="catchflames_options[remove_web_clip]" value="1" <?php checked( '1', $options['remove_web_clip'] ); ?> /> <?php _e('Check to disable', 'catch-flames'); ?>
                               	</div>
                           	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Web Clip Icon URL:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<?php if ( !empty ( $options[ 'web_clip' ] ) ) { ?>
                                        <input class="upload-url" size="65" type="text" name="catchflames_options[web_clip]" value="<?php echo esc_url( $options [ 'web_clip' ] ); ?>" class="upload" />
                                    <?php } else { ?>
                                        <input size="65" type="text" name="catchflames_options[web_clip]" value="<?php echo get_template_directory_uri(); ?>/images/apple-touch-icon.png" alt="fav" />
                                    <?php }  ?>
                                    <input ref="<?php esc_attr_e( 'Insert as Web Clip Icon','catch-flames' );?>" class="catchflames_upload_image button" name="wsl-image-add" type="button" value="<?php esc_attr_e( 'Change Web Clip Icon','catch-flames' );?>" />
                             	</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Preview', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<?php
                                        if ( !empty( $options[ 'web_clip' ] ) ) {
                                            echo '<img src="'.esc_url( $options[ 'web_clip' ] ).'" alt="Web Clip Icon" />';
                                        } else {
                                            echo '<img src="'. get_template_directory_uri().'/images/apple-touch-icon.png" alt="Web Clip Icon" />';
                                        }
                                    ?>
                            	</div>
                         	</div><!-- .row -->
                            <div class="row">
                             	<?php esc_attr_e( 'Note: Web Clip Icon for Apple devices. Recommended Size - Width 144px and Height 144px height, which will support High Resolution Devices like iPad Retina.', 'catch-flames' ); ?>
                           	</div><!-- .row -->
                            <div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- .option-container -->

               		<div id="fixed-header-top-options" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Fixed Header Top Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                      		<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Enable Fixed Header Top?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[enable_header_top]'>
                                  	<input type="checkbox" id="enable-header-top" name="catchflames_options[enable_header_top]" value="1" <?php checked( '1', $options['enable_header_top'] ); ?> /> <?php _e('Check to enable', 'catch-flames'); ?>
                           		</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Disable Logo in Fixed Header Top?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[disable_top_menu_logo]'>
                                   	<input type="checkbox" id="disable-fixed-logo" name="catchflames_options[disable_top_menu_logo]" value="1" <?php checked( '1', $options['disable_top_menu_logo'] ); ?> /> <?php _e('Check to disable', 'catch-flames'); ?>
                           		</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Logo in Fixed Header Top:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<?php  if ( !empty ( $options[ 'top_menu_logo' ] ) ) { ?>
                                    	<input  class="upload-url" size="65" type="text" name="catchflames_options[top_menu_logo]" value="<?php echo esc_url ( $options [ 'top_menu_logo' ]); ?>" class="upload" />
                                    <?php } else { ?>
                                     	<input class="upload-url" size="65" type="text" name="catchflames_options[top_menu_logo]" value="<?php echo get_template_directory_uri(); ?>/images/fixed-logo.png" alt="logo" />
                                    <?php }  ?>
                                  	<input ref="<?php esc_attr_e( 'Insert as Header Logo','catch-flames' );?>" class="catchflames_upload_image button" name="wsl-image-add" type="button" value="<?php esc_attr_e( 'Change Header Logo','catch-flames' );?>" />
                           		</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Fixed Header Top Menu', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	 <?php _e( 'You need to create custom menu and then assign menu location as Featured Header Top Menu. For more go to Menu Option Below', 'catch-flames' ); ?>
                           		</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Disable Social?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	 <input type='hidden' value='0' name='catchflames_options[disable_social]'>
                                      <input type="checkbox" id="disable-social" name="catchflames_options[disable_social]" value="1" <?php checked( '1', $options['disable_social'] ); ?> /> <?php _e('Check to disable', 'catch-flames'); ?>
                           		</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Disable Search?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	 <input type='hidden' value='0' name='catchflames_options[disable_search]'>
                                    	<input type="checkbox" id="disable-search" name="catchflames_options[disable_search]" value="1" <?php checked( '1', $options['disable_search'] ); ?> /> <?php _e('Check to disable', 'catch-flames'); ?>
                           		</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- .option-container -->

       				<div id="header-options" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Header Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                      		<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Disable Header?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[disable_header]'>
                                  	<input type="checkbox" id="disable-header" name="catchflames_options[disable_header]" value="1" <?php checked( '1', $options['disable_header'] ); ?> /> <?php _e('Check to disable', 'catch-flames'); ?>
                           		</div>
                         	</div><!-- .row -->
                    		<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Disable Header Content?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[disable_header_content]'>
                                  	<input type="checkbox" id="disable-header-content" name="catchflames_options[disable_header_content]" value="1" <?php checked( '1', $options['disable_header_content'] ); ?> /> <?php _e('Check to disable', 'catch-flames'); ?>
                           		</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Custom Header Image', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<?php _e( 'Custom Header Image can be managed from Header Featured Image Options', 'catch-flames' ); ?>
                           		</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Disable Header Logo?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[remove_header_logo]'>
                                   	<input type="checkbox" id="headerlogo" name="catchflames_options[remove_header_logo]" value="1" <?php checked( '1', $options['remove_header_logo'] ); ?> /> <?php _e('Check to disable', 'catch-flames'); ?>
                           		</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Logo url:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<?php  if ( !empty ( $options[ 'featured_logo_header' ] ) ) { ?>
                                    	<input  class="upload-url" size="65" type="text" name="catchflames_options[featured_logo_header]" value="<?php echo esc_url ( $options [ 'featured_logo_header' ]); ?>" class="upload" />
                                     <?php } else { ?>
                                     	<input class="upload-url" size="65" type="text" name="catchflames_options[featured_logo_header]" value="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="logo" />
                                     <?php }  ?>
                                    <input ref="<?php esc_attr_e( 'Insert as Logo','catch-flames' );?>" class="catchflames_upload_image button" name="wsl-image-add" type="button" value="<?php esc_attr_e( 'Change Logo','catch-flames' );?>" />
                           		</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Preview:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<?php
                                    if ( !empty( $options[ 'featured_logo_header' ] ) ) {
                                    	echo '<img src="'.esc_url( $options[ 'featured_logo_header' ] ).'" alt=""/>';
                                    } else {
                                    	echo '<img src="'. get_template_directory_uri().'/images/logo.png" alt="" />';
                                    } ?>
                           		</div>
                         	</div><!-- .row -->
                    		<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Disable Site Title?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[remove_site_title]'>
                                  	<input type="checkbox" id="headerlogo" name="catchflames_options[remove_site_title]" value="1" <?php checked( '1', $options['remove_site_title'] ); ?> /> <?php _e('Check to disable', 'catch-flames'); ?>
                           		</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Disable Site Description (Tagline)?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[remove_site_description]'>
                               		<input type="checkbox" id="headerlogo" name="catchflames_options[remove_site_description]" value="1" <?php checked( '1', $options['remove_site_description'] ); ?> /> <?php _e('Check to disable', 'catch-flames'); ?>
                           		</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Move Site Title and Tagline?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[site_title_above]'>
                                  	<input type="checkbox" id="site-title" name="catchflames_options[site_title_above]" value="1" <?php checked( '1', $options['site_title_above'] ); ?> /> <?php _e('Check to move before the Logo', 'catch-flames'); ?>
                           		</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Separate Logo and Site Details?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[seperate_logo]'>
                                	<input type="checkbox" id="site-title" name="catchflames_options[seperate_logo]" value="1" <?php checked( '1', $options['seperate_logo'] ); ?> /> <?php _e('Check to move down', 'catch-flames'); ?>
                           		</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Header Top Margin', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input name="catchflames_options[header_top_size]" type="text" value="<?php echo $options[ 'header_top_size' ]; ?>" size="4" />
                                    <select name="catchflames_options[header_top_size_unit]">
                                        <?php foreach( $units as $unit ) : ?>
                                            <option value="<?php echo $unit; ?>" <?php selected( $unit, $options[ 'header_top_size_unit' ] ); ?>><?php echo $unit; ?></option>
                                        <?php endforeach; ?>
                                    </select>
                           		</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Header Bottom Margin', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input name="catchflames_options[header_bottom_size]" type="text" value="<?php echo $options[ 'header_bottom_size' ]; ?>" size="4" />
                                    <select name="catchflames_options[header_bottom_size_unit]">
                                        <?php foreach( $units as $unit ) : ?>
                                            <option value="<?php echo $unit; ?>" <?php selected( $unit, $options[ 'header_bottom_size_unit' ] ); ?>><?php echo $unit; ?></option>
                                        <?php endforeach; ?>
                                    </select>
                           		</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php if( $options['reset_header_space'] == '1' ) { $options['reset_header_space'] = '0'; } ?>
                                	<?php _e( 'Reset Header Margin?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                 	<input type='hidden' value='0' name='catchflames_options[reset_header_space]'>
                                  	<input type="checkbox" id="reset_family" name="catchflames_options[reset_header_space]" value="1" <?php checked( '1', $options['reset_header_space'] ); ?> /> <?php _e('Check to reset', 'catch-flames'); ?>
                              	</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- .option-container -->

                    <div id="header-right-options" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Header Right Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                        	<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Disable Search at Header Right Section?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[disable_header_right_search]'>
                                    <input type="checkbox" id="heaersearch" name="catchflames_options[disable_header_right_search]" value="1" <?php checked( '1', $options['disable_header_right_search'] ); ?> /> <?php _e('Check to Disable', 'catch-flames'); ?>
                           		</div>
                         	</div><!-- .row -->
                    		<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Disable Header Right Sidebar?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[disable_header_right_sidebar]'>
                                    <input type="checkbox" id="headersidebar" name="catchflames_options[disable_header_right_sidebar]" value="1" <?php checked( '1', $options['disable_header_right_sidebar'] ); ?> /> <?php _e('Check to Disable', 'catch-flames'); ?>
                           		</div>
                         	</div><!-- .row -->
                        	<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Header Right Sidebar', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<a class="button" href="<?php echo esc_url( admin_url( 'widgets.php' ) ) ; ?>" title="<?php esc_attr_e( 'Widgets', 'catch-flames' ); ?>"><?php _e( 'Click Here to Add/Replace Widgets', 'catch-flames' );?></a>
                           		</div>
                         	</div><!-- .row -->
                      	<div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
						</div><!-- .option-content -->
                 	</div><!-- .option-container -->

                  	<div id="header-featured-image" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Header Featured Image Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                      		<div class="row">
                            	<div class="col col-header">
                                	<?php _e( 'Enable Featured Header Image', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-options">
                                	<label title="enable-header-homepage">
                                        <input type="radio" name="catchflames_options[enable_featured_header_image]" id="enable-header-homepage" <?php checked($options['enable_featured_header_image'], 'excludehome'); ?> value="excludehome"  />
                                       <?php _e( 'Excluding Homepage', 'catch-flames' ); ?>
                                    </label>

                                    <label title="enable-header-homepage">
                                        <input type="radio" name="catchflames_options[enable_featured_header_image]" id="enable-header-homepage" <?php checked($options['enable_featured_header_image'], 'homepage'); ?> value="homepage"  />
                                        <?php _e( 'Homepage', 'catch-flames' ); ?>
                                    </label>

                                    <label title="enable-header-allpage">
                                        <input type="radio" name="catchflames_options[enable_featured_header_image]" id="enable-header-allpage" <?php checked($options['enable_featured_header_image'], 'allpage'); ?> value="allpage"  />
                                         <?php _e( 'Entire Site', 'catch-flames' ); ?>
                                    </label>

                                    <label title="enable-header-postpage">
                                        <input type="radio" name="catchflames_options[enable_featured_header_image]" id="enable-header-postpage" <?php checked($options['enable_featured_header_image'], 'postpage'); ?> value="postpage"  />
                                         <?php _e( 'Entire Site, Page/Post Featured Image', 'catch-flames' ); ?>
                                    </label>

                                    <label title="enable-header-pagespostes">
                                        <input type="radio" name="catchflames_options[enable_featured_header_image]" id="enable-header-pagespostes" <?php checked($options['enable_featured_header_image'], 'pagespostes'); ?> value="pagespostes"  />
                                         <?php _e( 'Pages & Posts', 'catch-flames' ); ?>
                                    </label>

                                    <label title="disable-header">
                                        <input type="radio" name="catchflames_options[enable_featured_header_image]" id="disable-header" <?php checked($options['enable_featured_header_image'], 'disable'); ?> value="disable" />
                                         <?php _e( 'Disable', 'catch-flames' ); ?>
                                    </label>
                           		</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-header">
                        			<?php _e( 'Page/Post Featured Image Size', 'catch-flames' ); ?>
                               	</div>
                                <div class="col col-options">
                                    <label title="featured-image">
                                        <input type="radio" name="catchflames_options[page_featured_image]" id="image-full" <?php checked($options['page_featured_image'], 'full'); ?> value="full"  />
                                        <?php _e( 'Full Image', 'catch-flames' ); ?>
                                    </label>

                                    <label title="featured-image">
                                    	<input type="radio" name="catchflames_options[page_featured_image]" id="content-image-slider" <?php checked($options['page_featured_image'], 'slider'); ?> value="slider"  />
                                    	<?php _e( 'Full Width Slider Image', 'catch-flames' ); ?>
                                    </label>

                                    <label title="featured-image">
                                    	<input type="radio" name="catchflames_options[page_featured_image]" id="image-featured" <?php checked($options['page_featured_image'], 'featured'); ?> value="featured"  />
                                    	<?php _e( 'Normal Width Slider Image', 'catch-flames' ); ?>
                                    </label>
                             	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-header">
                                	<?php _e( 'Featured Header Image Position', 'catch-flames' ); ?>
                               	</div>
                                <div class="col col-options">
                                	<label title="before-menu">
                                    	<input type="radio" name="catchflames_options[featured_header_image_position]" id="before-menu" <?php checked($options['featured_header_image_position'], 'before-menu'); ?> value="before-menu"  />
                                    	<?php _e( 'Before Menu', 'catch-flames' ); ?>
                                    </label>

                                    <label title="after-menu">
                                    	<input type="radio" name="catchflames_options[featured_header_image_position]" id="after-menu" <?php checked($options['featured_header_image_position'], 'after-menu'); ?> value="after-menu"  />
                                    	<?php _e( 'After Menu', 'catch-flames' ); ?>
                                    </label>

                                    <label title="before-header">
                                    	<input type="radio" name="catchflames_options[featured_header_image_position]" id="before-header" <?php checked($options['featured_header_image_position'], 'before-header'); ?> value="before-header"  />
                                    	<?php _e( 'Before Header', 'catch-flames' ); ?>
                                    </label>

                                    <label title="after-sidebartop">
                                    	<input type="radio" name="catchflames_options[featured_header_image_position]" id="after-sidebartop" <?php checked($options['featured_header_image_position'], 'after-sidebartop'); ?> value="after-sidebartop"  />
                                    	<?php _e( 'After Top Sidebar', 'catch-flames' ); ?>
                                    </label>
                                    </div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Header Image:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<?php
                                    $header_image = get_header_image();
                                    if ( !empty ( $header_image ) ) {
                                    	echo '<a class="button" href="' . admin_url('themes.php?page=custom-header') . '" title="' .esc_attr__( 'Click here to change header image', 'catch-flames' ). '">' . __( 'Click here to change Header Image', 'catch-flames' ) . '</a>';
                                    } else {
                                   		echo '<a class="button" href="' . admin_url('themes.php?page=custom-header') . '" title="' .esc_attr__( 'Click here to change header image', 'catch-flames' ). '">' . __( 'Click here to add Header Image', 'catch-flames' ) . '</a>';
									} ?>
                             	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Preview', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<?php
                                    if ( !empty( $header_image ) ) {
                                   		echo '<img src="'.esc_url( $header_image ).'" alt=""  style="width: 90%; height:auto" />';
                                    } else {
                                    	_e( 'There is no Header Image', 'catch-flames' );
                                    } ?>
                             	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Featured Header Image Alt/Title Tag', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                              		<input type="text" size="65" name="catchflames_options[featured_header_image_alt]" value="<?php echo esc_attr( $options [ 'featured_header_image_alt' ] ); ?>" />
                               	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Featured Header Image Link URL', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                  	<input type="text" size="65" name="catchflames_options[featured_header_image_url]" value="<?php echo esc_url( $options [ 'featured_header_image_url' ] ); ?>" />
                             	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Target. Open Link in New Window?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type="hidden" value="0" name="catchflames_options[featured_header_image_base]">
                                   	<input type="checkbox" id="header-image-base" name="catchflames_options[featured_header_image_base]" value="1" <?php checked( '1', $options['featured_header_image_base'] ); ?> /> <?php _e('Check to open in new window', 'catch-flames'); ?>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php if( $options[ 'reset_header_image' ] == "1" ) { $options[ 'reset_header_image' ] = "0"; } ?>
                                	<?php _e( 'Reset Header Featured Image Options?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[reset_header_image]'>
                                    <input type="checkbox" id="reset_header_image" name="catchflames_options[reset_header_image]" value="1" <?php checked( '1', $options['reset_header_image'] ); ?> /> <?php _e('Check to reset', 'catch-flames'); ?>
                              </div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
						</div><!-- .option-content -->
                 	</div><!-- .option-container -->

                    <div id="header-options" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Menu Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                      		<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Menu Tutorial', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<a class="button" href="<?php echo esc_url( __( 'http://catchthemes.com/blog/custom-menus-wordpress-themes/','catch-flames' ) ); ?>" title="<?php esc_attr_e( 'Menu Tutorial', 'catch-flames' ); ?>" target="_blank"><?php _e( 'Click Here to Read Menu Tutorial', 'catch-flames' );?></a>
                           		</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Custom Menus', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<a class="button" href="<?php echo admin_url('nav-menus.php'); ?>" title="<?php esc_attr_e( 'Click to Create Custom Menus', 'catch-flames' ); ?>"><?php _e( 'Click Here to Create Menu', 'catch-flames' );?></a>
                           		</div>
                         	</div><!-- .row -->
                           	<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Assign Locations', 'catch-flames' ); ?>
                                     <small><?php _e( 'Note: You can assign your custom menu to Fixed Header Top Menu, Header Right Sidebar Menu, Primary Menu, Secondary Menu and Footer Menu Locations. This will replace the WordPress default page menu', 'catch-flames' ); ?></small>
                                </div>
                                <div class="col col-2">
                                	<a class="button" href="<?php echo admin_url('nav-menus.php?action=locations'); ?>" title="<?php esc_attr_e( 'Click to Manage Menu Locations', 'catch-flames' ); ?>"><?php _e( 'Click to Manage Menu Locations', 'catch-flames' );?></a>
                           		</div>
                         	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Disable Default Page Menu?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[disable_header_menu]'>
                                   	<input type="checkbox" id="disable_header_menu" name="catchflames_options[disable_header_menu]" value="1" <?php checked( '1', $options['disable_header_menu'] ); ?> /> <?php _e('Check to disable', 'catch-flames'); ?>
                           		</div>
                         	</div><!-- .row -->
                            <div class="row">
                                    <input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                           	</div><!-- .row -->
                       	</div><!-- .option-content -->
                  	</div><!-- .option-container -->

                    <div id="search-settings" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Search Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                        	<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Default Display Text in Search', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type="text" size="45" name="catchflames_options[search_display_text]" value="<?php echo ( isset( $options[ 'search_display_text' ] ) ) ? esc_attr( $options[ 'search_display_text' ] ) : 'Search'; ?>" />
                             	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- .option-container -->

					<?php
                    /**
                      * Renders the Font Family Option.
                      *
                      * @since Catch Flames Pro 1.0
                      */

					  //Getting Font Available
					  $fonts = catchflames_available_fonts();

                    ?>
                    <div id="font-family-options" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Font Family Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                       		<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Default Font Family', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <select name="catchflames_options[body_font]">
                                    	<?php foreach( $fonts as $name => $family ) : ?>
                                    		<option value="<?php echo $name; ?>" <?php selected( $name, $options[ 'body_font' ] ); ?>><?php echo str_replace( '"', '', $family ); ?></option>
                                   		<?php endforeach; ?>
                                    </select>
                               	</div>
                          	</div><!-- .row -->
                       		<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Site Title & Description Font Family', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<select name="catchflames_options[title_font]">
										<?php foreach( $fonts as $name => $family ) : ?>
                                            <option value="<?php echo $name; ?>" <?php selected( $name, $options[ 'title_font' ] ); ?>><?php echo str_replace( '"', '', $family ); ?></option>
                                        <?php endforeach; ?>
                                    </select>
                               	</div>
                          	</div><!-- .row -->
                       		<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Headings Font Family', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                               		<select name="catchflames_options[headings_font]">
										<?php foreach( $fonts as $name => $family ) : ?>
                                            <option value="<?php echo $name; ?>" <?php selected( $name, $options[ 'headings_font' ] ); ?>><?php echo str_replace( '"', '', $family ); ?></option>
                                        <?php endforeach; ?>
                                    </select>
                              	</div>
                          	</div><!-- .row -->
                       		<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Content Font Family', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<select name="catchflames_options[content_font]">
										<?php foreach( $fonts as $name => $family ) : ?>
                                            <option value="<?php echo $name; ?>" <?php selected( $name, $options[ 'content_font' ] ); ?>><?php echo str_replace( '"', '', $family ); ?></option>
                                        <?php endforeach; ?>
                                    </select>
                             	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php if( $options[ 'reset_typography' ] == "1" ) { $options[ 'reset_typography' ] = "0"; } ?>
                                	<?php _e( 'Reset Fonts?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[reset_typography]'>
                                  	<input type="checkbox" id="reset_family" name="catchflames_options[reset_typography]" value="1" <?php checked( '1', $options['reset_typography'] ); ?> /> <?php _e('Check to reset', 'catch-flames'); ?>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                    	</div><!-- .option-content -->
                 	</div><!-- .option-container -->


					<?php
                    /**
                      * Renders the Font Size Option.
                      *
                      * @since Catch Flames Pro 1.0
                      */

                    ?>
                    <div id="font-size-options" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Font Size Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                       		<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Default Font Size', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                        			<input name="catchflames_options[body_font_size]" type="text" value="<?php echo $options[ 'body_font_size' ]; ?>" size="4" />
                                    <select name="catchflames_options[body_font_size_unit]">
                                        <?php foreach( $units as $unit ) : ?>
                                            <option value="<?php echo $unit; ?>" <?php selected( $unit, $options[ 'body_font_size_unit' ] ); ?>><?php echo $unit; ?></option>
                                        <?php endforeach; ?>
                                    </select>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Default Line Height', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                        			<input name="catchflames_options[body_line_height]" type="text" value="<?php echo $options[ 'body_line_height' ]; ?>" size="4" />
                                    <select name="catchflames_options[body_line_height_unit]">
                                        <?php foreach( $units as $unit ) : ?>
                                            <option value="<?php echo $unit; ?>" <?php selected( $unit, $options[ 'body_line_height_unit' ] ); ?>><?php echo $unit; ?></option>
                                        <?php endforeach; ?>
                                    </select>
                              	</div>
                          	</div><!-- .row -->
                           	<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Site Title Font Size', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                        			<input name="catchflames_options[site_title_font_size]" type="text" value="<?php echo $options[ 'site_title_font_size' ]; ?>" size="4" />
                                    <select name="catchflames_options[site_title_font_size_unit]">
                                        <?php foreach( $units as $unit ) : ?>
                                            <option value="<?php echo $unit; ?>" <?php selected( $unit, $options[ 'site_title_font_size_unit' ] ); ?>><?php echo $unit; ?></option>
                                        <?php endforeach; ?>
                                    </select>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	 <?php _e( 'Site Title Line Height', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                        			<input name="catchflames_options[site_title_line_height]" type="text" value="<?php echo $options[ 'site_title_line_height' ]; ?>" size="4" />
                                    <select name="catchflames_options[site_title_line_height_unit]">
                                        <?php foreach( $units as $unit ) : ?>
                                            <option value="<?php echo $unit; ?>" <?php selected( $unit, $options[ 'site_title_line_height_unit' ] ); ?>><?php echo $unit; ?></option>
                                        <?php endforeach; ?>
                                    </select>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	 <?php _e( 'Site Description Font Size', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                        			<input name="catchflames_options[site_description_font_size]" type="text" value="<?php echo $options[ 'site_description_font_size' ]; ?>" size="4" />								<select name="catchflames_options[site_description_font_size_unit]">
										<?php foreach( $units as $unit ) : ?>
                                            <option value="<?php echo $unit; ?>" <?php selected( $unit, $options[ 'site_description_font_size_unit' ] ); ?>><?php echo $unit; ?></option>
										<?php endforeach; ?>
                                    </select>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	 <?php _e( 'Site Description Line Height', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                        			<input name="catchflames_options[site_description_line_height]" type="text" value="<?php echo $options[ 'site_description_line_height' ]; ?>" size="4" />
                                    <select name="catchflames_options[site_description_line_height_unit]">
                                        <?php foreach( $units as $unit ) : ?>
                                            <option value="<?php echo $unit; ?>" <?php selected( $unit, $options[ 'site_description_line_height_unit' ] ); ?>><?php echo $unit; ?></option>
                                        <?php endforeach; ?>
                                    </select>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	  <?php _e( 'H1 Font Size', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                        			<input name="catchflames_options[h1_font_size]" type="text" value="<?php echo $options[ 'h1_font_size' ]; ?>" size="4" />
                                    <select name="catchflames_options[h1_font_size_unit]">
                                        <?php foreach( $units as $unit ) : ?>
                                            <option value="<?php echo $unit; ?>" <?php selected( $unit, $options[ 'h1_font_size_unit' ] ); ?>><?php echo $unit; ?></option>
                                        <?php endforeach; ?>
                                    </select>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	  <?php _e( 'H2 Font Size', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                        			<input name="catchflames_options[h2_font_size]" type="text" value="<?php echo $options[ 'h2_font_size' ]; ?>" size="4" />
                                    <select name="catchflames_options[h2_font_size_unit]">
                                        <?php foreach( $units as $unit ) : ?>
                                            <option value="<?php echo $unit; ?>" <?php selected( $unit, $options[ 'h2_font_size_unit' ] ); ?>><?php echo $unit; ?></option>
                                        <?php endforeach; ?>
                                    </select>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	  <?php _e( 'H3 Font Size', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                        			<input name="catchflames_options[h3_font_size]" type="text" value="<?php echo $options[ 'h3_font_size' ]; ?>" size="4" />
                                    <select name="catchflames_options[h3_font_size_unit]">
                                        <?php foreach( $units as $unit ) : ?>
                                            <option value="<?php echo $unit; ?>" <?php selected( $unit, $options[ 'h3_font_size_unit' ] ); ?>><?php echo $unit; ?></option>
                                        <?php endforeach; ?>
                                    </select>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	  <?php _e( 'H4 Font Size', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                        			<input name="catchflames_options[h4_font_size]" type="text" value="<?php echo $options[ 'h4_font_size' ]; ?>" size="4" />
                                    <select name="catchflames_options[h4_font_size_unit]">
                                        <?php foreach( $units as $unit ) : ?>
                                            <option value="<?php echo $unit; ?>" <?php selected( $unit, $options[ 'h4_font_size_unit' ] ); ?>><?php echo $unit; ?></option>
                                        <?php endforeach; ?>
                                    </select>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                               		<?php _e( 'Headings Line Height', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                        			<input name="catchflames_options[headings_line_height]" type="text" value="<?php echo $options[ 'headings_line_height' ]; ?>" size="4" />
                                    <select name="catchflames_options[headings_line_height_unit]">
                                        <?php foreach( $units as $unit ) : ?>
                                            <option value="<?php echo $unit; ?>" <?php selected( $unit, $options[ 'headings_line_height_unit' ] ); ?>><?php echo $unit; ?></option>
                                        <?php endforeach; ?>
                                    </select>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                              		<?php _e( 'Content Font Size', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                        			<input name="catchflames_options[content_font_size]" type="text" value="<?php echo $options[ 'content_font_size' ]; ?>" size="4" />
                                    <select name="catchflames_options[content_font_size_unit]">
                                        <?php foreach( $units as $unit ) : ?>
                                            <option value="<?php echo $unit; ?>" <?php selected( $unit, $options[ 'content_font_size_unit' ] ); ?>><?php echo $unit; ?></option>
                                        <?php endforeach; ?>
                                    </select>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                              		<?php _e( 'Content Line Height', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                        			<input name="catchflames_options[content_line_height]" type="text" value="<?php echo $options[ 'content_line_height' ]; ?>" size="4" />
                                    <select name="catchflames_options[content_line_height_unit]">
                                        <?php foreach( $units as $unit ) : ?>
                                            <option value="<?php echo $unit; ?>" <?php selected( $unit, $options[ 'content_line_height_unit' ] ); ?>><?php echo $unit; ?></option>
                                        <?php endforeach; ?>
                                    </select>
                              	</div>
                          	</div><!-- .row -->
                          	<div class="row">
                            	<div class="col col-1">
                                	<?php if( $options[ 'reset_font_size' ] == "1" ) { $options[ 'reset_font_size' ] = "0"; } ?>
                                	<?php _e( 'Reset Font Size?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[reset_font_size]'>
                                  	<input type="checkbox" id="reset_family" name="catchflames_options[reset_font_size]" value="1" <?php checked( '1', $options['reset_font_size'] ); ?> /> <?php _e('Check to reset', 'catch-flames'); ?>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- .option-container -->

                    <div id="layout-options" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Layout Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                       		<div class="row">
                            	<div class="col col-header">
                        			<?php _e( 'Default Layout Options', 'catch-flames' ); ?>
                               	</div>
                                <div class="col col-options">
                              		<label title="three-columns" class="box first"><img src="<?php echo get_template_directory_uri(); ?>/inc/panel/images/three-columns.png" alt="Three Columns" /><br />
                                		<input type="radio" name="catchflames_options[sidebar_layout]" id="three-columns" <?php checked($options['sidebar_layout'], 'three-columns') ?> value="three-columns"  />
                                		<?php _e( 'Three Columns (Style 1)', 'catch-flames' ); ?>
                                	</label>

                                	<label title="three-columns-sidebar" class="box"><img src="<?php echo get_template_directory_uri(); ?>/inc/panel/images/three-columns-sidebar.png" alt="Three Columns Sidebar" /><br />
                                		<input type="radio" name="catchflames_options[sidebar_layout]" id="three-columns-sidebar" <?php checked($options['sidebar_layout'], 'three-columns-sidebar') ?> value="three-columns-sidebar"  />
                                		<?php _e( 'Three Columns (Style 2)', 'catch-flames' ); ?>
                                	</label>

                                    <label title="three-columns-equal" class="box"><img src="<?php echo get_template_directory_uri(); ?>/inc/panel/images/three-columns-equal.png" alt="Three Columns Equal" /><br />
                                    	<input type="radio" name="catchflames_options[sidebar_layout]" id="three-columns-equal" <?php checked($options['sidebar_layout'], 'three-columns-equal') ?> value="three-columns-equal"  />
                                    	<?php _e( 'Three Columns (Style 3)', 'catch-flames' ); ?>
                                    </label>

                                    <label title="right-sidebar" class="box"><img src="<?php echo get_template_directory_uri(); ?>/inc/panel/images/right-sidebar.png" alt="Content-Sidebar" /><br />
                                    	<input type="radio" name="catchflames_options[sidebar_layout]" id="right-sidebar" <?php checked($options['sidebar_layout'], 'right-sidebar') ?> value="right-sidebar"  />
                                    	<?php _e( 'Right Sidebar', 'catch-flames' ); ?>
                                    </label>

                                    <label title="left-Sidebar" class="box"><img src="<?php echo get_template_directory_uri(); ?>/inc/panel/images/left-sidebar.png" alt="Content-Sidebar" /><br />
                                    	<input type="radio" name="catchflames_options[sidebar_layout]" id="left-sidebar" <?php checked($options['sidebar_layout'], 'left-sidebar') ?> value="left-sidebar"  />
                                    	<?php _e( 'Left Sidebar', 'catch-flames' ); ?>
                                    </label>

                                    <label title="no-sidebar" class="box"><img src="<?php echo get_template_directory_uri(); ?>/inc/panel/images/one-column.png" alt="Content-Sidebar" /><br />
                                   		<input type="radio" name="catchflames_options[sidebar_layout]" id="no-sidebar-one-column" <?php checked($options['sidebar_layout'], 'no-sidebar-one-column') ?> value="no-sidebar-one-column"  />
                                    	<?php _e( 'No Sidebar, One Column', 'catch-flames' ); ?>
                                    </label>

                                    <label title="no-sidebar" class="box"><img src="<?php echo get_template_directory_uri(); ?>/inc/panel/images/no-sidebar-fullwidth.png" alt="Content-Sidebar" /><br />
                                    	<input type="radio" name="catchflames_options[sidebar_layout]" id="no-sidebar-full-width" <?php checked($options['sidebar_layout'], 'no-sidebar-full-width') ?> value="no-sidebar-full-width"  />
                                    	<?php _e( 'No Sidebar, Full Width', 'catch-flames' ); ?>
                                    </label>

                                    <label title="no-sidebar" class="box"><img src="<?php echo get_template_directory_uri(); ?>/inc/panel/images/no-sidebar.png" alt="Content-Sidebar" /><br />
                                   		<input type="radio" name="catchflames_options[sidebar_layout]" id="no-sidebar" <?php checked($options['sidebar_layout'], 'no-sidebar') ?> value="no-sidebar"  />
                                    	<?php _e( 'No Sidebar', 'catch-flames' ); ?>
                                    </label>
                        		</div>
                            </div><!-- .row -->
                         	<div class="row">
                            	<div class="col col-header">
                        			<?php _e( 'Archive Content Layout', 'catch-flames' ); ?>
                               	</div>
                                <div class="col col-options">
									<label title="content-excerpt" class="box first"><img src="<?php echo get_template_directory_uri(); ?>/inc/panel/images/excerpt-blog.jpg" alt="Excerpt/Blog Display" /><br />
                                		<input type="radio" name="catchflames_options[content_layout]" id="content-excerpt" <?php checked($options['content_layout'], 'excerpt-border') ?> value="excerpt-border"  />
                                		<?php _e( 'Excerpt/Blog Display (Style 1 - Featured Image Size )', 'catch-flames' ); ?>
                                	</label>

                                    <label title="content-excerpt" class="box"><img src="<?php echo get_template_directory_uri(); ?>/inc/panel/images/excerpt-blog-2.jpg" alt="Excerpt/Blog Display" /><br />
                                		<input type="radio" name="catchflames_options[content_layout]" id="content-excerpt" <?php checked($options['content_layout'], 'excerpt') ?> value="excerpt"  />
                                		<?php _e( 'Excerpt/Blog Display (Style 2 - Featured Image Size )', 'catch-flames' ); ?>
                                	</label>

                                    <label title="content-excerpt-full" class="box"><img src="<?php echo get_template_directory_uri(); ?>/inc/panel/images/excerpt-blog-2.jpg" alt="Excerpt/Blog Display" /><br />
                                    	<input type="radio" name="catchflames_options[content_layout]" id="content-excerpt-full" <?php checked($options['content_layout'], 'excerpt-full') ?> value="excerpt-full"  />
                                    <?php _e( 'Excerpt/Blog Display ( Full Image Size )', 'catch-flames' ); ?>
                                    </label>

                                    <label title="content-excerpt-small" class="box"><img src="<?php echo get_template_directory_uri(); ?>/inc/panel/images/excerpt-small.jpg" alt="Excerpt/Blog Display" /><br />
                                    	<input type="radio" name="catchflames_options[content_layout]" id="content-excerpt-small" <?php checked($options['content_layout'], 'excerpt-small') ?> value="excerpt-small"  />
                                    <?php _e( 'Excerpt/Blog Display ( Featured Image Small )', 'catch-flames' ); ?>
                                    </label>

                                    <label title="content-excerpt-square" class="box"><img src="<?php echo get_template_directory_uri(); ?>/inc/panel/images/excerpt-square.jpg" alt="Excerpt/Blog Display" /><br />
                                    	<input type="radio" name="catchflames_options[content_layout]" id="content-excerpt-square" <?php checked($options['content_layout'], 'excerpt-square') ?> value="excerpt-square"  />
                                    <?php _e( 'Excerpt/Blog Display ( Featured Image Square )', 'catch-flames' ); ?>
                                    </label>

                                    <label title="content-excerpt-tall" class="box"><img src="<?php echo get_template_directory_uri(); ?>/inc/panel/images/excerpt-tall.jpg" alt="Excerpt/Blog Display" /><br />
                                    	<input type="radio" name="catchflames_options[content_layout]" id="content-excerpt-tall" <?php checked($options['content_layout'], 'excerpt-tall') ?> value="excerpt-tall"  />
                                    <?php _e( 'Excerpt/Blog Display ( Featured Image Tall )', 'catch-flames' ); ?>
                                    </label>


                                    <label title="content-full" class="box"><img src="<?php echo get_template_directory_uri(); ?>/inc/panel/images/full-content.jpg" alt="Full Content Display" /><br />
                                    	<input type="radio" name="catchflames_options[content_layout]" id="content-full" <?php checked($options['content_layout'], 'full') ?> value="full"  />
                                    <?php _e( 'Full Content Display', 'catch-flames' ); ?>
                                    </label>
                              	</div>
                            </div><!-- .row -->
                            <div class="row">
                            	<div class="col col-header">
                                	<?php if( $options[ 'reset_sidebar_layout' ] == "1" ) { $options[ 'reset_sidebar_layout' ] = "0"; } ?>
                                	<?php _e( 'Reset Layout?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-options">
                                	<input type='hidden' value='0' name='catchflames_options[reset_sidebar_layout]'>
                                    <input type="checkbox" id="reset_family" name="catchflames_options[reset_sidebar_layout]" value="1" <?php checked( '1', $options['reset_sidebar_layout'] ); ?> /> <?php _e('Check to reset', 'catch-flames'); ?>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- .option-container -->

                    <div id="homepage-category-setting" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Homepage / Frontpage Category Setting', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                       		<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Front page posts categories:', 'catch-flames' ); ?>
                                    <p><small><?php _e( 'Only posts that belong to the categories selected here will be displayed on the front page.', 'catch-flames' ); ?></small></p>
                                </div>
                                <div class="col col-2">
                                    <select name="catchflames_options[front_page_category][]" id="frontpage_posts_cats" multiple="multiple" class="select-multiple">
                                        <option value="0" <?php if ( empty( $options['front_page_category'] ) ) { echo 'selected="selected"'; } ?>><?php _e( '--Disabled--', 'catch-flames' ); ?></option>
                                        <?php /* Get the list of categories */
                                            $categories = get_categories();
                                            if( empty( $options[ 'front_page_category' ] ) ) {
                                                $options[ 'front_page_category' ] = array();
                                            }
                                            foreach ( $categories as $category) :
                                        ?>
                                        <option value="<?php echo $category->cat_ID; ?>" <?php if ( in_array( $category->cat_ID, $options['front_page_category'] ) ) {echo 'selected="selected"';}?>><?php echo $category->cat_name; ?></option>
                                        <?php endforeach; ?>
                                    </select><br />
                                    <span class="description"><?php _e( 'You may select multiple categories by holding down the CTRL key.', 'catch-flames' ); ?></span>
                               	</div>
                          	</div><!-- .row -->
                         	<div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                            </div><!-- .row -->
                        </div><!-- .option-content -->
                  	</div><!-- .option-container -->

                 	<div id="excerpt-more-tag" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Excerpt / More Tag Settings', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                       		<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'More Tag Text', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type="text" size="45" name="catchflames_options[more_tag_text]" value="<?php echo ( isset( $options[ 'more_tag_text' ] ) ) ? esc_attr( $options[ 'more_tag_text' ] ) : 'Continue Reading &rarr;'; ?>" />
                             	</div>
                          	</div><!-- .row -->
                        	<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Excerpt length(words)', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type="text" size="3" name="catchflames_options[excerpt_length]" value="<?php echo intval( $options[ 'excerpt_length' ] ); ?>" />
                             	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php if( $options[ 'reset_more_tag' ] == "1" ) { $options[ 'reset_more_tag' ] = "0"; } ?>
                                	<?php _e( 'Reset Excerpt?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[reset_more_tag]'>
                                  	<input type="checkbox" id="reset_more_tag" name="catchflames_options[reset_more_tag]" value="1" <?php checked( '1', $options['reset_more_tag'] ); ?> /> <?php _e('Check to reset', 'catch-flames'); ?>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- .option-container -->

                    <div id="feed-redirect" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Feed Redirect', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                        	<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Feed Redirect URL', 'catch-flames' ); ?>
                                    <p><small><?php _e( 'Add in the Feedburner URL', 'catch-flames' ); ?></small></p>
                                </div>
                                <div class="col col-2">
                               		<input type="text" size="70" name="catchflames_options[feed_url]" value="<?php echo esc_attr( $options[ 'feed_url' ] ); ?>" />
                             	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- .option-container -->

					<div id="comments-options" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Comments Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                        	<div class="row">
                            	<div class="col col-header">
                        			<?php _e( 'Disable Comment?', 'catch-flames' ); ?>
                               	</div>
                                <div class="col col-options">
                                   <label title="commenting-setting"><input type="radio" name="catchflames_options[commenting_setting]" id="default" <?php checked($options['commenting_setting'], 'default'); ?> value="default"  />
                                    <?php _e( 'Use WordPress Settings', 'catch-flames' ); ?>
                                    </label>

                                    <label title="commenting-setting"><input type="radio" name="catchflames_options[commenting_setting]" id="page" <?php checked($options['commenting_setting'], 'page'); ?> value="page"  />
                                    <?php _e( 'Disable in Pages', 'catch-flames' ); ?>
                                    </label>

                                    <label title="commenting-setting"><input type="radio" name="catchflames_options[commenting_setting]" id="disable" <?php checked($options['commenting_setting'], 'disable'); ?> value="disable"  />
                                    <?php _e( 'Disable Completely', 'catch-flames' ); ?>
                                    </label>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Disable Notes?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                               		<input type='hidden' value='0' name='catchflames_options[commenting_disable_notes]'>
                                    <input type="checkbox" id="headerlogo" name="catchflames_options[commenting_disable_notes]" value="1" <?php checked( '1', $options['commenting_disable_notes'] ); ?> /> <?php _e('Check to disable', 'catch-flames'); ?>
                             	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Disable Website Field?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                               		<input type='hidden' value='0' name='catchflames_options[commenting_disable_url]'>
                                    <input type="checkbox" id="headerlogo" name="catchflames_options[commenting_disable_url]" value="1" <?php checked( '1', $options['commenting_disable_url'] ); ?> /> <?php _e('Check to disable', 'catch-flames'); ?>
                             	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                    	</div><!-- .option-content -->
                    </div><!-- .option-container -->

					<div id="footer-editor-option" class="option-container">
						<h3 class="option-toggle"><a href="#"><?php _e( 'Footer Editor Option', 'catch-flames' ); ?></a></h3>
						<div class="option-content inside">
                       		<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Footer Editor', 'catch-flames' ); ?>
                                    <p>
                                        <small><?php _e( 'You can add custom <acronym title="Hypertext Markup Language">HTML</acronym> and/or shortcodes, which will be automatically inserted into your theme.<br />Some shorcodes: [the-year], [site-link], [wp-link] for current year, your site link, wordpress site link respectively.', 'catch-flames' ); ?></small>
                                    </p>
                                </div>
                                <div class="col col-2">
									<?php
                                    $settings = array(
                                            'wpautop'				=> false,
                                            'media_buttons'			=> false,  // Don't show upload botton
                                            'textarea_name'			=> 'catchflames_options[footer_code]',
                                            'tinymce' 				=> false,  // Don't use TinyMCE in a meta box.
                                            'textarea_rows'			=> 3
                                        );
                                    wp_editor( esc_textarea( $options[ 'footer_code' ] ), 'catchflames_options_footer_code', $settings ); ?>
                             	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php if( $options[ 'reset_footer' ] == "1" ) { $options[ 'reset_footer' ] = "0"; } ?>
                                	<?php _e( 'Reset Footer?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[reset_footer]'>
                                    <input type="checkbox" id="headerlogo" name="catchflames_options[reset_footer]" value="1" <?php checked( '1', $options['reset_footer'] ); ?> /> <?php _e('Check to reset', 'catch-flames'); ?>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
						</div><!-- .option-content -->
          			</div><!-- .option-container -->

					<div id="custom-css" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Custom CSS', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                        	<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Enter your custom CSS styles.', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<textarea name="catchflames_options[custom_css]" id="custom-css" cols="90" rows="12"><?php echo esc_attr( $options[ 'custom_css' ] ); ?></textarea>
                            	</div>
                          	</div><!-- .row -->
                        	<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'CSS Tutorial from W3Schools.', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<a class="button" href="<?php echo esc_url( __( 'http://www.w3schools.com/css/default.asp','catch-flames' ) ); ?>" title="<?php esc_attr_e( 'CSS Tutorial', 'catch-flames' ); ?>" target="_blank"><?php _e( 'Click Here to Read', 'catch-flames' );?></a>
                            	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- .option-container -->

                    <div id="scrollup" class="option-container">
                    	<h3 class="option-toggle"><a href="#"><?php _e( 'Scroll Up', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                        	<div class="row">
                            	<div class="col col-1">
									<?php _e( 'Disable Scroll Up?', 'catch-flames' ); ?></th>
                                </div>
                                <div class="col col-2">
                                        <input type='hidden' value='0' name='catchflames_options[disable_scrollup]'>
                                        <input type="checkbox" id="headerlogo" name="catchflames_options[disable_scrollup]" value="1" <?php checked( '1', $options['disable_scrollup'] ); ?> /> <?php _e('Check to disable', 'catch-flames'); ?>
                                 </div>
                          	</div><!-- .row -->
                      		<div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- .option-container -->

                    <div id="update-notifier" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Update Notifier', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                        	<div class="row">
                            	<div class="col col-1">
									<?php _e( 'Disable Update Notifier?', 'catch-flames' ); ?></th>
                                </div>
                                <div class="col col-2">
                                        <input type='hidden' value='0' name='catchflames_options[disable_notifier]'>
                                        <input type="checkbox" id="headerlogo" name="catchflames_options[disable_notifier]" value="1" <?php checked( '1', $options['disable_notifier'] ); ?> /> <?php _e('Check to disable', 'catch-flames'); ?>
                                 </div>
                          	</div><!-- .row -->
                      		<div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- .option-container -->

                </div><!-- #themeoptions -->

				<!-- Option for Color Options -->
                <div id="color-options">

                	<div id="color-scheme" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Color Scheme', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                        	<div class="row">
                            	<div class="col col-header">
                        			<?php _e( 'Default Color Scheme', 'catch-flames' ); ?>
                               	</div>
                                <div class="col col-options">
                                    <label title="color-light" class="box first"><img src="<?php echo get_template_directory_uri(); ?>/inc/panel/images/light.jpg" alt="color-light" /><br />
                                    	<input type="radio" name="catchflames_options[color_scheme]" id="color-light" <?php checked($options['color_scheme'], 'light') ?> value="light"  />
                                    	<?php _e( 'Light', 'catch-flames' ); ?>
                                    </label>
                                    <label title="color-dark" class="box"><img src="<?php echo get_template_directory_uri(); ?>/inc/panel/images/dark.jpg" alt="color-dark" /><br />
                                    	<input type="radio" name="catchflames_options[color_scheme]" id="color-dark" <?php checked($options['color_scheme'], 'dark') ?> value="dark"  />
                                    	<?php _e( 'Dark', 'catch-flames' ); ?>
                                    </label>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                  		</div><!-- .option-content -->
                  	</div><!-- #color-scheme -->

                    <div id="individual-color-options" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Site Color Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                        	<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Site Title Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<a class="button" href="<?php echo admin_url('themes.php?page=custom-header'); ?>">
										<?php _e( 'Click Here to change', 'catch-flames' ); ?>
                                    </a>
                             	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Site Title Hover Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<input type="text" class="catchflames_color_picker" name="catchflames_options[title_hover_color]" size="8" value="<?php echo ( isset( $options[ 'title_hover_color' ] ) ) ? esc_attr( $options[ 'title_hover_color' ] ) : '#1982d1'; ?>"  />
                             	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Site Tagline Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<input type="text" class="catchflames_color_picker" name="catchflames_options[tagline_color]" size="8" value="<?php echo ( isset( $options[ 'tagline_color' ] ) ) ? esc_attr( $options[ 'tagline_color' ] ) : '#7a7a7a'; ?>"  />
                                </div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Site Background Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<a class="button" href="<?php echo admin_url('themes.php?page=custom-background'); ?>">
                                    	<?php _e( 'Click Here to change', 'catch-flames' ); ?>
                                   	</a>
                             	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Text Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<input type="text" class="catchflames_color_picker" name="catchflames_options[text_color]" size="8" value="<?php echo ( isset( $options[ 'text_color' ] ) ) ? esc_attr( $options[ 'text_color' ] ) : '#373737'; ?>"  />
                             	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Link Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<input type="text" class="catchflames_color_picker" name="catchflames_options[link_color]" size="8" value="<?php echo ( isset( $options[ 'link_color' ] ) ) ? esc_attr( $options[ 'link_color' ] ) : '#1982d1'; ?>"  />
                             	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php if( $options[ 'reset_color' ] == "1" ) { $options[ 'reset_color' ] = "0"; } ?>
                                	<?php _e( 'Reset Site Colors?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[reset_color]'>
                                    <input type="checkbox" id="headerlogo" name="catchflames_options[reset_color]" value="1" <?php checked( '1', $options['reset_color'] ); ?> /> <?php _e('Check to reset', 'catch-flames'); ?>
                              	</div>
                          	</div><!-- .row -->
                     		<div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                  		</div><!-- .option-content -->
                  	</div><!-- #individual-color-options -->

                    <div id="header-color-options" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Header Color Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Header Top Sidebar Background Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" class="catchflames_color_picker" name="catchflames_options[header_top_background]" size="8" value="<?php echo ( isset( $options[ 'header_top_background' ] ) ) ? esc_attr( $options[ 'header_top_background' ] ) : '#fff'; ?>"  />
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Header Background Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" class="catchflames_color_picker" name="catchflames_options[header_background]" size="8" value="<?php echo ( isset( $options[ 'header_background' ] ) ) ? esc_attr( $options[ 'header_background' ] ) : '#fff'; ?>"  />
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Header Image Background Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" class="catchflames_color_picker" name="catchflames_options[header_image_background]" size="8" value="<?php echo ( isset( $options[ 'header_image_background' ] ) ) ? esc_attr( $options[ 'header_image_background' ] ) : '#fff'; ?>"  />
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php if( $options[ 'reset_header_color' ] == "1" ) { $options[ 'reset_header_color' ] = "0"; } ?>
                                    <?php _e( 'Reset Header Colors?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type='hidden' value='0' name='catchflames_options[reset_header_color]'>
                                    <input type="checkbox" id="headercolor" name="catchflames_options[reset_header_color]" value="1" <?php checked( '1', $options['reset_header_color'] ); ?> /> <?php _e('Check to reset', 'catch-flames'); ?>
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                            </div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- #header-color-options -->

                    <div id="slider-color-options" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Slider Color Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Slider Background Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" class="catchflames_color_picker" name="catchflames_options[slider_background]" size="8" value="<?php echo ( isset( $options[ 'slider_background' ] ) ) ? esc_attr( $options[ 'slider_background' ] ) : '#fff'; ?>"  />
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Slider Text Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" class="catchflames_color_picker" name="catchflames_options[slider_text]" size="8" value="<?php echo ( isset( $options[ 'slider_text' ] ) ) ? esc_attr( $options[ 'slider_text' ] ) : '#fff'; ?>"  />
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php if( $options[ 'reset_slider_color' ] == "1" ) { $options[ 'reset_slider_color' ] = "0"; } ?>
                                    <?php _e( 'Reset Slider Colors?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type='hidden' value='0' name='catchflames_options[reset_slider_color]'>
                                    <input type="checkbox" id="headerlogo" name="catchflames_options[reset_slider_color]" value="1" <?php checked( '1', $options['reset_slider_color'] ); ?> /> <?php _e('Check to reset', 'catch-flames'); ?>
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                            </div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- #slider-color-options -->

                    <div id="content-color-options" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Content Color Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Main Wrapper Background Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" class="catchflames_color_picker" name="catchflames_options[content_background]" size="8" value="<?php echo ( isset( $options[ 'content_background' ] ) ) ? esc_attr( $options[ 'content_background' ] ) : '#eee'; ?>"  />
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Content Background Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" class="catchflames_color_picker" name="catchflames_options[article_background]" size="8" value="<?php echo ( isset( $options[ 'article_background' ] ) ) ? esc_attr( $options[ 'article_background' ] ) : '#fff'; ?>"  />
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Title Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" class="catchflames_color_picker" name="catchflames_options[heading_color]" size="8" value="<?php echo ( isset( $options[ 'heading_color' ] ) ) ? esc_attr( $options[ 'heading_color' ] ) : '#222'; ?>"  />
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Title Hover Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" class="catchflames_color_picker" name="catchflames_options[heading_hover_color]" size="8" value="<?php echo ( isset( $options[ 'heading_hover_color' ] ) ) ? esc_attr( $options[ 'heading_hover_color' ] ) : '#1982d1'; ?>"  />
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Meta Description Text Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" class="catchflames_color_picker" name="catchflames_options[meta_color]" size="8" value="<?php echo ( isset( $options[ 'meta_color' ] ) ) ? esc_attr( $options[ 'meta_color' ] ) : '#666'; ?>"  />
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Meta Description Link Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" class="catchflames_color_picker" name="catchflames_options[meta_link_color]" size="8" value="<?php echo ( isset( $options[ 'meta_link_color' ] ) ) ? esc_attr( $options[ 'meta_link_color' ] ) : '#1982d1'; ?>"  />
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php if( $options[ 'reset_content_color' ] == "1" ) { $options[ 'reset_content_color' ] = "0"; } ?>
                                    <?php _e( 'Reset Content Colors?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type='hidden' value='0' name='catchflames_options[reset_content_color]'>
                                    <input type="checkbox" id="contentcolor" name="catchflames_options[reset_content_color]" value="1" <?php checked( '1', $options['reset_content_color'] ); ?> /> <?php _e('Check to reset', 'catch-flames'); ?>
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                            </div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- #content-color-options -->

                    <div id="comment-color-options" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Comment Color Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Comment Box Background Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" class="catchflames_color_picker" name="catchflames_options[comment_background]" size="8" value="<?php echo ( isset( $options[ 'comment_background' ] ) ) ? esc_attr( $options[ 'comment_background' ] ) : '#fff'; ?>"  />
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Comment Box Title Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" class="catchflames_color_picker" name="catchflames_options[comment_title_color]" size="8" value="<?php echo ( isset( $options[ 'comment_title_color' ] ) ) ? esc_attr( $options[ 'comment_title_color' ] ) : '#222'; ?>"  />
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Comment Box Text Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" class="catchflames_color_picker" name="catchflames_options[comment_text_color]" size="8" value="<?php echo ( isset( $options[ 'comment_text_color' ] ) ) ? esc_attr( $options[ 'comment_text_color' ] ) : '#444'; ?>"  />
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Comment Box Link Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" class="catchflames_color_picker" name="catchflames_options[comment_link_color]" size="8" value="<?php echo ( isset( $options[ 'comment_link_color' ] ) ) ? esc_attr( $options[ 'comment_link_color' ] ) : '#1982d1'; ?>"  />
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php if( $options[ 'reset_comment_color' ] == "1" ) { $options[ 'reset_comment_color' ] = "0"; } ?>
                                    <?php _e( 'Reset Comment Colors?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type='hidden' value='0' name='catchflames_options[reset_comment_color]'>
                                    <input type="checkbox" id="headerlogo" name="catchflames_options[reset_comment_color]" value="1" <?php checked( '1', $options['reset_comment_color'] ); ?> /> <?php _e('Check to reset', 'catch-flames'); ?>
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                            </div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- #comment-color-options -->

                    <div id="scrollup-color-options" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Scrollup Color Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                             <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Scrollup Background Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" class="catchflames_color_picker" name="catchflames_options[scrollup_bg_color]" size="8" value="<?php echo ( isset( $options[ 'scrollup_bg_color' ] ) ) ? esc_attr( $options[ 'scrollup_bg_color' ] ) : '#000'; ?>"  />
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Scrollup Text Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" class="catchflames_color_picker" name="catchflames_options[scrollup_text_color]" size="8" value="<?php echo ( isset( $options[ 'scrollup_text_color' ] ) ) ? esc_attr( $options[ 'scrollup_text_color' ] ) : '#fff'; ?>"  />
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php if( $options[ 'reset_scrollup_color' ] == "1" ) { $options[ 'reset_scrollup_color' ] = "0"; } ?>
                                    <?php _e( 'Reset Comment Colors?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type='hidden' value='0' name='catchflames_options[reset_scrollup_color]'>
                                    <input type="checkbox" id="headerlogo" name="catchflames_options[reset_scrollup_color]" value="1" <?php checked( '1', $options['reset_scrollup_color'] ); ?> /> <?php _e('Check to reset', 'catch-flames'); ?>
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                            </div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- #comment-color-options -->

                    <div id="sidebar-color-options" class="option-container">
                		<h3 class="option-toggle"><a href="#"><?php _e( 'Sidebar Color Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                        	<div class="row">
                            	<div class="col col-1">
                                	 <?php _e( 'Sidebar Widget Background Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<input type="text" class="catchflames_color_picker" name="catchflames_options[widget_background]" size="8" value="<?php echo ( isset( $options[ 'widget_background' ] ) ) ? esc_attr( $options[ 'widget_background' ] ) : '#fff'; ?>"  />
                                </div>
                          	</div><!-- .row -->
                            <div class="row">
                           		<div class="col col-1">
                                	<?php _e( 'Sidebar Widget Title Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<input type="text" class="catchflames_color_picker" name="catchflames_options[widget_heading_color]" size="8" value="<?php echo ( isset( $options[ 'widget_heading_color' ] ) ) ? esc_attr( $options[ 'widget_heading_color' ] ) : '#222'; ?>"  />
                                </div>
                          	</div><!-- .row -->
                            <div class="row">
                           		<div class="col col-1">
                                	<?php _e( 'Sidebar Widget Text Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<input type="text" class="catchflames_color_picker" name="catchflames_options[widget_text_color]" size="8" value="<?php echo ( isset( $options[ 'widget_text_color' ] ) ) ? esc_attr( $options[ 'widget_text_color' ] ) : '#373737'; ?>"  />
                                </div>
                          	</div><!-- .row -->
                            <div class="row">
                           		<div class="col col-1">
                                	<?php _e( 'Sidebar Widget Link Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<input type="text" class="catchflames_color_picker" name="catchflames_options[widget_link_color]" size="8" value="<?php echo ( isset( $options[ 'widget_link_color' ] ) ) ? esc_attr( $options[ 'widget_link_color' ] ) : '#1982d1'; ?>"  />
                                </div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php if( $options[ 'reset_sidebar_color' ] == "1" ) { $options[ 'reset_sidebar_color' ] = "0"; } ?>
                                	<?php _e( 'Reset Sidebar Colors?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[reset_sidebar_color]'>
                                    <input type="checkbox" id="headerlogo" name="catchflames_options[reset_sidebar_color]" value="1" <?php checked( '1', $options['reset_sidebar_color'] ); ?> /> <?php _e('Check to reset', 'catch-flames'); ?>
                              	</div>
                          	</div><!-- .row -->
                     		<div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                    	</div><!-- .option-content -->
               		</div><!-- #sidebar-color-options -->

                    <div id="footer-color-options" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Footer Color Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                   			<div class="row">
                            	<div class="col col-1">
                                	 <?php _e( 'Footer Sidebar Area Background Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<input type="text" class="catchflames_color_picker" name="catchflames_options[footer_background]" size="8" value="<?php echo ( isset( $options[ 'footer_background' ] ) ) ? esc_attr( $options[ 'footer_background' ] ) : '#f1f1f1'; ?>"  />
                             	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	  <?php _e( 'Footer Sidebar Widget Background Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<input type="text" class="catchflames_color_picker" name="catchflames_options[widget_footer_background]" size="8" value="<?php echo ( isset( $options[ 'widget_footer_background' ] ) ) ? esc_attr( $options[ 'widget_footer_background' ] ) : '#fff'; ?>"  />
                                </div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	  <?php _e( 'Footer Sidebar Widget Title Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<input type="text" class="catchflames_color_picker" name="catchflames_options[widget_footer_title_color]" size="8" value="<?php echo ( isset( $options[ 'widget_footer_title_color' ] ) ) ? esc_attr( $options[ 'widget_footer_title_color' ] ) : '#222'; ?>"  />
                                </div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	  <?php _e( 'Footer Sidebar Widget Text Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<input type="text" class="catchflames_color_picker" name="catchflames_options[widget_footer_text_color]" size="8" value="<?php echo ( isset( $options[ 'widget_footer_text_color' ] ) ) ? esc_attr( $options[ 'widget_footer_text_color' ] ) : '#373737'; ?>"  />
                                </div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	  <?php _e( 'Footer Sidebar Widget Link Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<input type="text" class="catchflames_color_picker" name="catchflames_options[widget_footer_link_color]" size="8" value="<?php echo ( isset( $options[ 'widget_footer_link_color' ] ) ) ? esc_attr( $options[ 'widget_footer_link_color' ] ) : '#1982d1'; ?>"  />
                                </div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	 <?php _e( ' Footer Background Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<input type="text" class="catchflames_color_picker" name="catchflames_options[sitegenerator_background]" size="8" value="<?php echo ( isset( $options[ 'sitegenerator_background' ] ) ) ? esc_attr( $options[ 'sitegenerator_background' ] ) : '#fff'; ?>"  />
                               </div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	 <?php _e( ' Footer Text Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<input type="text" class="catchflames_color_picker" name="catchflames_options[sitegenerator_text_color]" size="8" value="<?php echo ( isset( $options[ 'sitegenerator_text_color' ] ) ) ? esc_attr( $options[ 'sitegenerator_text_color' ] ) : '#444'; ?>"  />
                               </div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	 <?php _e( ' Footer Link Color:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
									<input type="text" class="catchflames_color_picker" name="catchflames_options[sitegenerator_link_color]" size="8" value="<?php echo ( isset( $options[ 'sitegenerator_link_color' ] ) ) ? esc_attr( $options[ 'sitegenerator_link_color' ] ) : '#000'; ?>"  />
                               </div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<div class="col col-1">
                                	<?php if( $options[ 'reset_footer_color' ] == "1" ) { $options[ 'reset_footer_color' ] = "0"; } ?>
                                	<?php _e( 'Reset Footer Colors?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[reset_footer_color]'>
                                    <input type="checkbox" id="headerlogo" name="catchflames_options[reset_footer_color]" value="1" <?php checked( '1', $options['reset_footer_color'] ); ?> /> <?php _e('Check to reset', 'catch-flames'); ?>
                              	</div>
                          	</div><!-- .row -->
                       		<div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                  		</div><!-- .option-content -->
                  	</div><!-- #individual-color-options -->

                    <div id="color-menus" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Menus Color Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                        	<div id="primary-menu-color" class="repeat-content-wrap">
                            	<h2 class="title"><?php _e( 'Primary Menu Color Options', 'catch-flames' ); ?></h2>
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Background Color: ', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[menu_background]" size="8" value="<?php echo ( isset( $options[ 'menu_background' ] ) ) ? esc_attr( $options[ 'menu_background' ] ) : '#222'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[menu_color]" size="8" value="<?php echo ( isset( $options[ 'menu_color' ] ) ) ? esc_attr( $options[ 'menu_color' ] ) : '#eee'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Hover Background Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[hover_background_color]" size="8" value="<?php echo ( isset( $options[ 'hover_background_color' ] ) ) ? esc_attr( $options[ 'hover_background_color' ] ) : '#e5e5e5'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Hover Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[hover_text_color]" size="8" value="<?php echo ( isset( $options[ 'hover_text_color' ] ) ) ? esc_attr( $options[ 'hover_text_color' ] ) : '#373737'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Active Background Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[active_background_color]" size="8" value="<?php echo ( isset( $options[ 'active_background_color' ] ) ) ? esc_attr( $options[ 'active_background_color' ] ) : 'transparent'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Active Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[active_text_color]" size="8" value="<?php echo ( isset( $options[ 'active_text_color' ] ) ) ? esc_attr( $options[ 'active_text_color' ] ) : '#eee'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Sub-Menu Background Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[sub_menu_bg_color]" size="8" value="<?php echo ( isset( $options[ 'sub_menu_bg_color' ] ) ) ? esc_attr( $options[ 'sub_menu_bg_color' ] ) : '#f9f9f9'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Sub-Menu Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[sub_menu_text_color]" size="8" value="<?php echo ( isset( $options[ 'sub_menu_text_color' ] ) ) ? esc_attr( $options[ 'sub_menu_text_color' ] ) : '#444'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                          	</div><!-- #primary-menu-color -->


                            <div id="secondary-menu-color" class="repeat-content-wrap">
                            	<h2 class="title"><?php _e( 'Secondary Menu Color Options', 'catch-flames' ); ?></h2>
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Background Color: ', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[secondary_menu_background]" size="8" value="<?php echo ( isset( $options[ 'secondary_menu_background' ] ) ) ? esc_attr( $options[ 'secondary_menu_background' ] ) : '#dedede'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[secondary_menu_color]" size="8" value="<?php echo ( isset( $options[ 'secondary_menu_color' ] ) ) ? esc_attr( $options[ 'secondary_menu_color' ] ) : '#373737'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Hover Background Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[secondary_hover_background_color]" size="8" value="<?php echo ( isset( $options[ 'secondary_hover_background_color' ] ) ) ? esc_attr( $options[ 'secondary_hover_background_color' ] ) : '#e5e5e5'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Hover Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[secondary_hover_text_color]" size="8" value="<?php echo ( isset( $options[ 'secondary_hover_text_color' ] ) ) ? esc_attr( $options[ 'secondary_hover_text_color' ] ) : '#373737'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Active Background Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[secondary_active_background]" size="8" value="<?php echo ( isset( $options[ 'secondary_active_background' ] ) ) ? esc_attr( $options[ 'secondary_active_background' ] ) : 'transparent'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Active Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[secondary_active_text_color]" size="8" value="<?php echo ( isset( $options[ 'secondary_active_text_color' ] ) ) ? esc_attr( $options[ 'secondary_active_text_color' ] ) : '#373737'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Sub-Menu Background Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[secondary_sub_menu_bg_color]" size="8" value="<?php echo ( isset( $options[ 'secondary_sub_menu_bg_color' ] ) ) ? esc_attr( $options[ 'secondary_sub_menu_bg_color' ] ) : '#f9f9f9'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Sub-Menu Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[secondary_sub_menu_text_color]" size="8" value="<?php echo ( isset( $options[ 'secondary_sub_menu_text_color' ] ) ) ? esc_attr( $options[ 'secondary_sub_menu_text_color' ] ) : '#444'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                          	</div><!-- #secondary-menu-color -->


                            <div id="footer-menu-color" class="repeat-content-wrap">
                            	<h2 class="title"><?php _e( 'Footer Menu Color Options', 'catch-flames' ); ?></h2>
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Background Color: ', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[footer_menu_background]" size="8" value="<?php echo ( isset( $options[ 'footer_menu_background' ] ) ) ? esc_attr( $options[ 'footer_menu_background' ] ) : '#222'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[footer_menu_color]" size="8" value="<?php echo ( isset( $options[ 'footer_menu_color' ] ) ) ? esc_attr( $options[ 'footer_menu_color' ] ) : '#eee'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Hover Background Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[footer_hover_background_color]" size="8" value="<?php echo ( isset( $options[ 'footer_hover_background_color' ] ) ) ? esc_attr( $options[ 'footer_hover_background_color' ] ) : '#e5e5e5'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Hover Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[footer_hover_text_color]" size="8" value="<?php echo ( isset( $options[ 'footer_hover_text_color' ] ) ) ? esc_attr( $options[ 'footer_hover_text_color' ] ) : '#373737'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Active Background Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[footer_active_background_color]" size="8" value="<?php echo ( isset( $options[ 'footer_active_background_color' ] ) ) ? esc_attr( $options[ 'footer_active_background_color' ] ) : 'transparent'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Active Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[footer_active_text_color]" size="8" value="<?php echo ( isset( $options[ 'footer_active_text_color' ] ) ) ? esc_attr( $options[ 'footer_active_text_color' ] ) : '#eee'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Sub-Menu Background Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[footer_sub_menu_bg_color]" size="8" value="<?php echo ( isset( $options[ 'footer_sub_menu_bg_color' ] ) ) ? esc_attr( $options[ 'footer_sub_menu_bg_color' ] ) : '#f9f9f9'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Sub-Menu Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[footer_sub_menu_text_color]" size="8" value="<?php echo ( isset( $options[ 'footer_sub_menu_text_color' ] ) ) ? esc_attr( $options[ 'footer_sub_menu_text_color' ] ) : '#444'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                          	</div><!-- #footer-menu-color -->

                            <div id="header-top-menu-color" class="repeat-content-wrap">
                            	<h2 class="title"><?php _e( 'Header Top Menu Color Options', 'catch-flames' ); ?></h2>
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Background Color: ', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[header_top_menu_bg_color]" size="8" value="<?php echo ( isset( $options[ 'header_top_menu_bg_color' ] ) ) ? esc_attr( $options[ 'header_top_menu_bg_color' ] ) : 'transparent'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[header_top_menu_color]" size="8" value="<?php echo ( isset( $options[ 'header_top_menu_color' ] ) ) ? esc_attr( $options[ 'header_top_menu_color' ] ) : '#666'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Hover Background Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[header_top_hover_bg_color]" size="8" value="<?php echo ( isset( $options[ 'header_top_hover_bg_color' ] ) ) ? esc_attr( $options[ 'header_top_hover_bg_color' ] ) : 'transparent'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Hover Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[header_top_hover_color]" size="8" value="<?php echo ( isset( $options[ 'header_top_hover_color' ] ) ) ? esc_attr( $options[ 'header_top_hover_color' ] ) : '#1982d1'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Active Background Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[header_top_active_bg_color]" size="8" value="<?php echo ( isset( $options[ 'header_top_active_bg_color' ] ) ) ? esc_attr( $options[ 'header_top_active_bg_color' ] ) : 'transparent'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Active Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[header_top_active_color]" size="8" value="<?php echo ( isset( $options[ 'header_top_active_color' ] ) ) ? esc_attr( $options[ 'header_top_active_color' ] ) : '#1982d1'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Sub-Menu Background Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[header_top_sub_menu_bg_color]" size="8" value="<?php echo ( isset( $options[ 'header_top_sub_menu_bg_color' ] ) ) ? esc_attr( $options[ 'header_top_sub_menu_bg_color' ] ) : '#fff'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Sub-Menu Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[header_top_sub_menu_color]" size="8" value="<?php echo ( isset( $options[ 'header_top_sub_menu_color' ] ) ) ? esc_attr( $options[ 'header_top_sub_menu_color' ] ) : '#666'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Sub-Menu Border Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[header_top_sub_menu_border_color]" size="8" value="<?php echo ( isset( $options[ 'header_top_sub_menu_border_color' ] ) ) ? esc_attr( $options[ 'header_top_sub_menu_border_color' ] ) : '#eee'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                          	</div><!-- #header-top-menu-color -->

                            <div id="header-right-menu-color" class="repeat-content-wrap">
                            	<h2 class="title"><?php _e( 'Header Right Menu Color Options', 'catch-flames' ); ?></h2>
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Background Color: ', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[header_right_menu_bg_color]" size="8" value="<?php echo ( isset( $options[ 'header_right_menu_bg_color' ] ) ) ? esc_attr( $options[ 'header_right_menu_bg_color' ] ) : 'transparent'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[header_right_menu_color]" size="8" value="<?php echo ( isset( $options[ 'header_right_menu_color' ] ) ) ? esc_attr( $options[ 'header_right_menu_color' ] ) : '#444'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Hover Background Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[header_right_hover_bg_color]" size="8" value="<?php echo ( isset( $options[ 'header_right_hover_bg_color' ] ) ) ? esc_attr( $options[ 'header_right_hover_bg_color' ] ) : 'transparent'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Hover Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[header_right_hover_color]" size="8" value="<?php echo ( isset( $options[ 'header_right_hover_color' ] ) ) ? esc_attr( $options[ 'header_right_hover_color' ] ) : '#1982d1'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Active Background Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[header_right_active_bg_color]" size="8" value="<?php echo ( isset( $options[ 'header_right_active_bg_color' ] ) ) ? esc_attr( $options[ 'header_right_active_bg_color' ] ) : 'transparent'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Active Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[header_right_active_color]" size="8" value="<?php echo ( isset( $options[ 'header_right_active_color' ] ) ) ? esc_attr( $options[ 'header_right_active_color' ] ) : '#1982d1'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Sub-Menu Background Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[header_right_sub_menu_bg_color]" size="8" value="<?php echo ( isset( $options[ 'header_right_sub_menu_bg_color' ] ) ) ? esc_attr( $options[ 'header_right_sub_menu_bg_color' ] ) : '#fff'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Sub-Menu Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[header_right_sub_menu_color]" size="8" value="<?php echo ( isset( $options[ 'header_right_sub_menu_color' ] ) ) ? esc_attr( $options[ 'header_right_sub_menu_color' ] ) : '#444'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Sub-Menu Border Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[header_right_border_top_color]" size="8" value="<?php echo ( isset( $options[ 'header_right_border_top_color' ] ) ) ? esc_attr( $options[ 'header_right_border_top_color' ] ) : '#1982d1'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                          	</div><!-- #header-right-menu-color -->

                            <div id="mobile-menu-color" class="repeat-content-wrap">
                            	<h2 class="title"><?php _e( 'Mobile Menu Color Options', 'catch-flames' ); ?></h2>
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Hamburger Open Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[mobile_hamburger_open_color]" size="8" value="<?php echo ( isset( $options[ 'mobile_hamburger_open_color' ] ) ) ? esc_attr( $options[ 'mobile_hamburger_open_color' ] ) : '#000'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Close Color', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[mobile_hamburger_close_color]" size="8" value="<?php echo ( isset( $options[ 'mobile_hamburger_close_color' ] ) ) ? esc_attr( $options[ 'mobile_hamburger_close_color' ] ) : '#000'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Background Color: ', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[mobile_bg_color]" size="8" value="<?php echo ( isset( $options[ 'mobile_bg_color' ] ) ) ? esc_attr( $options[ 'mobile_bg_color' ] ) : '#333'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[mobile_color]" size="8" value="<?php echo ( isset( $options[ 'mobile_color' ] ) ) ? esc_attr( $options[ 'mobile_color' ] ) : '#fff'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Hover Background Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[mobile_hover_bg_color]" size="8" value="<?php echo ( isset( $options[ 'mobile_hover_bg_color' ] ) ) ? esc_attr( $options[ 'mobile_hover_bg_color' ] ) : '#333'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Menu Hover Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[mobile_hover_color]" size="8" value="<?php echo ( isset( $options[ 'mobile_hover_color' ] ) ) ? esc_attr( $options[ 'mobile_hover_color' ] ) : '#fff'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Sub-Menu Background Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[mobile_sub_menu_bg_color]" size="8" value="<?php echo ( isset( $options[ 'mobile_sub_menu_bg_color' ] ) ) ? esc_attr( $options[ 'mobile_sub_menu_bg_color' ] ) : '#333'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Sub-Menu Text Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[mobile_sub_menu_color]" size="8" value="<?php echo ( isset( $options[ 'mobile_sub_menu_color' ] ) ) ? esc_attr( $options[ 'mobile_sub_menu_color' ] ) : '#ccc'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                                <div class="row">
                                    <div class="col col-1">
                                        <?php _e( 'Border Color:', 'catch-flames' ); ?>
                                    </div>
                                    <div class="col col-2">
                                        <input type="text" class="catchflames_color_picker" name="catchflames_options[mobile_border_color]" size="8" value="<?php echo ( isset( $options[ 'mobile_border_color' ] ) ) ? esc_attr( $options[ 'mobile_border_color' ] ) : '#4d4d4d'; ?>"  />
                                    </div>
                                </div><!-- .row -->
                          	</div><!-- #mobile-menu-color -->


                            <div class="row">
                            	<div class="col col-1">
                                	<?php if( $options[ 'reset_menu_color' ] == "1" ) { $options[ 'reset_menu_color' ] = "0"; } ?>
                                	<?php _e( 'Reset Menu Colors?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[reset_menu_color]'>
                                    <input type="checkbox" id="headerlogo" name="catchflames_options[reset_menu_color]" value="1" <?php checked( '1', $options['reset_menu_color'] ); ?> /> <?php _e('Check to reset', 'catch-flames'); ?>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                                <input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                            </div><!-- .row -->
                        </div><!-- .option-content -->
                   	</div><!-- #menu-color-options -->

                </div><!-- #color-options -->

                <!-- Option for Slider Options -->
                <div id="slidersettings">
                	<div class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Slider Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                        	<div class="row">
                            	<div class="col col-header">
                                	<?php _e( 'Select Slider Type', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-options">
                                	<label title="demo-slider">
                                    	<input type="radio" name="catchflames_options[select_slider_type]" id="demo-slider" <?php checked($options['select_slider_type'], 'demo-slider'); ?> value="demo-slider"  />
                                    	<?php _e( 'Demo Slider', 'catch-flames' ); ?>
                                    </label>

                                    <label title="post-slider">
                                    	<input type="radio" name="catchflames_options[select_slider_type]" id="post-slider" <?php checked($options['select_slider_type'], 'post-slider') ?> value="post-slider"  />
                                    	<?php _e( 'Featured Post Slider', 'catch-flames' ); ?>
                                    </label>

                                    <label title="page-slider">
                                   		<input type="radio" name="catchflames_options[select_slider_type]" id="page-slider" <?php checked($options['select_slider_type'], 'page-slider') ?> value="page-slider"  />
                                    	<?php _e( 'Featured Page Slider', 'catch-flames' ); ?>
                                    </label>

                                    <label title="page-category">
                                    	<input type="radio" name="catchflames_options[select_slider_type]" id="category-slider" <?php checked($options['select_slider_type'], 'category-slider') ?> value="category-slider"  />
                                    	<?php _e( 'Featured Category Slider', 'catch-flames' ); ?>
                                    </label>

                                    <label title="image-slider">
                                    	<input type="radio" name="catchflames_options[select_slider_type]" id="image-slider" <?php checked($options['select_slider_type'], 'image-slider') ?> value="image-slider"  />
                                    	<?php _e( 'Featured Image Slider', 'catch-flames' ); ?>
                                    </label>
                            	</div>
                          	</div><!-- .row -->

                            <div class="row">
                            	<div class="col col-header">
                        			<?php _e( 'Slider Layout', 'catch-flames' ); ?>
                               	</div>
                                <div class="col col-options">
                                	<label title="slider-full-width">
                                        <input type="radio" name="catchflames_options[select_slider_layout]" id="fullwidth" <?php checked($options['select_slider_layout'], 'fullwidth') ?> value="fullwidth"  />
                                        <?php _e( 'Full Width Slider', 'catch-flames' ); ?>
                                    </label>

                                    <label title="slider-normal">
                                    	<input type="radio" name="catchflames_options[select_slider_layout]" id="normal" <?php checked($options['select_slider_layout'], 'normal') ?> value="normal"  />
                                    	<?php _e( 'Normal Width Slider', 'catch-flames' ); ?>
                                    </label>
                                </div>
                         	</div><!-- .row -->

                			<div class="row">
                            	<div class="col col-header">
                        			<?php _e( 'Enable Sidebar', 'catch-flames' ); ?>
                               	</div>
                                <div class="col col-options">
                                    <label title="enable-slider-homepager">
                                    	<input type="radio" name="catchflames_options[enable_slider]" id="enable-slider-homepage" <?php checked($options['enable_slider'], 'enable-slider-homepage') ?> value="enable-slider-homepage"  />
                                    	<?php _e( 'Homepage / Frontpage', 'catch-flames' ); ?>
                                    </label>

                                    <label title="enable-slider-allpage">
                                    	<input type="radio" name="catchflames_options[enable_slider]" id="enable-slider-allpage" <?php checked($options['enable_slider'], 'enable-slider-allpage') ?> value="enable-slider-allpage"  />
                                  		<?php _e( 'Entire Site', 'catch-flames' ); ?>
                                    </label>

                                    <label title="disable-slider">
                                    	<input type="radio" name="catchflames_options[enable_slider]" id="disable-slider" <?php checked($options['enable_slider'], 'disable-slider') ?> value="disable-slider"  />
                                     	<?php _e( 'Disable', 'catch-flames' ); ?>
                                   	</label>
                           		</div>
                         	</div><!-- .row -->

                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Number of Slides', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type="text" name="catchflames_options[slider_qty]" value="<?php echo intval( $options[ 'slider_qty' ] ); ?>" size="2" />
                             	</div>
                          	</div><!-- .row -->

                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Transition Effect:', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <select id="catchflames_cycle_style" name="catchflames_options[transition_effect]">
                                        <option value="fade" <?php selected('fade', $options['transition_effect']); ?>><?php _e( 'fade', 'catch-flames' ); ?></option>
                                        <option value="wipe" <?php selected('wipe', $options['transition_effect']); ?>><?php _e( 'wipe', 'catch-flames' ); ?></option>
                                        <option value="scrollUp" <?php selected('scrollUp', $options['transition_effect']); ?>><?php _e( 'scrollUp', 'catch-flames' ); ?></option>
                                        <option value="scrollDown" <?php selected('scrollDown', $options['transition_effect']); ?>><?php _e( 'scrollDown', 'catch-flames' ); ?></option>
                                        <option value="scrollLeft" <?php selected('scrollLeft', $options['transition_effect']); ?>><?php _e( 'scrollLeft', 'catch-flames' ); ?></option>
                                        <option value="scrollRight" <?php selected('scrollRight', $options['transition_effect']); ?>><?php _e( 'scrollRight', 'catch-flames' ); ?></option>
                                        <option value="blindX" <?php selected('blindX', $options['transition_effect']); ?>><?php _e( 'blindX', 'catch-flames' ); ?></option>
                                        <option value="blindY" <?php selected('blindY', $options['transition_effect']); ?>><?php _e( 'blindY', 'catch-flames' ); ?></option>
                                        <option value="blindZ" <?php selected('blindZ', $options['transition_effect']); ?>><?php _e( 'blindZ', 'catch-flames' ); ?></option>
                                        <option value="cover" <?php selected('cover', $options['transition_effect']); ?>><?php _e( 'cover', 'catch-flames' ); ?></option>
                                        <option value="shuffle" <?php selected('shuffle', $options['transition_effect']); ?>><?php _e( 'shuffle', 'catch-flames' ); ?></option>
                                    </select>
                             	</div>
                          	</div><!-- .row -->

                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Transition Delay', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                            		<input type="text" name="catchflames_options[transition_delay]" value="<?php echo $options[ 'transition_delay' ]; ?>" size="2" />
                                   	<span class="description"><?php _e( 'second(s)', 'catch-flames' ); ?></span>
                            	</div>
                          	</div><!-- .row -->

                            <div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Transition Length', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                            		<input type="text" name="catchflames_options[transition_duration]" value="<?php echo $options[ 'transition_duration' ]; ?>" size="2" />
                                        <span class="description"><?php _e( 'second(s)', 'catch-flames' ); ?></span>
                            	</div>
                          	</div><!-- .row -->
							<div class="row">
        						<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                        </div><!-- .option-content -->
            		</div><!-- .option-container -->

        			<div id="featured-image-slider" class="option-container image-slider">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Featured Image Slider Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                        	<?php for ( $i = 1; $i <= $options[ 'slider_qty' ]; $i++ ): ?>
                  				<div class="repeat-content-wrap">
                                	<h2 class="title"><?php printf( esc_attr__( 'Featured Image Slider #%s', 'catch-flames' ), $i ); ?></h2>
                                    <div class="row">
                                        <div class="col col-1">
                                            <?php _e( 'Image', 'catch-flames' ); ?>
                                        </div>
                                        <div class="col col-2">
                                            <input size="70" type="text" class="upload-url" name="catchflames_options[featured_image_slider_image][<?php echo $i; ?>]" value="<?php if( array_key_exists( 'featured_image_slider_image', $options ) && array_key_exists( $i, $options[ 'featured_image_slider_image' ] ) ) echo esc_url( $options[ 'featured_image_slider_image' ][ $i ] ); ?>" />
                                            <input ref="<?php printf( esc_attr__( 'Insert as Featured Image Slider #%s', 'catch-flames' ), $i ); ?>" class="catchflames_upload_image button" name="wsl-image-add" type="button" value="<?php printf( esc_attr__( 'Change Featured Image Slider #%s', 'catch-flames' ), $i ); ?>" />
                                        </div>
                                    </div><!-- .row -->
                                    <div class="row">
                                        <div class="col col-1">
                                            <?php _e( 'Link URL', 'catch-flames' ); ?>
                                        </div>
                                        <div class="col col-2">
                                       		<input size="70" type="text" name="catchflames_options[featured_image_slider_link][<?php echo absint( $i ); ?>]" value="<?php if( array_key_exists( 'featured_image_slider_link', $options ) && array_key_exists( $i, $options[ 'featured_image_slider_link' ] ) ) echo esc_url( $options[ 'featured_image_slider_link' ][ $i ] ); ?>" />
                                      	</div>
                                   	</div><!-- .row -->
                                    <div class="row">
                                    	<div class="col col-1">
                                        	<?php _e( 'Target. Open Link in New Window?', 'catch-flames' ); ?>
                                      	</div>
                                    	<div class="col col-2">
                                        	<input type='hidden' value='0' name='catchflames_options[featured_image_slider_base][<?php echo absint( $i ); ?>]'>
                                           	<input type="checkbox" name="catchflames_options[featured_image_slider_base][<?php echo absint( $i ); ?>]" value="1" <?php if( array_key_exists( 'featured_image_slider_base', $options ) && array_key_exists( $i, $options[ 'featured_image_slider_base' ] ) ) checked( '1', $options[ 'featured_image_slider_base' ][ $i ] ); ?> /> <?php _e( 'Check to open in new window', 'catch-flames' ); ?>
                                        </div>
                              		</div><!-- .row -->
                                    <div class="row">
                                    	<div class="col col-1">
                                        	<?php _e( 'Title', 'catch-flames' ); ?>
                                       	</div>
                                   		<div class="col col-2">
                                        	<input size="70" type="text" name="catchflames_options[featured_image_slider_title][<?php echo absint( $i ); ?>]" value="<?php if( array_key_exists( 'featured_image_slider_title', $options ) && array_key_exists( $i, $options[ 'featured_image_slider_title' ] ) ) echo esc_attr( $options[ 'featured_image_slider_title' ][ $i ] ); ?>" />
                                       	</div>
                                   	</div><!-- .row -->
                                    <div class="row">
                                    	<div class="col col-1">
                                        	<?php _e( 'Content', 'catch-flames' ); ?>
                                       	</div>
                                   		<div class="col col-2">
                                        	<textarea name="catchflames_options[featured_image_slider_content][<?php echo absint( $i ); ?>]" cols="70" rows="3"><?php if( array_key_exists( 'featured_image_slider_content', $options ) && array_key_exists( $i, $options[ 'featured_image_slider_content' ] ) ) echo esc_html( $options[ 'featured_image_slider_content' ][ $i ] ); ?></textarea>
                                       	</div>
                                   	</div><!-- .row -->
                              	</div><!-- .repeat-content-wrap -->
                           	<?php endfor; ?>
                            <div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                           	</div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- .option-container -->

                    <div id="featured-post-slider" class="option-container post-slider">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Featured Post Slider Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                        	<div class="row">
                            	<div class="col col-1">
                                	<?php _e( 'Exclude Slider post from Homepage posts?', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<input type='hidden' value='0' name='catchflames_options[exclude_slider_post]'>
                                    <input type="checkbox" id="headerlogo" name="catchflames_options[exclude_slider_post]" value="1" <?php checked( '1', $options['exclude_slider_post'] ); ?> /> <?php _e('Check to exclude', 'catch-flames'); ?>
                             	</div>
                          	</div><!-- .row -->
                            <?php for ( $i = 1; $i <= $options[ 'slider_qty' ]; $i++ ): ?>
                                <div class="repeat-content-wrap">
                                    <div class="row">
                                        <div class="col col-1">
                                            <?php printf( esc_attr__( 'Featured Post Slider #%s', 'catch-flames' ), $i ); ?>
                                        </div>
                                        <div class="col col-2">
                                            <input type="text" name="catchflames_options[featured_slider][<?php echo absint( $i ); ?>]" value="<?php if( array_key_exists( 'featured_slider', $options ) && array_key_exists( $i, $options[ 'featured_slider' ] ) ) echo absint( $options[ 'featured_slider' ][ $i ] ); ?>" />
                                        	<a href="<?php bloginfo ( 'url' );?>/wp-admin/post.php?post=<?php if( array_key_exists ( 'featured_slider', $options ) && array_key_exists ( $i, $options[ 'featured_slider' ] ) ) echo absint( $options[ 'featured_slider' ][ $i ] ); ?>&action=edit" class="button" title="<?php esc_attr_e( 'Click Here To Edit', 'catch-flames' ); ?>" target="_blank"><?php _e( 'Click Here To Edit', 'catch-flames' ); ?></a>
                                        </div>
                                    </div><!-- .row -->
                                </div><!-- .repeat-content-wrap -->
                         	<?php endfor; ?>
                            <div class="row">
                           		<?php _e( 'Note: Here You can put your Post IDs which displays on Homepage as slider.', 'catch-flames' ); ?>
                            </div><!-- .row -->
                            <div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                           	</div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- .option-container -->

                    <div id="featured-page-slider" class="option-container page-slider">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Featured Page Slider Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                            <?php for ( $i = 1; $i <= $options[ 'slider_qty' ]; $i++ ): ?>
                                <div class="repeat-content-wrap">
                                    <div class="row">
                                        <div class="col col-1">
                                            <?php printf( esc_attr__( 'Featured Page Slider #%s', 'catch-flames' ), $i ); ?>
                                        </div>
                                        <div class="col col-2">
                                            <?php
                                                $catchflames_name = 'catchflames_options[featured_slider_page][' . absint( $i ) . ']';
                                                $catchflames_args = array(
                                                                'depth'             => 0,
                                                                'child_of'          => 0,
                                                                'selected'          => ( isset( $options[ 'featured_slider_page' ][ $i ] ) && $options[ 'featured_slider_page' ][ $i ] > 0 ) ? $options[ 'featured_slider_page' ][ $i ] : '',
                                                                'echo'              => 1,
                                                                'name'              => $catchflames_name,
                                                                'id'                => $catchflames_name,
                                                                'show_option_none' => '--Select One--',
                                                            );
                                               wp_dropdown_pages( $catchflames_args );
                                            ?>
                                        <?php if( isset( $options[ 'featured_slider_page' ][ $i ] ) && $options[ 'featured_slider_page' ][ $i ] > 0 ) : ?>
                                            <a href="<?php bloginfo ( 'url' );?>/wp-admin/post.php?post=<?php if( array_key_exists ( 'featured_slider_page', $options ) && array_key_exists ( $i, $options[ 'featured_slider_page' ] ) ) echo absint( $options[ 'featured_slider_page' ][ $i ] ); ?>&action=edit" class="button" title="<?php esc_attr_e( 'Click Here To Edit', 'catch-flames' ); ?>" target="_blank"><?php _e( 'Click Here To Edit', 'catch-flames' ); ?></a>
                                        <?php endif; ?>
                                        </div>
                                    </div><!-- .row -->
                                </div><!-- .repeat-content-wrap -->
                         	<?php endfor; ?>
                            <div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                           	</div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- .option-container -->

                    <div id="featured-category-slider" class="option-container category-slider">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Featured Category Slider Options', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Select Slider Categories', 'catch-flames' ); ?>
                                    <p><small><?php _e( 'Use this only is you want to display posts from Specific Categories in Featured Slider', 'catch-flames' ); ?></small></p>
                                </div>
                                <div class="col col-2">
                                    <select name="catchflames_options[slider_category][]" id="frontpage_posts_cats" multiple="multiple" class="select-multiple">
                                        <option value="0" <?php if ( empty( $options['slider_category'] ) ) { selected( true, true ); } ?>><?php _e( '--Disabled--', 'catch-flames' ); ?></option>
                                        <?php /* Get the list of categories */
                                            if( empty( $options[ 'slider_category' ] ) ) {
                                                $options[ 'slider_category' ] = array();
                                            }
                                            $categories = get_categories();
                                            foreach ( $categories as $category) :
                                        ?>
                                        <option value="<?php echo $category->cat_ID; ?>" <?php if ( in_array( $category->cat_ID, $options['slider_category'] ) ) {echo 'selected="selected"';}?>><?php echo $category->cat_name; ?></option>
                                        <?php endforeach; ?>
                                    </select><br />
                                    <span class="description"><?php _e( 'You may select multiple categories by holding down the CTRL key.', 'catch-flames' ); ?></span>
                               	</div>
                            </div><!-- .row -->
                            <div class="row">
                                <?php _e( 'Note: Here you can select the categories from which latest posts will display on Featured Slider.', 'catch-flames' ); ?>
                            </div><!-- .row -->
                            <div class="row">
                                <input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                            </div><!-- .row -->
                        </div><!-- .option-content -->
                	</div><!-- .option-container -->
                </div><!-- #slidersettings -->

                <!-- Options for Social Links -->
                <div id="sociallinks" class="option-container">
                    <h3 class="option-toggle"><a href="#"><?php _e( 'Social Icons', 'catch-flames' ); ?></a></h3>
                    <div class="option-content show inside">
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Enable Social Icons in Sidebar?', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <a class="button" href="<?php echo admin_url('widgets.php'); ?>" title="<?php esc_attr_e( 'Just add Catch Flames Social Widget in Sidebar', 'catch-flames' ); ?>"><?php _e( 'Just add Catch Flames Social Widget in Sidebar', 'catch-flames' );?></a>
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Enable Social Icons in Footer?', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type='hidden' value='0' name='catchflames_options[disable_footer_social]'>
                                <input type="checkbox" id="headerlogo" name="catchflames_options[disable_footer_social]" value="1" <?php checked( '1', $options['disable_footer_social'] ); ?> /> <?php _e('Check to enable', 'catch-flames'); ?>
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Facebook', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_facebook]" value="<?php echo esc_url( $options[ 'social_facebook' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Twitter', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_twitter]" value="<?php echo esc_url( $options[ 'social_twitter' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Google+', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_googleplus]" value="<?php echo esc_url( $options[ 'social_googleplus' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Pinterest', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_pinterest]" value="<?php echo esc_url( $options[ 'social_pinterest' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Youtube', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_youtube]" value="<?php echo esc_url( $options[ 'social_youtube' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Vimeo', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_vimeo]" value="<?php echo esc_url( $options[ 'social_vimeo' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Linkedin', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_linkedin]" value="<?php echo esc_url( $options[ 'social_linkedin' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'AIM', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_aim]" value="<?php echo esc_url( $options[ 'social_aim' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'MySpace', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_myspace]" value="<?php echo esc_url( $options[ 'social_myspace' ] ); ?>" />
                            </div>
                        </div><!-- .row -->

                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Flickr', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_flickr]" value="<?php echo esc_url( $options[ 'social_flickr' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Tumblr', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_tumblr]" value="<?php echo esc_url( $options[ 'social_tumblr' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'deviantART', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_deviantart]" value="<?php echo esc_url( $options[ 'social_deviantart' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Dribbble', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_dribbble]" value="<?php echo esc_url( $options[ 'social_dribbble' ] ); ?>" />
                            </div>
                        </div><!-- .row -->

                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'WordPress', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_wordpress]" value="<?php echo esc_url( $options[ 'social_wordpress' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'RSS', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_rss]" value="<?php echo esc_url( $options[ 'social_rss' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Slideshare', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_slideshare]" value="<?php echo esc_url( $options[ 'social_slideshare' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Instagram', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_instagram]" value="<?php echo esc_url( $options[ 'social_instagram' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Skype', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_skype]" value="<?php echo esc_attr( $options[ 'social_skype' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Soundcloud', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_soundcloud]" value="<?php echo esc_url( $options[ 'social_soundcloud' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Email', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_email]" value="<?php echo sanitize_email( $options[ 'social_email' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Contact', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_contact]" value="<?php echo esc_url( $options[ 'social_contact' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Xing', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type="text" size="45" name="catchflames_options[social_xing]" value="<?php echo esc_url( $options[ 'social_xing' ] ); ?>" />
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <div class="col col-1">
                                <?php _e( 'Enable SpecificFeeds?', 'catch-flames' ); ?>
                            </div>
                            <div class="col col-2">
                                <input type='hidden' value='0' name='catchflames_options[enable_specificfeeds]'>
                                <input type="checkbox" id="headerlogo" name="catchflames_options[enable_specificfeeds]" value="1" <?php checked( '1', $options['enable_specificfeeds'] ); ?> /> <?php _e('Check to enable', 'catch-flames'); ?>
                            </div>
                        </div><!-- .row -->
                        <div class="row">
                            <input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                        </div><!-- .row -->
                  	</div><!-- .option-content -->

                </div><!-- #sociallinks -->

                <!-- Options for Webmaster Tools -->
                <div id="webmaster">
                    <div id="site-verification" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Site Verification', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Google Site Verification ID', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" size="45" name="catchflames_options[google_verification]" value="<?php echo esc_attr( $options[ 'google_verification' ] ); ?>" /> <?php _e('Enter your Google ID number only', 'catch-flames'); ?>
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Yahoo Site Verification ID', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" size="45" name="catchflames_options[yahoo_verification]" value="<?php echo esc_attr( $options[ 'yahoo_verification'] ); ?>" /> <?php _e('Enter your Yahoo ID number only', 'catch-flames'); ?>
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Bing Site Verification ID', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                    <input type="text" size="45" name="catchflames_options[bing_verification]" value="<?php echo esc_attr( $options[ 'bing_verification' ] ); ?>" /> <?php _e('Enter your Bing ID number only', 'catch-flames'); ?>
                                </div>
                            </div><!-- .row -->
                            <div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- .option-container -->

                    <div id="header-footer-codes" class="option-container">
                        <h3 class="option-toggle"><a href="#"><?php _e( 'Header and Footer Codes', 'catch-flames' ); ?></a></h3>
                        <div class="option-content inside">
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e( 'Code to display on Header', 'catch-flames' ); ?>
                                </div>
                                <div class="col col-2">
                                	<textarea name="catchflames_options[analytic_header]" id="analytics" rows="7" cols="80" ><?php echo esc_html( $options[ 'analytic_header' ] ); ?></textarea><br /><span class="description"><?php _e('Note: Here you can put scripts from Google, Facebook, Twitter, Add This etc. which will load on Header', 'catch-flames' ); ?></span>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                                <div class="col col-1">
                                    <?php _e('Code to display on Footer', 'catch-flames' ); ?></th>
                                </div>
                                <div class="col col-2">
                                	<textarea name="catchflames_options[analytic_footer]" id="analytics" rows="7" cols="80" ><?php echo esc_html( $options[ 'analytic_footer' ] ); ?></textarea><br /><span class="description"><?php _e( 'Note: Here you can put scripts from Google, Facebook, Twitter, Add This etc. which will load on footer', 'catch-flames' ); ?></span>
                              	</div>
                          	</div><!-- .row -->
                            <div class="row">
                            	<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save Changes', 'catch-flames' ); ?>" />
                          	</div><!-- .row -->
                        </div><!-- .option-content -->
                    </div><!-- .option-container -->
                </div><!-- #webmaster -->

            </div><!-- #catchflames_ad_tabs -->
		</form>
	</div><!-- .wrap -->
<?php
}


/**
 * Validate content options
 * @param array $options
 * @uses esc_url_raw, absint, esc_textarea, sanitize_text_field, catchflames_invalidate_caches
 * @return array
 */
function catchflames_theme_options_validate( $options ) {
	global $catchflames_options_settings;
    $input_validated = $catchflames_options_settings;

	global $catchflames_options_defaults;
	$defaults = $catchflames_options_defaults;

	$fonts = catchflames_available_fonts();
	$units = array( 'px', 'pt', 'em', '%' );

    $input = array();
    $input = $options;

	// data validation for responsive layout
	if ( isset( $input['disable_responsive'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'disable_responsive' ] = $input[ 'disable_responsive' ];
	}

	// data validation for scroll up
	if ( isset( $input['disable_scrollup'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'disable_scrollup' ] = $input[ 'disable_scrollup' ];
	}

	// data validation for update notifier
	if ( isset( $input['disable_notifier'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'disable_notifier' ] = $input[ 'disable_notifier' ];
	}

	// data validation for favicon
	if ( isset( $input[ 'fav_icon' ] ) ) {
		$input_validated[ 'fav_icon' ] = esc_url_raw( $input[ 'fav_icon' ] );
	}
	if ( isset( $input['remove_favicon'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'remove_favicon' ] = $input[ 'remove_favicon' ];
	}

	// data validation for web clip icon
	if ( isset( $input[ 'web_clip' ] ) ) {
		$input_validated[ 'web_clip' ] = esc_url_raw( $input[ 'web_clip' ] );
	}
	if ( isset( $input['remove_web_clip'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'remove_web_clip' ] = $input[ 'remove_web_clip' ];
	}

	//Remove Header
	if ( isset( $input['disable_header'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'disable_header' ] = $input[ 'disable_header' ];
	}
	if ( isset( $input['disable_header_content'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'disable_header_content' ] = $input[ 'disable_header_content' ];
	}

	// data validation for logo
	if ( isset( $input[ 'featured_logo_header' ] ) ) {
		$input_validated[ 'featured_logo_header' ] = esc_url_raw( $input[ 'featured_logo_header' ] );
	}
	if ( isset( $input['remove_header_logo'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'remove_header_logo' ] = $input[ 'remove_header_logo' ];
	}

	// data validation for site tile above logo
	if ( isset( $input['remove_site_title'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'remove_site_title' ] = $input[ 'remove_site_title' ];
	}
	if ( isset( $input['remove_site_description'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'remove_site_description' ] = $input[ 'remove_site_description' ];
	}
	if ( isset( $input['site_title_above'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'site_title_above' ] = $input[ 'site_title_above' ];
	}

	// data validation to move logo
	if ( isset( $input['seperate_logo'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'seperate_logo' ] = $input[ 'seperate_logo' ];
	}

	// data validation for Search Settings
	if ( isset( $input[ 'search_display_text' ] ) ) {
        $input_validated[ 'search_display_text' ] = sanitize_text_field( $input[ 'search_display_text' ] );
    }

	if( isset( $input[ 'reset_header_space'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'reset_header_space' ] = $input[ 'reset_header_space' ];
		$input_validated['header_top_size'] = number_format( floatval( $input['header_top_size'] ), 2, '.', '' );
		$input_validated['header_top_size_unit'] = ( in_array( $input['header_top_size_unit'], $units ) ? $input['header_top_size_unit'] : $defaults[ 'header_top_size_unit' ] );
		$input_validated['header_bottom_size'] = number_format( floatval( $input['header_bottom_size'] ), 2, '.', '' );
		$input_validated['header_bottom_size_unit'] = ( in_array( $input['header_bottom_size_unit'], $units ) ? $input['header_bottom_size_unit'] : $defaults[ 'header_bottom_size_unit' ] );

		if( $input[ 'reset_header_space'] == '1' )	{
			$input_validated['header_top_size'] = $defaults[ 'header_top_size' ];
			$input_validated['header_top_size_unit'] = $defaults[ 'header_top_size_unit' ];
			$input_validated['header_bottom_size'] = $defaults[ 'header_bottom_size' ];
			$input_validated['header_bottom_size_unit'] = $defaults[ 'header_bottom_size_unit' ];
		}
	}

	// data validation for header right options
	if ( isset( $input['disable_header_right_search'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'disable_header_right_search' ] = $input[ 'disable_header_right_search' ];
	}
	if ( isset( $input['disable_header_right_sidebar'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'disable_header_right_sidebar' ] = $input[ 'disable_header_right_sidebar' ];
	}

	// Data validation for Fixed Header Top Options
	if ( isset( $input['enable_header_top'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'enable_header_top' ] = $input[ 'enable_header_top' ];
	}
	if ( isset( $input['disable_top_menu_logo'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'disable_top_menu_logo' ] = $input[ 'disable_top_menu_logo' ];
	}
	if ( isset( $input[ 'top_menu_logo' ] ) ) {
		$input_validated[ 'top_menu_logo' ] = esc_url_raw( $input[ 'top_menu_logo' ] );
	}
	if ( isset( $input['disable_social'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'disable_social' ] = $input[ 'disable_social' ];
	}
	if ( isset( $input['disable_search'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'disable_search' ] = $input[ 'disable_search' ];
	}


	// data validation for Header Featured Image Options
	if ( isset( $input[ 'enable_featured_header_image' ] ) ) {
		$input_validated[ 'enable_featured_header_image' ] = $input[ 'enable_featured_header_image' ];
	}
	if ( isset( $input[ 'page_featured_image' ] ) ) {
		$input_validated[ 'page_featured_image' ] = $input[ 'page_featured_image' ];
	}
	if ( isset( $input[ 'featured_header_image_position' ] ) ) {
		$input_validated[ 'featured_header_image_position' ] = $input[ 'featured_header_image_position' ];
	}
	if ( isset( $input[ 'featured_header_image_alt' ] ) ) {
		$input_validated[ 'featured_header_image_alt' ] = sanitize_text_field( $input[ 'featured_header_image_alt' ] );
	}
	if ( isset( $input[ 'featured_header_image_url' ] ) ) {
		$input_validated[ 'featured_header_image_url' ] = esc_url_raw( $input[ 'featured_header_image_url' ] );
	}
	if ( isset( $input['featured_header_image_base'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'featured_header_image_base' ] = $input[ 'featured_header_image_base' ];
	}

	if ( isset( $input['reset_header_image'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'reset_header_image' ] = $input[ 'reset_header_image' ];

		if ( $input['reset_header_image'] == '1' ) {
			$input_validated[ 'enable_featured_header_image' ] = $defaults[ 'enable_featured_header_image' ];
			$input_validated[ 'page_featured_image' ] = $defaults[ 'page_featured_image' ];
			$input_validated[ 'featured_header_image_position' ] = $defaults[ 'featured_header_image_position' ];
			$input_validated[ 'featured_header_image_alt' ] = $defaults[ 'featured_header_image_alt' ];
			$input_validated[ 'featured_header_image_url' ] = $defaults[ 'featured_header_image_url' ];
			$input_validated[ 'featured_header_image_base' ] = $defaults[ 'featured_header_image_base' ];
		}
	}

	// data validation for Disable Primary Menu
	if ( isset( $input['disable_header_menu'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'disable_header_menu' ] = $input[ 'disable_header_menu' ];
	}

	// data validation for Color Scheme
	if ( isset( $input['color_scheme'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'color_scheme' ] = $input[ 'color_scheme' ];
	}

	// data validation for Site Color Options
    if ( isset( $input[ 'title_hover_color' ] ) ) {
        $input_validated[ 'title_hover_color' ] = wp_filter_nohtml_kses( $input[ 'title_hover_color' ] );
    }
    if ( isset( $input[ 'tagline_color' ] ) ) {
        $input_validated[ 'tagline_color' ] = wp_filter_nohtml_kses( $input[ 'tagline_color' ] );
    }
    if ( isset( $input[ 'text_color' ] ) ) {
        $input_validated[ 'text_color' ] = wp_filter_nohtml_kses( $input[ 'text_color' ] );
    }
    if ( isset( $input[ 'link_color' ] ) ) {
        $input_validated[ 'link_color' ] = wp_filter_nohtml_kses( $input[ 'link_color' ] );
    }   
    //Reset Site Color Options
    if ( isset( $input['reset_color'] ) ) {
        // Our checkbox value is either 0 or 1
        $input_validated[ 'reset_color' ] = $input[ 'reset_color' ];
    }
    if ( $input[ 'reset_color' ] == 1 ) {
        $input_validated[ 'title_hover_color' ] = $defaults[ 'title_hover_color' ];
        $input_validated[ 'tagline_color' ] = $defaults[ 'tagline_color' ];
        $input_validated[ 'text_color' ] = $defaults[ 'text_color' ];
        $input_validated[ 'link_color' ] = $defaults[ 'link_color' ];
    }

    // data validation for Header Color Options
    if ( isset( $input[ 'header_top_background' ] ) ) {
		$input_validated[ 'header_top_background' ] = wp_filter_nohtml_kses( $input[ 'header_top_background' ] );
	}
	if ( isset( $input[ 'header_background' ] ) ) {
		$input_validated[ 'header_background' ] = wp_filter_nohtml_kses( $input[ 'header_background' ] );
	}
	if ( isset( $input[ 'header_image_background' ] ) ) {
		$input_validated[ 'header_image_background' ] = wp_filter_nohtml_kses( $input[ 'header_image_background' ] );
	}
    //Reset Header Color Options
    if ( isset( $input['reset_header_color'] ) ) {
        // Our checkbox value is either 0 or 1
        $input_validated[ 'reset_header_color' ] = $input[ 'reset_header_color' ];
    }
    if( $input[ 'reset_header_color' ] == 1 ) {
        $input_validated[ 'header_top_background' ] = $defaults[ 'header_top_background' ];
        $input_validated[ 'header_background' ] = $defaults[ 'header_background' ];
        $input_validated[ 'header_image_background' ] = $defaults[ 'header_image_background' ];
    }    


    // data validation for Slider Color Options
	if ( isset( $input[ 'slider_background' ] ) ) {
		$input_validated[ 'slider_background' ] = wp_filter_nohtml_kses( $input[ 'slider_background' ] );
	}
	if ( isset( $input[ 'slider_text' ] ) ) {
		$input_validated[ 'slider_text' ] = wp_filter_nohtml_kses( $input[ 'slider_text' ] );
	}
    //Reset Slider Color Options
    if ( isset( $input['reset_slider_color'] ) ) {
        // Our checkbox value is either 0 or 1
        $input_validated[ 'reset_slider_color' ] = $input[ 'reset_slider_color' ];
    }
    if ( $input[ 'reset_slider_color' ] == 1 ) {
        $input_validated[ 'slider_background' ] = $defaults[ 'slider_background' ];
        $input_validated[ 'slider_text' ] = $defaults[ 'slider_text' ];
    }   

    // data validation for Content Color Options
    if ( isset( $input[ 'content_background' ] ) ) {
        $input_validated[ 'content_background' ] = wp_filter_nohtml_kses( $input[ 'content_background' ] );
    }
    if ( isset( $input[ 'article_background' ] ) ) {
        $input_validated[ 'article_background' ] = wp_filter_nohtml_kses( $input[ 'article_background' ] );
    }
    if ( isset( $input[ 'heading_color' ] ) ) {
        $input_validated[ 'heading_color' ] = wp_filter_nohtml_kses( $input[ 'heading_color' ] );
    }
    if ( isset( $input[ 'heading_hover_color' ] ) ) {
        $input_validated[ 'heading_hover_color' ] = wp_filter_nohtml_kses( $input[ 'heading_hover_color' ] );
    }
    if ( isset( $input[ 'meta_color' ] ) ) {
        $input_validated[ 'meta_color' ] = wp_filter_nohtml_kses( $input[ 'meta_color' ] );
    }
    if ( isset( $input[ 'meta_link_color' ] ) ) {
        $input_validated[ 'meta_link_color' ] = wp_filter_nohtml_kses( $input[ 'meta_link_color' ] );
    }
    //Reset Content Color Options
    if ( isset( $input['reset_content_color'] ) ) {
        // Our checkbox value is either 0 or 1
        $input_validated[ 'reset_content_color' ] = $input[ 'reset_content_color' ];
    }
    if( $input[ 'reset_content_color' ] == 1 ) {
        $input_validated[ 'content_background' ] = $defaults[ 'content_background' ];
        $input_validated[ 'article_background' ] = $defaults[ 'article_background' ];
        $input_validated[ 'heading_color' ] = $defaults[ 'heading_color' ];
        $input_validated[ 'heading_hover_color' ] = $defaults[ 'heading_hover_color' ];
        $input_validated[ 'meta_color' ] = $defaults[ 'meta_color' ];
        $input_validated[ 'meta_link_color' ] = $defaults[ 'meta_link_color' ];
    }    

    // data validation for Comment Color Options
    if ( isset( $input[ 'comment_background' ] ) ) {
        $input_validated[ 'comment_background' ] = wp_filter_nohtml_kses( $input[ 'comment_background' ] );
    }
    if ( isset( $input[ 'comment_text_color' ] ) ) {
        $input_validated[ 'comment_text_color' ] = wp_filter_nohtml_kses( $input[ 'comment_text_color' ] );
    }
    if ( isset( $input[ 'comment_title_color' ] ) ) {
        $input_validated[ 'comment_title_color' ] = wp_filter_nohtml_kses( $input[ 'comment_title_color' ] );
    }
    if ( isset( $input[ 'comment_link_color' ] ) ) {
        $input_validated[ 'comment_link_color' ] = wp_filter_nohtml_kses( $input[ 'comment_link_color' ] );
    }
    //Reset Comment Color Options
   if ( isset( $input['reset_comment_color'] ) ) {
        // Our checkbox value is either 0 or 1
        $input_validated[ 'reset_comment_color' ] = $input[ 'reset_comment_color' ];
    }
    if ( $input[ 'reset_comment_color' ] == 1 ) {
        $input_validated[ 'comment_background' ] = $defaults[ 'comment_background' ];
        $input_validated[ 'comment_text_color' ] = $defaults[ 'comment_text_color' ];
        $input_validated[ 'comment_title_color' ] = $defaults[ 'comment_title_color' ];
        $input_validated[ 'comment_link_color' ] = $defaults[ 'comment_link_color' ];
    }   

    // data validation for Scrolllup Color Options	
	if ( isset( $input[ 'scrollup_bg_color' ] ) ) {
		$input_validated[ 'scrollup_bg_color' ] = wp_filter_nohtml_kses( $input[ 'scrollup_bg_color' ] );
	}
	if ( isset( $input[ 'scrollup_text_color' ] ) ) {
		$input_validated[ 'scrollup_text_color' ] = wp_filter_nohtml_kses( $input[ 'scrollup_text_color' ] );
	}
	//Reset Scrolllup Color Options
	if ( isset( $input['reset_scrollup_color'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'reset_scrollup_color' ] = $input[ 'reset_scrollup_color' ];
	}
	if( $input[ 'reset_scrollup_color' ] == 1 ) {
		$input_validated[ 'scrollup_bg_color' ] = $defaults[ 'scrollup_bg_color' ];
		$input_validated[ 'scrollup_text_color' ] = $defaults[ 'scrollup_text_color' ];
	}

	// data validation for Sidebar Color Options
	if ( isset( $input[ 'widget_background' ] ) ) {
		$input_validated[ 'widget_background' ] = wp_filter_nohtml_kses( $input[ 'widget_background' ] );
	}
	if ( isset( $input[ 'widget_heading_color' ] ) ) {
		$input_validated[ 'widget_heading_color' ] = wp_filter_nohtml_kses( $input[ 'widget_heading_color' ] );
	}
	if ( isset( $input[ 'widget_text_color' ] ) ) {
		$input_validated[ 'widget_text_color' ] = wp_filter_nohtml_kses( $input[ 'widget_text_color' ] );
	}
	if ( isset( $input[ 'widget_link_color' ] ) ) {
		$input_validated[ 'widget_link_color' ] = wp_filter_nohtml_kses( $input[ 'widget_link_color' ] );
	}
	//Reset Sidebar Color Options
	if ( isset( $input['reset_sidebar_color'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'reset_sidebar_color' ] = $input[ 'reset_sidebar_color' ];
	}
	if( $input[ 'reset_sidebar_color' ] == 1 ) {
		$input_validated[ 'widget_background' ] = $defaults[ 'widget_background' ];
		$input_validated[ 'widget_heading_color' ] = $defaults[ 'widget_heading_color' ];
		$input_validated[ 'widget_text_color' ] = $defaults[ 'widget_text_color' ];
		$input_validated[ 'widget_link_color' ] = $defaults[ 'widget_link_color' ];
	}

	// data validation for Footer Color Options
	if ( isset( $input[ 'footer_background' ] ) ) {
		$input_validated[ 'footer_background' ] = wp_filter_nohtml_kses( $input[ 'footer_background' ] );
	}
	if ( isset( $input[ 'widget_footer_background' ] ) ) {
		$input_validated[ 'widget_footer_background' ] = wp_filter_nohtml_kses( $input[ 'widget_footer_background' ] );
	}
	if ( isset( $input[ 'widget_footer_title_color' ] ) ) {
		$input_validated[ 'widget_footer_title_color' ] = wp_filter_nohtml_kses( $input[ 'widget_footer_title_color' ] );
	}
	if ( isset( $input[ 'widget_footer_text_color' ] ) ) {
		$input_validated[ 'widget_footer_text_color' ] = wp_filter_nohtml_kses( $input[ 'widget_footer_text_color' ] );
	}
	if ( isset( $input[ 'widget_footer_link_color' ] ) ) {
		$input_validated[ 'widget_footer_link_color' ] = wp_filter_nohtml_kses( $input[ 'widget_footer_link_color' ] );
	}
	if ( isset( $input[ 'sitegenerator_background' ] ) ) {
		$input_validated[ 'sitegenerator_background' ] = wp_filter_nohtml_kses( $input[ 'sitegenerator_background' ] );
	}
	if ( isset( $input[ 'sitegenerator_text_color' ] ) ) {
		$input_validated[ 'sitegenerator_text_color' ] = wp_filter_nohtml_kses( $input[ 'sitegenerator_text_color' ] );
	}
	if ( isset( $input[ 'sitegenerator_link_color' ] ) ) {
		$input_validated[ 'sitegenerator_link_color' ] = wp_filter_nohtml_kses( $input[ 'sitegenerator_link_color' ] );
	}
	//Reset Footer Color Options
	if ( isset( $input['reset_footer_color'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'reset_footer_color' ] = $input[ 'reset_footer_color' ];
	}
	if( $input[ 'reset_footer_color' ] == 1 ) {
		$input_validated[ 'footer_background' ] = $defaults[ 'footer_background' ];
		$input_validated[ 'widget_footer_background' ] = $defaults[ 'widget_footer_background' ];
		$input_validated[ 'widget_footer_title_color' ] = $defaults[ 'widget_footer_title_color' ];
		$input_validated[ 'widget_footer_text_color' ] = $defaults[ 'widget_footer_text_color' ];
		$input_validated[ 'widget_footer_link_color' ] = $defaults[ 'widget_footer_link_color' ];
		$input_validated[ 'sitegenerator_background' ] = $defaults[ 'sitegenerator_background' ];
		$input_validated[ 'sitegenerator_text_color' ] = $defaults[ 'sitegenerator_text_color' ];
		$input_validated[ 'sitegenerator_link_color' ] = $defaults[ 'sitegenerator_link_color' ];
	}

	// data validation for Menu Color Options
	if ( isset( $input[ 'menu_background' ] ) ) {
		$input_validated[ 'menu_background' ] = wp_filter_nohtml_kses( $input[ 'menu_background' ] );
	}
	if ( isset( $input[ 'menu_color' ] ) ) {
		$input_validated[ 'menu_color' ] = wp_filter_nohtml_kses( $input[ 'menu_color' ] );
	}
	if ( isset( $input[ 'hover_background_color' ] ) ) {
		$input_validated[ 'hover_background_color' ] = wp_filter_nohtml_kses( $input[ 'hover_background_color' ] );
	}
	if ( isset( $input[ 'hover_text_color' ] ) ) {
		$input_validated[ 'hover_text_color' ] = wp_filter_nohtml_kses( $input[ 'hover_text_color' ] );
	}
	if ( isset( $input[ 'active_background_color' ] ) ) {
		$input_validated[ 'active_background_color' ] = wp_filter_nohtml_kses( $input[ 'active_background_color' ] );
	}
	if ( isset( $input[ 'active_text_color' ] ) ) {
		$input_validated[ 'active_text_color' ] = wp_filter_nohtml_kses( $input[ 'active_text_color' ] );
	}
	if ( isset( $input[ 'sub_menu_bg_color' ] ) ) {
		$input_validated[ 'sub_menu_bg_color' ] = wp_filter_nohtml_kses( $input[ 'sub_menu_bg_color' ] );
	}
	if ( isset( $input[ 'sub_menu_text_color' ] ) ) {
		$input_validated[ 'sub_menu_text_color' ] = wp_filter_nohtml_kses( $input[ 'sub_menu_text_color' ] );
	}

	if ( isset( $input[ 'secondary_menu_background' ] ) ) {
		$input_validated[ 'secondary_menu_background' ] = wp_filter_nohtml_kses( $input[ 'secondary_menu_background' ] );
	}
	if ( isset( $input[ 'secondary_menu_color' ] ) ) {
		$input_validated[ 'secondary_menu_color' ] = wp_filter_nohtml_kses( $input[ 'secondary_menu_color' ] );
	}
	if ( isset( $input[ 'secondary_hover_background_color' ] ) ) {
		$input_validated[ 'secondary_hover_background_color' ] = wp_filter_nohtml_kses( $input[ 'secondary_hover_background_color' ] );
	}
	if ( isset( $input[ 'secondary_hover_text_color' ] ) ) {
		$input_validated[ 'secondary_hover_text_color' ] = wp_filter_nohtml_kses( $input[ 'secondary_hover_text_color' ] );
	}
	if ( isset( $input[ 'secondary_active_background' ] ) ) {
		$input_validated[ 'secondary_active_background' ] = wp_filter_nohtml_kses( $input[ 'secondary_active_background' ] );
	}
	if ( isset( $input[ 'secondary_active_text_color' ] ) ) {
		$input_validated[ 'secondary_active_text_color' ] = wp_filter_nohtml_kses( $input[ 'secondary_active_text_color' ] );
	}
	if ( isset( $input[ 'secondary_sub_menu_bg_color' ] ) ) {
		$input_validated[ 'secondary_sub_menu_bg_color' ] = wp_filter_nohtml_kses( $input[ 'secondary_sub_menu_bg_color' ] );
	}
	if ( isset( $input[ 'secondary_sub_menu_text_color' ] ) ) {
		$input_validated[ 'secondary_sub_menu_text_color' ] = wp_filter_nohtml_kses( $input[ 'secondary_sub_menu_text_color' ] );
	}

	if ( isset( $input[ 'footer_menu_background' ] ) ) {
		$input_validated[ 'footer_menu_background' ] = wp_filter_nohtml_kses( $input[ 'footer_menu_background' ] );
	}
	if ( isset( $input[ 'footer_menu_color' ] ) ) {
		$input_validated[ 'footer_menu_color' ] = wp_filter_nohtml_kses( $input[ 'footer_menu_color' ] );
	}
	if ( isset( $input[ 'footer_hover_background_color' ] ) ) {
		$input_validated[ 'footer_hover_background_color' ] = wp_filter_nohtml_kses( $input[ 'footer_hover_background_color' ] );
	}
	if ( isset( $input[ 'footer_hover_text_color' ] ) ) {
		$input_validated[ 'footer_hover_text_color' ] = wp_filter_nohtml_kses( $input[ 'footer_hover_text_color' ] );
	}
	if ( isset( $input[ 'footer_active_background_color' ] ) ) {
		$input_validated[ 'footer_active_background_color' ] = wp_filter_nohtml_kses( $input[ 'footer_active_background_color' ] );
	}
	if ( isset( $input[ 'footer_active_text_color' ] ) ) {
		$input_validated[ 'footer_active_text_color' ] = wp_filter_nohtml_kses( $input[ 'footer_active_text_color' ] );
	}
	if ( isset( $input[ 'footer_sub_menu_bg_color' ] ) ) {
		$input_validated[ 'footer_sub_menu_bg_color' ] = wp_filter_nohtml_kses( $input[ 'footer_sub_menu_bg_color' ] );
	}
	if ( isset( $input[ 'footer_sub_menu_text_color' ] ) ) {
		$input_validated[ 'footer_sub_menu_text_color' ] = wp_filter_nohtml_kses( $input[ 'footer_sub_menu_text_color' ] );
	}

	if ( isset( $input[ 'header_top_menu_bg_color' ] ) ) {
		$input_validated[ 'header_top_menu_bg_color' ] = wp_filter_nohtml_kses( $input[ 'header_top_menu_bg_color' ] );
	}
	if ( isset( $input[ 'header_top_menu_color' ] ) ) {
		$input_validated[ 'header_top_menu_color' ] = wp_filter_nohtml_kses( $input[ 'header_top_menu_color' ] );
	}
	if ( isset( $input[ 'header_top_hover_bg_color' ] ) ) {
		$input_validated[ 'header_top_hover_bg_color' ] = wp_filter_nohtml_kses( $input[ 'header_top_hover_bg_color' ] );
	}
	if ( isset( $input[ 'header_top_hover_color' ] ) ) {
		$input_validated[ 'header_top_hover_color' ] = wp_filter_nohtml_kses( $input[ 'header_top_hover_color' ] );
	}
	if ( isset( $input[ 'header_top_active_bg_color' ] ) ) {
		$input_validated[ 'header_top_active_bg_color' ] = wp_filter_nohtml_kses( $input[ 'header_top_active_bg_color' ] );
	}
	if ( isset( $input[ 'header_top_active_color' ] ) ) {
		$input_validated[ 'header_top_active_color' ] = wp_filter_nohtml_kses( $input[ 'header_top_active_color' ] );
	}
	if ( isset( $input[ 'header_top_sub_menu_bg_color' ] ) ) {
		$input_validated[ 'header_top_sub_menu_bg_color' ] = wp_filter_nohtml_kses( $input[ 'header_top_sub_menu_bg_color' ] );
	}
	if ( isset( $input[ 'header_top_sub_menu_color' ] ) ) {
		$input_validated[ 'header_top_sub_menu_color' ] = wp_filter_nohtml_kses( $input[ 'header_top_sub_menu_color' ] );
	}
	if ( isset( $input[ 'header_top_sub_menu_border_color' ] ) ) {
		$input_validated[ 'header_top_sub_menu_border_color' ] = wp_filter_nohtml_kses( $input[ 'header_top_sub_menu_border_color' ] );
	}

	if ( isset( $input[ 'header_right_menu_bg_color' ] ) ) {
		$input_validated[ 'header_right_menu_bg_color' ] = wp_filter_nohtml_kses( $input[ 'header_right_menu_bg_color' ] );
	}
	if ( isset( $input[ 'header_right_menu_color' ] ) ) {
		$input_validated[ 'header_right_menu_color' ] = wp_filter_nohtml_kses( $input[ 'header_right_menu_color' ] );
	}
	if ( isset( $input[ 'header_right_hover_bg_color' ] ) ) {
		$input_validated[ 'header_right_hover_bg_color' ] = wp_filter_nohtml_kses( $input[ 'header_right_hover_bg_color' ] );
	}
	if ( isset( $input[ 'header_right_hover_color' ] ) ) {
		$input_validated[ 'header_right_hover_color' ] = wp_filter_nohtml_kses( $input[ 'header_right_hover_color' ] );
	}
	if ( isset( $input[ 'header_right_active_bg_color' ] ) ) {
		$input_validated[ 'header_right_active_bg_color' ] = wp_filter_nohtml_kses( $input[ 'header_right_active_bg_color' ] );
	}
	if ( isset( $input[ 'header_right_active_color' ] ) ) {
		$input_validated[ 'header_right_active_color' ] = wp_filter_nohtml_kses( $input[ 'header_right_active_color' ] );
	}
	if ( isset( $input[ 'header_right_sub_menu_bg_color' ] ) ) {
		$input_validated[ 'header_right_sub_menu_bg_color' ] = wp_filter_nohtml_kses( $input[ 'header_right_sub_menu_bg_color' ] );
	}
	if ( isset( $input[ 'header_right_sub_menu_color' ] ) ) {
		$input_validated[ 'header_right_sub_menu_color' ] = wp_filter_nohtml_kses( $input[ 'header_right_sub_menu_color' ] );
	}
	if ( isset( $input[ 'header_right_border_top_color' ] ) ) {
		$input_validated[ 'header_right_border_top_color' ] = wp_filter_nohtml_kses( $input[ 'header_right_border_top_color' ] );
	}

	if ( isset( $input[ 'mobile_hamburger_open_color' ] ) ) {
		$input_validated[ 'mobile_hamburger_open_color' ] = wp_filter_nohtml_kses( $input[ 'mobile_hamburger_open_color' ] );
	}
	if ( isset( $input[ 'mobile_hamburger_close_color' ] ) ) {
		$input_validated[ 'mobile_hamburger_close_color' ] = wp_filter_nohtml_kses( $input[ 'mobile_hamburger_close_color' ] );
	}
	if ( isset( $input[ 'mobile_bg_color' ] ) ) {
		$input_validated[ 'mobile_bg_color' ] = wp_filter_nohtml_kses( $input[ 'mobile_bg_color' ] );
	}
	if ( isset( $input[ 'mobile_color' ] ) ) {
		$input_validated[ 'mobile_color' ] = wp_filter_nohtml_kses( $input[ 'mobile_color' ] );
	}
	if ( isset( $input[ 'mobile_hover_bg_color' ] ) ) {
		$input_validated[ 'mobile_hover_bg_color' ] = wp_filter_nohtml_kses( $input[ 'mobile_hover_bg_color' ] );
	}
	if ( isset( $input[ 'mobile_hover_color' ] ) ) {
		$input_validated[ 'mobile_hover_color' ] = wp_filter_nohtml_kses( $input[ 'mobile_hover_color' ] );
	}
	if ( isset( $input[ 'mobile_sub_menu_bg_color' ] ) ) {
		$input_validated[ 'mobile_sub_menu_bg_color' ] = wp_filter_nohtml_kses( $input[ 'mobile_sub_menu_bg_color' ] );
	}
	if ( isset( $input[ 'mobile_sub_menu_color' ] ) ) {
		$input_validated[ 'mobile_sub_menu_color' ] = wp_filter_nohtml_kses( $input[ 'mobile_sub_menu_color' ] );
	}
	if ( isset( $input[ 'mobile_border_color' ] ) ) {
		$input_validated[ 'mobile_border_color' ] = wp_filter_nohtml_kses( $input[ 'mobile_border_color' ] );
	}

	//Reset Menu Color Options
	if ( isset( $input['reset_menu_color'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'reset_menu_color' ] = $input[ 'reset_menu_color' ];
	}
	if( $input[ 'reset_menu_color' ] == 1 ) {
		$input_validated[ 'menu_background' ] = $defaults[ 'menu_background' ];
		$input_validated[ 'menu_color' ] = $defaults[ 'menu_color' ];
		$input_validated[ 'hover_background_color' ] = $defaults[ 'hover_background_color' ];
		$input_validated[ 'hover_text_color' ] = $defaults[ 'hover_text_color' ];
		$input_validated[ 'active_background_color' ] = $defaults[ 'active_background_color' ];
		$input_validated[ 'active_text_color' ] = $defaults[ 'active_text_color' ];
		$input_validated[ 'sub_menu_bg_color' ] = $defaults[ 'sub_menu_bg_color' ];
		$input_validated[ 'sub_menu_text_color' ] = $defaults[ 'sub_menu_text_color' ];
		$input_validated[ 'secondary_menu_background' ] = $defaults[ 'secondary_menu_background' ];
		$input_validated[ 'secondary_menu_color' ] = $defaults[ 'secondary_menu_color' ];
		$input_validated[ 'secondary_hover_background_color' ] = $defaults[ 'secondary_hover_background_color' ];
		$input_validated[ 'secondary_hover_text_color' ] = $defaults[ 'secondary_hover_text_color' ];
		$input_validated[ 'secondary_active_background' ] = $defaults[ 'secondary_active_background' ];
		$input_validated[ 'secondary_active_text_color' ] = $defaults[ 'secondary_active_text_color' ];
		$input_validated[ 'secondary_sub_menu_bg_color' ] = $defaults[ 'secondary_sub_menu_bg_color' ];
		$input_validated[ 'secondary_sub_menu_text_color' ] = $defaults[ 'secondary_sub_menu_text_color' ];
		$input_validated[ 'footer_menu_background' ] = $defaults[ 'footer_menu_background' ];
		$input_validated[ 'footer_menu_color' ] = $defaults[ 'footer_menu_color' ];
		$input_validated[ 'footer_hover_background_color' ] = $defaults[ 'footer_hover_background_color' ];
		$input_validated[ 'footer_hover_text_color' ] = $defaults[ 'footer_hover_text_color' ];
		$input_validated[ 'footer_active_background_color' ] = $defaults[ 'footer_active_background_color' ];
		$input_validated[ 'footer_active_text_color' ] = $defaults[ 'footer_active_text_color' ];
		$input_validated[ 'footer_sub_menu_bg_color' ] = $defaults[ 'footer_sub_menu_bg_color' ];
		$input_validated[ 'footer_sub_menu_text_color' ] = $defaults[ 'footer_sub_menu_text_color' ];
		$input_validated[ 'header_top_menu_bg_color' ] = $defaults[ 'header_top_menu_bg_color' ];
		$input_validated[ 'header_top_menu_color' ] = $defaults[ 'header_top_menu_color' ];
		$input_validated[ 'header_top_hover_bg_color' ] = $defaults[ 'header_top_hover_bg_color' ];
		$input_validated[ 'header_top_hover_color' ] = $defaults[ 'header_top_hover_color' ];
		$input_validated[ 'header_top_active_bg_color' ] = $defaults[ 'header_top_active_bg_color' ];
		$input_validated[ 'header_top_active_color' ] = $defaults[ 'header_top_active_color' ];
		$input_validated[ 'header_top_sub_menu_bg_color' ] = $defaults[ 'header_top_sub_menu_bg_color' ];
		$input_validated[ 'header_top_sub_menu_color' ] = $defaults[ 'header_top_sub_menu_color' ];
		$input_validated[ 'header_top_sub_menu_border_color' ] = $defaults[ 'header_top_sub_menu_border_color' ];
		$input_validated[ 'header_right_menu_bg_color' ] = $defaults[ 'header_right_menu_bg_color' ];
		$input_validated[ 'header_right_menu_color' ] = $defaults[ 'header_right_menu_color' ];
		$input_validated[ 'header_right_hover_bg_color' ] = $defaults[ 'header_right_hover_bg_color' ];
		$input_validated[ 'header_right_hover_color' ] = $defaults[ 'header_right_hover_color' ];
		$input_validated[ 'header_right_active_bg_color' ] = $defaults[ 'header_right_active_bg_color' ];
		$input_validated[ 'header_right_active_color' ] = $defaults[ 'header_right_active_color' ];
		$input_validated[ 'header_right_sub_menu_bg_color' ] = $defaults[ 'header_right_sub_menu_bg_color' ];
		$input_validated[ 'header_right_sub_menu_color' ] = $defaults[ 'header_right_sub_menu_color' ];
		$input_validated[ 'header_right_border_top_color' ] = $defaults[ 'header_right_border_top_color' ];
		$input_validated[ 'mobile_hamburger_open_color' ] = $defaults[ 'mobile_hamburger_open_color' ];
		$input_validated[ 'mobile_hamburger_close_color' ] = $defaults[ 'mobile_hamburger_close_color' ];
		$input_validated[ 'mobile_bg_color' ] = $defaults[ 'mobile_bg_color' ];
		$input_validated[ 'mobile_color' ] = $defaults[ 'mobile_color' ];
		$input_validated[ 'mobile_hover_bg_color' ] = $defaults[ 'mobile_hover_bg_color' ];
		$input_validated[ 'mobile_hover_color' ] = $defaults[ 'mobile_hover_color' ];
		$input_validated[ 'mobile_sub_menu_bg_color' ] = $defaults[ 'mobile_sub_menu_bg_color' ];
		$input_validated[ 'mobile_sub_menu_color' ] = $defaults[ 'mobile_sub_menu_color' ];
		$input_validated[ 'mobile_border_color' ] = $defaults[ 'mobile_border_color' ];
	}

	// data validation for Font Family Options
	if( isset( $input[ 'reset_typography'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'reset_typography' ] = $input[ 'reset_typography' ];
		$input_validated['body_font'] = ( array_key_exists( $input['body_font'], $fonts ) ? $input['body_font'] : $defaults[ 'body_font' ] );
		$input_validated['title_font'] = ( array_key_exists( $input['title_font'], $fonts ) ? $input['title_font'] : $defaults[ 'title_font' ] );
		$input_validated['headings_font'] = ( array_key_exists( $input['headings_font'], $fonts ) ? $input['headings_font'] : $defaults[ 'headings_font' ] );
		$input_validated['content_font'] = ( array_key_exists( $input['content_font'], $fonts ) ? $input['content_font'] : $defaults[ 'content_font' ] );

		if( $input[ 'reset_typography'] == '1' ) {
			$input_validated['body_font'] = $defaults[ 'body_font' ];
			$input_validated['title_font'] = $defaults[ 'title_font' ];
			$input_validated['headings_font'] = $defaults[ 'headings_font' ];
			$input_validated['content_font'] = $defaults[ 'content_font' ];
		}
	}



	// data validation for Font Size Options
	if( isset( $input[ 'reset_font_size'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'reset_font_size' ] = $input[ 'reset_font_size' ];

$input_validated['body_font_size'] = number_format( floatval( $input['body_font_size'] ), 2, '.', '' );
		$input_validated['body_font_size_unit'] = ( in_array( $input['body_font_size_unit'], $units ) ? $input['body_font_size_unit'] : $defaults[ 'body_font_size_unit' ] );

		$input_validated['body_line_height'] = number_format( floatval( $input['body_line_height'] ), 2, '.', '' );
		$input_validated['body_line_height_unit'] = ( in_array( $input['body_line_height_unit'], $units ) ? $input['body_line_height_unit'] : $defaults[ 'body_line_height_unit' ] );

		$input_validated['site_title_font_size'] = number_format( floatval( $input['site_title_font_size'] ), 2, '.', '' );
		$input_validated['site_title_font_size_unit'] = ( in_array( $input['site_title_font_size_unit'], $units ) ? $input['site_title_font_size_unit'] : $defaults[ 'site_title_font_size_unit' ] );

		$input_validated['site_title_line_height'] = number_format( floatval( $input['site_title_line_height'] ), 2, '.', '' );
		$input_validated['site_title_line_height_unit'] = ( in_array( $input['site_title_line_height_unit'], $units ) ? $input['site_title_line_height_unit'] : $defaults[ 'site_title_line_height_unit' ] );

		$input_validated['site_description_font_size'] = number_format( floatval( $input['site_description_font_size'] ), 2, '.', '' );
		$input_validated['site_description_font_size_unit'] = ( in_array( $input['site_description_font_size_unit'], $units ) ? $input['site_description_font_size_unit'] : $defaults[ 'site_description_font_size_unit' ] );

		$input_validated['site_description_line_height'] = number_format( floatval( $input['site_description_line_height'] ), 2, '.', '' );
		$input_validated['site_description_line_height_unit'] = ( in_array( $input['site_description_line_height_unit'], $units ) ? $input['site_description_line_height_unit'] : $defaults[ 'site_description_line_height_unit' ] );

		$input_validated['h1_font_size'] = number_format( floatval( $input['h1_font_size'] ), 2, '.', '' );
		$input_validated['h1_font_size_unit'] = ( in_array( $input['h1_font_size_unit'], $units ) ? $input['h1_font_size_unit'] : $defaults[ 'h1_font_size_unit' ] );

		$input_validated['h2_font_size'] = number_format( floatval( $input['h2_font_size'] ), 2, '.', '' );
		$input_validated['h2_font_size_unit'] = ( in_array( $input['h2_font_size_unit'], $units ) ? $input['h2_font_size_unit'] : $defaults[ 'h2_font_size_unit' ] );

		$input_validated['h3_font_size'] = number_format( floatval( $input['h3_font_size'] ), 2, '.', '' );
		$input_validated['h3_font_size_unit'] = ( in_array( $input['h3_font_size_unit'], $units ) ? $input['h3_font_size_unit'] : $defaults[ 'h3_font_size_unit' ] );

		$input_validated['h4_font_size'] = number_format( floatval( $input['h4_font_size'] ), 2, '.', '' );
		$input_validated['h4_font_size_unit'] = ( in_array( $input['h4_font_size_unit'], $units ) ? $input['h4_font_size_unit'] : $defaults[ 'h4_font_size_unit' ] );

		$input_validated['headings_line_height'] = number_format( floatval( $input['headings_line_height'] ), 2, '.', '' );
		$input_validated['headings_line_height_unit'] = ( in_array( $input['headings_line_height_unit'], $units ) ? $input['headings_line_height_unit'] : $defaults[ 'headings_line_height_unit' ] );

		$input_validated['content_font_size'] = number_format( floatval( $input['content_font_size'] ), 2, '.', '' );
		$input_validated['content_font_size_unit'] = ( in_array( $input['content_font_size_unit'], $units ) ? $input['content_font_size_unit'] : $defaults[ 'content_font_size_unit' ] );

		$input_validated['content_line_height'] =  number_format( floatval( $input['content_line_height'] ), 2, '.', '' );
		$input_validated['content_line_height_unit'] = ( in_array( $input['content_line_height_unit'], $units ) ? $input['content_line_height_unit'] : $defaults[ 'content_line_height_unit' ] );

		if( $input[ 'reset_font_size'] == '1' )	{
			$input_validated['body_font_size'] = $defaults[ 'body_font_size' ];
			$input_validated['body_font_size_unit'] = $defaults[ 'body_font_size_unit' ];
			$input_validated['body_line_height'] = $defaults[ 'body_line_height' ];
			$input_validated['body_line_height_unit'] = $defaults[ 'body_line_height_unit' ];
			$input_validated['site_title_font_size'] = $defaults[ 'site_title_font_size' ];
			$input_validated['site_title_font_size_unit'] = $defaults[ 'site_title_font_size_unit' ];
			$input_validated['site_title_line_height'] = $defaults[ 'site_title_line_height' ];
			$input_validated['site_title_line_height_unit'] = $defaults[ 'site_title_line_height_unit' ];
			$input_validated['site_description_font_size'] = $defaults[ 'site_description_font_size' ];
			$input_validated['site_description_font_size_unit'] = $defaults[ 'site_description_font_size_unit' ];
			$input_validated['site_description_line_height'] = $defaults[ 'site_description_line_height' ];
			$input_validated['site_description_line_height_unit'] = $defaults[ 'site_description_line_height_unit' ];
			$input_validated['h1_font_size'] = $defaults[ 'h1_font_size' ];
			$input_validated['h1_font_size_unit'] = $defaults[ 'h1_font_size_unit' ];
			$input_validated['h2_font_size'] = $defaults[ 'h2_font_size' ];
			$input_validated['h2_font_size_unit'] = $defaults[ 'h2_font_size_unit' ];
			$input_validated['h3_font_size'] = $defaults[ 'h3_font_size' ];
			$input_validated['h3_font_size_unit'] = $defaults[ 'h3_font_size_unit' ];
			$input_validated['h4_font_size'] = $defaults[ 'h4_font_size' ];
			$input_validated['h4_font_size_unit'] = $defaults[ 'h4_font_size_unit' ];
			$input_validated['headings_line_height'] = $defaults[ 'headings_line_height' ];
			$input_validated['headings_line_height_unit'] = $defaults[ 'headings_line_height_unit' ];
			$input_validated['content_font_size'] = $defaults[ 'content_font_size' ];
			$input_validated['content_font_size_unit'] = $defaults[ 'content_font_size_unit' ];
			$input_validated['content_line_height'] = $defaults[ 'content_line_height' ];
			$input_validated['content_line_height_unit'] = $defaults[ 'content_line_height_unit' ];
		}
	}

    // data validation for Default Layout verification
	if ( isset( $input[ 'sidebar_layout' ] ) ) {
		$input_validated[ 'sidebar_layout' ] = $input[ 'sidebar_layout' ];
	}
   // data validation for Homepage Content Layout verification
	if ( isset( $input[ 'content_layout' ] ) ) {
		$input_validated[ 'content_layout' ] = $input[ 'content_layout' ];
	}
	if ( isset( $input['reset_sidebar_layout'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'reset_sidebar_layout' ] = $input[ 'reset_sidebar_layout' ];

		if ( $input['reset_sidebar_layout'] == 1 ) {
			$input_validated[ 'sidebar_layout' ] = $defaults[ 'sidebar_layout' ];
			$input_validated[ 'content_layout' ] = $defaults[ 'content_layout' ];
		}
	}


	// data validation for Custom CSS Style
	if ( isset( $input['custom_css'] ) ) {
		$input_validated['custom_css'] = wp_kses_stripslashes($input['custom_css']);
	}

	// data validation for Homepage/Frontpage posts categories
    if ( isset( $input['front_page_category' ] ) ) {
		$input_validated['front_page_category'] = $input['front_page_category'];
    }

	// data validation for More Tags and Excerpt Length
    if ( isset( $input[ 'more_tag_text' ] ) ) {
        $input_validated[ 'more_tag_text' ] = sanitize_text_field ( $input[ 'more_tag_text' ] );
    }
    //data validation for excerpt length
    if ( isset( $input[ 'excerpt_length' ] ) ) {
        $input_validated[ 'excerpt_length' ] = absint( $input[ 'excerpt_length' ] ) ? $input [ 'excerpt_length' ] : 30;
    }
   //data validation for reset more
	if ( isset( $input['reset_more_tag'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'reset_more_tag' ] = $input[ 'reset_more_tag' ];

		if( $input['reset_more_tag'] == 1 ) {
			global $catchflames_options_defaults;
			$defaults = $catchflames_options_defaults;
			$input_validated[ 'more_tag_text' ] = $defaults[ 'more_tag_text' ];
			$input_validated[ 'excerpt_length' ] = $defaults[ 'excerpt_length' ];
		}
	}

	//Feed Redirect
	if ( isset( $input[ 'feed_url' ] ) ) {
		$input_validated['feed_url'] = esc_url_raw($input['feed_url']);
	}

	// Data Validation for Comment Setting
	if ( isset( $input[ 'commenting_setting' ] ) ) {
		$input_validated[ 'commenting_setting' ] = $input[ 'commenting_setting' ];
	}
	if ( isset( $input['commenting_disable_notes'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'commenting_disable_notes' ] = $input[ 'commenting_disable_notes' ];
	}
	if ( isset( $input['commenting_disable_url'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'commenting_disable_url' ] = $input[ 'commenting_disable_url' ];
	}

	//footer text
	if( isset( $input[ 'footer_code' ] ) ) {
		$input_validated['footer_code'] =  stripslashes( wp_filter_post_kses( addslashes ( $input['footer_code'] ) ) );
	}

	if ( isset( $input['reset_footer'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'reset_footer' ] = $input[ 'reset_footer' ];

		if( $input['reset_footer'] == 1 ) {
			global $catchflames_options_defaults;
			$defaults = $catchflames_options_defaults;
			$input_validated[ 'reset_footer' ] = $input[ 'reset_footer' ];
			$input_validated[ 'footer_code' ] = $defaults[ 'footer_code' ];
		}
	}

    if ( isset( $input['exclude_slider_post'] ) ) {
        // Our checkbox value is either 0 or 1
   		$input_validated[ 'exclude_slider_post' ] = $input[ 'exclude_slider_post' ];

    }

	// data validation Slider Options

	// data validation for Slider Type
	if( isset( $input[ 'select_slider_type' ] ) ) {
		$input_validated[ 'select_slider_type' ] = $input[ 'select_slider_type' ];
	}
	if( isset( $input[ 'select_slider_layout' ] ) ) {
		$input_validated[ 'select_slider_layout' ] = $input[ 'select_slider_layout' ];
	}
	// data validation for Enable Slider
	if( isset( $input[ 'enable_slider' ] ) ) {
		$input_validated[ 'enable_slider' ] = $input[ 'enable_slider' ];
	}
    // data validation for number of slides
	if ( isset( $input[ 'slider_qty' ] ) ) {
		$input_validated[ 'slider_qty' ] = absint( $input[ 'slider_qty' ] ) ? $input [ 'slider_qty' ] : 4;
	}
    // data validation for transition effect
    if( isset( $input[ 'transition_effect' ] ) ) {
        $input_validated['transition_effect'] = wp_filter_nohtml_kses( $input['transition_effect'] );
    }
    // data validation for transition delay
    if ( isset( $input[ 'transition_delay' ] ) && is_numeric( $input[ 'transition_delay' ] ) ) {
        $input_validated[ 'transition_delay' ] = $input[ 'transition_delay' ];
    }
    // data validation for transition length
    if ( isset( $input[ 'transition_duration' ] ) && is_numeric( $input[ 'transition_duration' ] ) ) {
        $input_validated[ 'transition_duration' ] = $input[ 'transition_duration' ];
    }

	// data validation for Featured Post and Page Slider
	if ( isset( $input[ 'featured_slider' ] ) ) {
		$input_validated[ 'featured_slider' ] = array();
	}
	if ( isset( $input[ 'featured_slider_page' ] ) ) {
		$input_validated[ 'featured_slider_page' ] = array();
	}
 	if ( isset( $input[ 'slider_qty' ] ) )	{
		for ( $i = 1; $i <= $input [ 'slider_qty' ]; $i++ ) {
			if ( !empty( $input[ 'featured_slider' ][ $i ] ) && intval( $input[ 'featured_slider' ][ $i ] ) ) {
				$input_validated[ 'featured_slider' ][ $i ] = absint($input[ 'featured_slider' ][ $i ] );
			}
			if ( !empty( $input[ 'featured_slider_page' ][ $i ] ) && intval( $input[ 'featured_slider_page' ][ $i ] ) ) {
				$input_validated[ 'featured_slider_page' ][ $i ] = absint($input[ 'featured_slider_page' ][ $i ] );
			}
		}
	}

	// data validation for Featured Image Slider
	if ( isset( $input[ 'featured_image_slider_image' ] ) ) {
		$input_validated[ 'featured_image_slider_image' ] = array();
	}
	if ( isset( $input[ 'featured_image_slider_link' ] ) ) {
		$input_validated[ 'featured_image_slider_link' ] = array();
	}
	if ( isset( $input[ 'featured_image_slider_base' ] ) ) {
		$input_validated[ 'featured_image_slider_base' ] = array();
	}
	if ( isset( $input[ 'featured_image_slider_title' ] ) ) {
		$input_validated[ 'featured_image_slider_title' ] = array();
	}
	if ( isset( $input[ 'featured_image_slider_content' ] ) ) {
		$input_validated[ 'featured_image_slider_content' ] = array();
	}
 	if ( isset( $input[ 'slider_qty' ] ) )	{
		for ( $i = 1; $i <= $input [ 'slider_qty' ]; $i++ ) {
			if ( !empty( $input[ 'featured_image_slider_image' ][ $i ] ) ) {
				$input_validated[ 'featured_image_slider_image' ][ $i ] = esc_url_raw($input[ 'featured_image_slider_image' ][ $i ] );
			}
			if ( !empty( $input[ 'featured_image_slider_link' ][ $i ] ) ) {
				$input_validated[ 'featured_image_slider_link'][ $i ] = esc_url_raw($input[ 'featured_image_slider_link'][ $i ]);
			}
			if ( !empty( $input[ 'featured_image_slider_base' ][ $i ] ) ) {
				$input_validated[ 'featured_image_slider_base'][ $i ] = $input[ 'featured_image_slider_base'][ $i ];
			}
			if ( !empty( $input[ 'featured_image_slider_title' ][ $i ] ) ) {
				$input_validated[ 'featured_image_slider_title'][ $i ] = sanitize_text_field($input[ 'featured_image_slider_title'][ $i ]);
			}
			if ( !empty( $input[ 'featured_image_slider_content' ][ $i ] ) ) {
				$input_validated[ 'featured_image_slider_content'][ $i ] = wp_kses_stripslashes($input[ 'featured_image_slider_content'][ $i ]);
			}
		}
	}
	//Featured Catgory Slider
	if ( isset( $input['slider_category'] ) ) {
		$input_validated[ 'slider_category' ] = $input[ 'slider_category' ];
	}

	// data validation for Social Icons
	if ( isset( $input['disable_footer_social'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'disable_footer_social' ] = $input[ 'disable_footer_social' ];
	}
	if( isset( $input[ 'social_facebook' ] ) ) {
		$input_validated[ 'social_facebook' ] = esc_url_raw( $input[ 'social_facebook' ] );
	}
	if( isset( $input[ 'social_twitter' ] ) ) {
		$input_validated[ 'social_twitter' ] = esc_url_raw( $input[ 'social_twitter' ] );
	}
	if( isset( $input[ 'social_googleplus' ] ) ) {
		$input_validated[ 'social_googleplus' ] = esc_url_raw( $input[ 'social_googleplus' ] );
	}
	if( isset( $input[ 'social_pinterest' ] ) ) {
		$input_validated[ 'social_pinterest' ] = esc_url_raw( $input[ 'social_pinterest' ] );
	}
	if( isset( $input[ 'social_youtube' ] ) ) {
		$input_validated[ 'social_youtube' ] = esc_url_raw( $input[ 'social_youtube' ] );
	}
	if( isset( $input[ 'social_vimeo' ] ) ) {
		$input_validated[ 'social_vimeo' ] = esc_url_raw( $input[ 'social_vimeo' ] );
	}
	if( isset( $input[ 'social_linkedin' ] ) ) {
		$input_validated[ 'social_linkedin' ] = esc_url_raw( $input[ 'social_linkedin' ] );
	}
	if( isset( $input[ 'social_aim' ] ) ) {
		$input_validated[ 'social_aim' ] = esc_url_raw( $input[ 'social_aim' ] );
	}
	if( isset( $input[ 'social_myspace' ] ) ) {
		$input_validated[ 'social_myspace' ] = esc_url_raw( $input[ 'social_myspace' ] );
	}
	if( isset( $input[ 'social_flickr' ] ) ) {
		$input_validated[ 'social_flickr' ] = esc_url_raw( $input[ 'social_flickr' ] );
	}
	if( isset( $input[ 'social_tumblr' ] ) ) {
		$input_validated[ 'social_tumblr' ] = esc_url_raw( $input[ 'social_tumblr' ] );
	}
	if( isset( $input[ 'social_deviantart' ] ) ) {
		$input_validated[ 'social_deviantart' ] = esc_url_raw( $input[ 'social_deviantart' ] );
	}
	if( isset( $input[ 'social_dribbble' ] ) ) {
		$input_validated[ 'social_dribbble' ] = esc_url_raw( $input[ 'social_dribbble' ] );
	}
	if( isset( $input[ 'social_wordpress' ] ) ) {
		$input_validated[ 'social_wordpress' ] = esc_url_raw( $input[ 'social_wordpress' ] );
	}
	if( isset( $input[ 'social_rss' ] ) ) {
		$input_validated[ 'social_rss' ] = esc_url_raw( $input[ 'social_rss' ] );
	}
	if( isset( $input[ 'social_slideshare' ] ) ) {
		$input_validated[ 'social_slideshare' ] = esc_url_raw( $input[ 'social_slideshare' ] );
	}
	if( isset( $input[ 'social_instagram' ] ) ) {
		$input_validated[ 'social_instagram' ] = esc_url_raw( $input[ 'social_instagram' ] );
	}
	if( isset( $input[ 'social_skype' ] ) ) {
		$input_validated[ 'social_skype' ] = sanitize_text_field( $input[ 'social_skype' ] );
	}
	if( isset( $input[ 'social_soundcloud' ] ) ) {
		$input_validated[ 'social_soundcloud' ] = esc_url_raw( $input[ 'social_soundcloud' ] );
	}
	if( isset( $input[ 'social_email' ] ) &&  isset( $input[ 'social_email' ] )  ) {
		$input_validated[ 'social_email' ] = sanitize_email( $input[ 'social_email' ] );
	}
	if( isset( $input[ 'social_contact' ] ) ) {
		$input_validated[ 'social_contact' ] = esc_url_raw( $input[ 'social_contact' ] );
	}
	if( isset( $input[ 'social_xing' ] ) ) {
		$input_validated[ 'social_xing' ] = esc_url_raw( $input[ 'social_xing' ] );
	}
	if ( isset( $input['enable_specificfeeds'] ) ) {
		// Our checkbox value is either 0 or 1
		$input_validated[ 'enable_specificfeeds' ] = $input[ 'enable_specificfeeds' ];
	}


	//Webmaster Tool Verification
	if( isset( $input[ 'google_verification' ] ) ) {
		$input_validated[ 'google_verification' ] = wp_filter_post_kses( $input[ 'google_verification' ] );
	}
	if( isset( $input[ 'yahoo_verification' ] ) ) {
		$input_validated[ 'yahoo_verification' ] = wp_filter_post_kses( $input[ 'yahoo_verification' ] );
	}
	if( isset( $input[ 'bing_verification' ] ) ) {
		$input_validated[ 'bing_verification' ] = wp_filter_post_kses( $input[ 'bing_verification' ] );
	}
	if( isset( $input[ 'analytic_header' ] ) ) {
		$input_validated[ 'analytic_header' ] = wp_kses_stripslashes( $input[ 'analytic_header' ] );
	}
	if( isset( $input[ 'analytic_footer' ] ) ) {
		$input_validated[ 'analytic_footer' ] = wp_kses_stripslashes( $input[ 'analytic_footer' ] );
	}

	//Clearing the theme option cache
	if( function_exists( 'catchflames_themeoption_invalidate_caches' ) ) catchflames_themeoption_invalidate_caches();

	return $input_validated;
}


/*
 * Clearing the cache if any changes in Admin Theme Option
 */
function catchflames_themeoption_invalidate_caches(){
	delete_transient( 'catchflames_responsive' ); // Disable responsive layout
	delete_transient( 'catchflames_favicon' );	  // favicon on cpanel/ backend and frontend
	delete_transient( 'catchflames_web_clip' ); // web clip icons
	delete_transient( 'catchflames_inline_css' ); // Custom Inline CSS and color options
	delete_transient( 'catchflames_default_sliders' ); // featured demo slider
	delete_transient( 'catchflames_post_sliders' ); // featured post slider
	delete_transient( 'catchflames_page_sliders' ); // featured page slider
	delete_transient( 'catchflames_category_sliders' ); // featured category slider
	delete_transient( 'catchflames_image_sliders' ); // featured image slider
	delete_transient( 'catchflames_social_networks' );  // Social links on header
	delete_transient( 'catchflames_social_search' );  // Social links with search  on header
	delete_transient( 'catchflames_site_verification' ); // scripts which loads on header
	delete_transient( 'catchflames_footercode' ); // scripts which loads on footer
	delete_transient( 'catchflames_footer_content' ); // Footer content
	delete_transient( 'catchflames_logo'); // Header logo
}

/*
 * Clearing the cache if any changes in post or page
 */
function catchflames_post_invalidate_caches(){
	delete_transient( 'catchflames_post_sliders' ); // featured post slider
	delete_transient( 'catchflames_page_sliders' ); // featured page slider
	delete_transient( 'catchflames_category_sliders' ); // featured category slider
}
//Add action hook here save post
add_action( 'save_post', 'catchflames_post_invalidate_caches' );


/*
 * Clearing the cache if any changes in Custom Header
 */
function catchflames_customheader_invalidate_caches(){
	delete_transient( 'catchflames_logo'); // Header logo
}
//Add action hook here save post
add_action( 'custom_header_options', 'catchflames_customheader_invalidate_caches' );


/**
 * Function to display the current year.
 *
 * @uses date() Gets the current year.
 * @return string
 */
function catchflames_the_year() {
	return date( __( 'Y', 'catch-flames' ) );
}


/**
 * Function to display a link back to the site.
 *
 * @uses get_bloginfo() Gets the site link
 * @return string
 */
function catchflames_site_link() {
	return '<a href="' . esc_url( home_url( '/' ) ) . '" title="' . esc_attr( get_bloginfo( 'name', 'display' ) ) . '" ><span>' . get_bloginfo( 'name', 'display' ) . '</span></a>';
}


/**
 * Function to display a link to WordPress.org.
 *
 * @return string
 */
function catchflames_wp_link() {
	return '<a href="http://wordpress.org" target="_blank" title="' . esc_attr__( 'WordPress', 'catch-flames' ) . '"><span>' . __( 'WordPress', 'catch-flames' ) . '</span></a>';
}


/**
 * Function to display a link to Theme Link.
 *
 * @return string
 */
function catchflames_theme_link() {
	return '<a href="http://catchthemes.com/themes/catch-flames-pro" target="_blank" title="' . esc_attr__( 'Theme: Catch Flames Pro', 'catch-flames' ) . '"><span>' . __( 'Theme: Catch Flames Pro', 'catch-flames' ) . '</span></a>';
}