<div class="op-bsw-grey-panel-content op-bsw-grey-panel-no-sidebar typography">
	<p><?php _e('Choose your theme typography settings below. Please remember some fonts won\'t look right at smaller sizes, you can always click "Reset" to restore the theme defaults at any time',OP_SN) ?></p>
    <?php 
	$typography_elements = op_typography_elements();
	$fieldname = 'op[sections][typography]';
	$id = 'op_sections_typography_';
	if(isset($typography_elements['font_elements'])):
	?>
	<ul>
	<?php
	foreach($typography_elements['font_elements'] as $element => $title):
		$help = '';
		if(is_array($title)){
			$help = op_get_var($title,'help');
			$title = op_get_var($title,'name');
		}
		$tmp_field = $fieldname.'['.$element.']';
		$tmp_id = $id.$element.'_';?>
		<li>
			<label for="<?php echo $tmp_id ?>size" class="form-title"><?php _e($title,OP_SN) ?></label>
			 <?php echo (empty($help) ? '':'<p class="op-micro-copy">'.__($help,OP_SN).'</p>') ?>
			<div class="font-chooser cf">
			<?php
			$opt_array = array('typography','font_elements',$element);
			$opts = op_get_option($opt_array);
			echo op_font_size_dropdown($tmp_field.'[size]',op_default_option($opt_array,'size'),$tmp_id.'size');
			echo op_font_dropdown($tmp_field.'[font]',op_default_option($opt_array,'font'),$tmp_id.'font');
			echo op_font_style_dropdown($tmp_field.'[style]',op_default_option($opt_array,'style'),$tmp_id.'style');
			// echo "<div class='clear'></div>";
			op_color_picker($tmp_field.'[color]',op_default_option($opt_array,'color'),$tmp_id.'color');
			?>
				<a href="#reset" class="reset-link">Reset</a>
			</div>
           
		</li>
	<?php endforeach ?>
    </ul>
    <?php 
	endif;
	if(isset($typography_elements['color_elements'])): ?>
	<ul>
	<?php 
		foreach($typography_elements['color_elements'] as $element => $title):
			$help = '';
			if(is_array($title)){
				$help = op_get_var($title,'help');
				$title = op_get_var($title,'name');
			}
			$tmp_field = $fieldname.'['.$element.']';
			$tmp_id = $id.$element;?>
		<li>
			<label for="<?php echo $tmp_id ?>size" class="form-title"><?php _e($title,OP_SN) ?></label>
			<?php echo (empty($help) ? '':'<p class="op-micro-copy">'.__($help,OP_SN).'</p>') ?>
			<div class="font-chooser cf">
			<?php
			$opt_array = array('typography','color_elements',$element);
			op_color_picker($tmp_field,op_default_option($opt_array),$tmp_id);
			?>
				<a href="#reset" class="reset-link">Reset</a>
			</div>
            
		</li>
		<?php endforeach ?>
    </ul>
    <?php endif ?>
</div>