<?php 

$body_color = $body_styles = $footer_styles = $footer_color = '';

/* Body */
$body_color = wishbone_option('body_color');
$body_styles = wishbone_option('body_styles');

/* Footer */
$footer_color = wishbone_option('footer_color');
$footer_styles = wishbone_option('footer_styles');
$copyright_text_clr = wishbone_option('copyright_text_clr');
$copyright_bg_clr = wishbone_option('copyright_bg_clr');
$copyright_bd_clr = wishbone_option('copyright_bd_clr');
 ?>

body{
	position:relative;
	z-index: 1;
}
body:before{
content:"";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
width: auto;
height: auto;
z-index: -1;
<?php if($body_color){ ?>
	background: <?php echo esc_html( $body_color ); ?>;
<?php } // $body_color

if($body_styles){
	#print_r($body_styles);
	$image_type = $body_styles['image_type'];
	if( 'custom' == $image_type ):
		$custom = $body_styles['custom'];
		foreach( $custom as $propery => $value ){
			if( is_array($value) ){
				echo esc_html($propery).':  url("'.esc_html($value['url']).'")'.";\n";
			} else {
				echo esc_html($propery).': '.esc_html($value).";\n";
			}
		}
	endif;
} 
?>
}

<?php 
	$color = null;
	$color = wishbone_option('accent_color');


	$predefinedcolor = '';
	$predefinedcolor = wishbone_option('predefinedcolor');

	if( isset($color) AND 'none' == $predefinedcolor ):
 ?>

::-moz-selection{
	background: <?php echo wishbone_pass_html( $color ) ?>;
}

::selection{
	background: <?php echo wishbone_pass_html( $color ) ?>;
}
a{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
a:hover, a:active, a:focus{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}

.wishbone_social li:hover > a, body.light .wishbone_social li:hover > a{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_searchform input[type=text]:focus {
    box-shadow: 0 0 1px 0 <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_mainmenu > li.menu-item-has-children:hover > a:after,
.wishbone_mainmenu > li.mega-menu:hover > a:after{
	border-color: <?php echo wishbone_pass_html( $color ) ?>
}
.wishbone_mainmenu ul li.menu-item-has-children:hover > a:after{
	border-color: <?php echo wishbone_pass_html( $color ) ?>
}
.wishbone_mainmenu > li:hover > a{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_mainmenu ul li:hover > a{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_slidemeta a:hover{
	background: <?php echo wishbone_pass_html( $color ) ?>;
	border-color: <?php echo wishbone_pass_html( $color ) ?>
}
body.dark .owl-item.active.center .wishbone_slideitem .wishbone_slidehead h3 a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .owl-item.active.center .wishbone_slideitem .wishbone_slidehead h3 a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.owl-dots .owl-dot.active{
	background: <?php echo wishbone_pass_html( $color ) ?>;
	border: 1px solid <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_ws_detailitem h2 a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_ws_cat a:hover{
	border-color: <?php echo wishbone_pass_html( $color ) ?>;
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_ws_slide_trigger.active:before{
	border: 3px solid <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_twocol_slider .owl-nav div:hover:before{
	background: <?php echo wishbone_pass_html( $color ) ?>!important;
}
.wishbone_twocol_slider .owl-nav div:hover{
	border-color: <?php echo wishbone_pass_html( $color ) ?>!important;
}
.wishbone_ts_title h2:hover a{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
ul li a.wishbone_recpostsmalltitle:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>!important;
}
.wishbone_authorname a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_posttitle h2 a{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .wishbone_posttitle h2 a:hover,
.wishbone_posttitle h2 a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_postcat a{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_postcat a:hover{
	background: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_readmore svg{
	fill: <?php echo wishbone_pass_html( $color ) ?>;
	color:<?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_readmore a, .wishbone_readmore a:before, .wishbone_readmore a:after{
	color: <?php echo wishbone_pass_html( $color ) ?>;
	border-color: <?php echo wishbone_pass_html( $color ) ?>;
}
.likedicon svg{
	fill: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_postfooter a:hover, .wishbone_postfooter a:hover svg{
	fill: <?php echo wishbone_pass_html( $color ) ?>!important;
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_postsharer a:hover:before{
	border-color: <?php echo wishbone_pass_html( $color ) ?>!important;
}
.wishbone_share_close:hover svg{
	fill: <?php echo wishbone_pass_html( $color ) ?>!important;
}
.wishbone_msn_postformat{
	background: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_msn_postformat:before{
	border: 1px solid <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_msn_posttitle h2 a{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_msn_readmore a{
	border-bottom: 1px solid <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_msn_readmore svg{
	fill: <?php echo wishbone_pass_html( $color ) ?>
}

.wishbone_msn_postfooter a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_msn_postfooter a:hover svg{
	fill: <?php echo wishbone_pass_html( $color ) ?>!important;
}
.liked svg, .liked:hover svg{
	fill: <?php echo wishbone_pass_html( $color ) ?>!important
}
.wishbone_simgrid_postformat{
	background: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_simgrid_postformat:before{
	border: 1px solid <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_simgrid_posttime a:hover{
	color:<?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_simgrid_posttime a:hover svg{
	fill:<?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_simgrid_posttitle h2{
	border-left: 2px solid <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_simgrid_posttitle h2 a{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_simgrid_postcat a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_simgrid_postcat:hover svg{
	fill: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_simgrid_postfooter a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_simgrid_postfooter a:hover svg{
	fill: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_supsim_posttitle h2 a{
	color: <?php echo wishbone_pass_html( $color ) ?>
}
.wishbone_supsim_postcat a:hover, .wishbone_supsim_posttime a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_supsim_postcat:hover svg, .wishbone_supsim_posttime:hover svg{
	fill: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_supsim_readmore:hover svg, .wishbone_supsim_readmore:hover a{
	color: <?php echo wishbone_pass_html( $color ) ?>;
	fill: <?php echo wishbone_pass_html( $color ) ?>!important;
}
.wishbone_supsim_footer a:hover, .wishbone_supsim_footer a:hover svg{
	color: <?php echo wishbone_pass_html( $color ) ?>;
	fill: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_list_posttitle{
	border-bottom: 2px solid <?php echo wishbone_pass_html( $color ) ?>;
}

.wishbone_list_posttitle .wishbone_upinfo a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_list_posttime a:hover,
.wishbone_list_posttime a:hover svg,
.wishbone_list_posttime svg:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
	fill: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_list_category:hover svg,
.wishbone_list_category:hover a{
	color: <?php echo wishbone_pass_html( $color ) ?>;
	fill: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_list_more:hover{
	background: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_list_readmore a:hover,
.wishbone_list_readmore a:hover svg,
.wishbone_list_readmore a:hover .sl-wrapper svg{
	color: <?php echo wishbone_pass_html( $color ) ?>;
	fill: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_paging li a:hover, 
.wishbone_paging li a:hover:before, 
.wishbone_paging li a.current,
.wishbone_paging li a.current:before{
	border-color: <?php echo wishbone_pass_html( $color ) ?>;
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_loadmorebutton{
	border: 1px solid <?php echo wishbone_pass_html( $color ) ?>;
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.nextprev a:hover{
	background: <?php echo wishbone_pass_html( $color ) ?>;
}

.nextprev a:hover:after{
	border-color: <?php echo wishbone_pass_html( $color ) ?>
}
.wishbone_typography input:not([type="button"]){
	outline-color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_widearticle_content a{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_widearticle_content a:before, .wishbone_widearticle_content a:after{
	background: <?php echo wishbone_pass_html( $color ) ?>;
}

body.light .wishbone_simgrid_posttitle h2:hover{
	border-color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_maincontainer input[type="submit"]:hover,
.wishbone_maincontainer input[type="submit"]:active,
.wishbone_maincontainer input[type="submit"]:focus,
.wishbone_maincontainer input[type="button"]:hover,
.wishbone_maincontainer input[type="button"]:active,
.wishbone_maincontainer input[type="button"]:focus,
.wishbone_maincontainer input[type="submit"]:hover,
.wishbone_maincontainer input[type="submit"]:active,
.wishbone_maincontainer input[type="submit"]:focus,
.wishbone_maincontainer input[type="reset"]:hover,
.wishbone_maincontainer input[type="reset"]:active,
.wishbone_maincontainer input[type="reset"]:focus {
	border-color: <?php echo wishbone_pass_html( $color ) ?>;
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_maincontainer input[type="text"]:active,
.wishbone_maincontainer input[type="password"]:active,
.wishbone_maincontainer input[type="date"]:active,
.wishbone_maincontainer input[type="datetime"]:active,
.wishbone_maincontainer input[type="datetime-local"]:active,
.wishbone_maincontainer input[type="month"]:active,
.wishbone_maincontainer input[type="week"]:active,
.wishbone_maincontainer input[type="email"]:active,
.wishbone_maincontainer input[type="number"]:active,
.wishbone_maincontainer input[type="search"]:active,
.wishbone_maincontainer input[type="tel"]:active,
.wishbone_maincontainer input[type="time"]:active,
.wishbone_maincontainer input[type="url"]:active,
.wishbone_maincontainer input[type="color"]:active,
.wishbone_maincontainer textarea:active,
.wishbone_maincontainer input[type="text"]:focus,
.wishbone_maincontainer input[type="password"]:focus,
.wishbone_maincontainer input[type="date"]:focus,
.wishbone_maincontainer input[type="datetime"]:focus,
.wishbone_maincontainer input[type="datetime-local"]:focus,
.wishbone_maincontainer input[type="month"]:focus,
.wishbone_maincontainer input[type="week"]:focus,
.wishbone_maincontainer input[type="email"]:focus,
.wishbone_maincontainer input[type="number"]:focus,
.wishbone_maincontainer input[type="search"]:focus,
.wishbone_maincontainer input[type="tel"]:focus,
.wishbone_maincontainer input[type="time"]:focus,
.wishbone_maincontainer input[type="url"]:focus,
.wishbone_maincontainer input[type="color"]:focus,
.wishbone_maincontainer textarea:focus
{
	border-color: <?php echo wishbone_pass_html( $color ) ?>;
}
.notfoundsearchform button{
	background: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_widecle_cat a{
	background: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_tags a:hover{
	background: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_articlefootershare a{
	background: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_articleauthorinfo .ain a:hover{
	color:<?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_author_social li a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.comment-metadata a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}

.comment-reply-link:hover{
	background: <?php echo wishbone_pass_html( $color ) ?>;
	border-color: <?php echo wishbone_pass_html( $color ) ?>;
}
.logged-in-as a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.comment-form input:focus,.comment-form textarea:focus {
	border-color: <?php echo wishbone_pass_html( $color ) ?>;
}
.comment-form input[type="submit"]:hover,
.comment-form input[type="submit"]:active,
.comment-form input[type="submit"]:focus {
	background-color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_relate_cat a{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_postnavtitle a:hover,
.wishbone_postnavitem:hover a{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.breadcrumb_list li a:hover, 
.breadcrumb_list li a:hover svg {
	color: <?php echo wishbone_pass_html( $color ) ?>;
	fill: <?php echo wishbone_pass_html( $color ) ?>;
}

.breadcrumb_list li a:hover {
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
.wishbone_widget ul li a:hover,
ul.wishbone_widget_recentposts li a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>!important;
}
.wishbone_backtotop svg{
	fill: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .nextprev a:hover{
	background: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .nextprev a:hover:after{
	border-color: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .wishbone_mainmenu > li:hover > a,
body.light .wishbone_mainmenu ul li:hover > a
{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .wishbone_ws_cat a:hover{
	border-color: <?php echo wishbone_pass_html( $color ) ?>
}
body.light .wishbone_slidemeta a{
	border-color: <?php echo wishbone_pass_html( $color ) ?>;
	background: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .wishbone_widearticle_content a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .wishbone_widearticle_content a:hover:before,
body.light .wishbone_widearticle_content a:hover:after{
	background: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .wishbone_msn_readmore a,
body.light .wishbone_msn_readmore a svg
{
	color: <?php echo wishbone_pass_html( $color ) ?>;
	fill: <?php echo wishbone_pass_html( $color ) ?>!important;
}
body.light .wishbone_msn_readmore{
	color: <?php echo wishbone_pass_html( $color ) ?>
}
body.light .wishbone_authorname a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .wishbone_loadmorebutton{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}

body.light .wishbone_readmore a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
	border-color: <?php echo wishbone_pass_html( $color ) ?>;
}

body.light .wishbone_readmore a:hover svg{
	fill: <?php echo wishbone_pass_html( $color ) ?>;
}

body.light .wishbone_readmore a:hover:before{
	border-left: 1px solid <?php echo wishbone_pass_html( $color ) ?>;
	border-bottom: 1px solid <?php echo wishbone_pass_html( $color ) ?>;
}

body.light .wishbone_readmore a:hover:after{
	border-top: 1px solid <?php echo wishbone_pass_html( $color ) ?>;
	border-right: 1px solid <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .wishbone_widsoc li a:hover{
	background: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .wishbone_backtotop svg:hover{
	fill: <?php echo wishbone_pass_html( $color ) ?>
}
body.light .wishbone_tags a:hover{
	background: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .wishbone_relate_cat a{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .comment-content .morelink{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .comment-reply-link:hover{
	background: <?php echo wishbone_pass_html( $color ) ?>;
	border-color: <?php echo wishbone_pass_html( $color ) ?>
}
body.light .comment-form input[type="submit"]{
	background: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .wishbone_widecle_cat a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .wishbone_ts_title h2 a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .wishbone_list_posttitle .wishbone_authorname a:hover{
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .wishbone_list_more:hover{
	border-color: <?php echo wishbone_pass_html( $color ) ?>
}
body.light .wishbone_supsim_footer a:hover svg{
	fill: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .wishbone_maincontainer input[type="submit"]:hover,
body.light .wishbone_maincontainer input[type="submit"]:active,
body.light .wishbone_maincontainer input[type="submit"]:focus,
body.light .wishbone_maincontainer input[type="button"]:hover,
body.light .wishbone_maincontainer input[type="button"]:active,
body.light .wishbone_maincontainer input[type="button"]:focus,
body.light .wishbone_maincontainer input[type="submit"]:hover,
body.light .wishbone_maincontainer input[type="submit"]:active,
body.light .wishbone_maincontainer input[type="submit"]:focus,
body.light .wishbone_maincontainer input[type="reset"]:hover,
body.light .wishbone_maincontainer input[type="reset"]:active,
body.light .wishbone_maincontainer input[type="reset"]:focus {
	border-color: <?php echo wishbone_pass_html( $color ) ?>;
	color: <?php echo wishbone_pass_html( $color ) ?>;
}
body.light .wishbone_maincontainer input[type="text"]:active,
body.light .wishbone_maincontainer input[type="password"]:active,
body.light .wishbone_maincontainer input[type="date"]:active,
body.light .wishbone_maincontainer input[type="datetime"]:active,
body.light .wishbone_maincontainer input[type="datetime-local"]:active,
body.light .wishbone_maincontainer input[type="month"]:active,
body.light .wishbone_maincontainer input[type="week"]:active,
body.light .wishbone_maincontainer input[type="email"]:active,
body.light .wishbone_maincontainer input[type="number"]:active,
body.light .wishbone_maincontainer input[type="search"]:active,
body.light .wishbone_maincontainer input[type="tel"]:active,
body.light .wishbone_maincontainer input[type="time"]:active,
body.light .wishbone_maincontainer input[type="url"]:active,
body.light .wishbone_maincontainer input[type="color"]:active,
body.light .wishbone_maincontainer textarea:active,
body.light .wishbone_maincontainer input[type="text"]:focus,
body.light .wishbone_maincontainer input[type="password"]:focus,
body.light .wishbone_maincontainer input[type="date"]:focus,
body.light .wishbone_maincontainer input[type="datetime"]:focus,
body.light .wishbone_maincontainer input[type="datetime-local"]:focus,
body.light .wishbone_maincontainer input[type="month"]:focus,
body.light .wishbone_maincontainer input[type="week"]:focus,
body.light .wishbone_maincontainer input[type="email"]:focus,
body.light .wishbone_maincontainer input[type="number"]:focus,
body.light .wishbone_maincontainer input[type="search"]:focus,
body.light .wishbone_maincontainer input[type="tel"]:focus,
body.light .wishbone_maincontainer input[type="time"]:focus,
body.light .wishbone_maincontainer input[type="url"]:focus,
body.light .wishbone_maincontainer input[type="color"]:focus,
body.light .wishbone_maincontainer textarea:focus
{
	border-color: <?php echo wishbone_pass_html( $color ) ?>;
}

<?php endif; //color ?>






<?php
/* =======================================================================================================
Typography 
====================================================================================================== */
$use_custom_typo = wishbone_option('use_custom_typo');

/* >> BODY ..........................................  */
$bodyfontfamily = wishbone_option('body-fontfamily');
$bodyfontsize = wishbone_option('body-fontsize');
$bodylineheight = wishbone_option('body-lineheight');
$bodycolor = wishbone_option('body-color', '');

/* >> HEADINGS ..........................................  */
$headingfamily = wishbone_option('headlines-fontfamily');
$headingweight = wishbone_option('headlines-fontweight');
$h1_size = wishbone_option('h1_size');
$h2_size = wishbone_option('h2_size');
$h3_size = wishbone_option('h3_size');
$h4_size = wishbone_option('h4_size');
$h5_size = wishbone_option('h5_size');
$h6_size = wishbone_option('h6_size');

/* >> MENU ..........................................  */
$menufontfamily = wishbone_option('menu-fontfamily');
$menuweight = wishbone_option('menu-weight');
$menufontsize = wishbone_option('menu-fontsize');
$menucolor = wishbone_option('menu-color');
$menustyle = wishbone_option('menu-style');

/* >> HERO 1 ..........................................  */
$hero1fontfamily = wishbone_option('hero1-fontfamily');
$hero1fontsize = wishbone_option('hero1-fontsize');
$hero1lineheight = wishbone_option('hero1-lineheight');
$hero1weight = wishbone_option('hero1-weight');
$hero1style = wishbone_option('hero1-style');

/* >> HERO 2 ..........................................  */
$hero2fontfamily = wishbone_option('hero2-fontfamily');
$hero2fontsize = wishbone_option('hero2-fontsize');
$hero2lineheight = wishbone_option('hero2-lineheight');
$hero2weight = wishbone_option('hero2-weight');
$hero2style = wishbone_option('hero2-style');

/* >> HERO 3 ..........................................  */
$hero3fontfamily = wishbone_option('hero3-fontfamily');
$hero3fontsize = wishbone_option('hero3-fontsize');
$hero3lineheight = wishbone_option('hero3-lineheight');
$hero3weight = wishbone_option('hero3-weight');
$hero3style = wishbone_option('hero3-style');

/* >> HERO 4 ..........................................  */
$hero4fontfamily = wishbone_option('hero4-fontfamily');
$hero4fontsize = wishbone_option('hero4-fontsize');
$hero4lineheight = wishbone_option('hero4-lineheight');
$hero4weight = wishbone_option('hero4-weight');
$hero4style = wishbone_option('hero4-style');

/* >> STANDARD LOOP ..........................................  */
$standardloopfontfamily = wishbone_option('standardloop-fontfamily');
$standardloopfontsize = wishbone_option('standardloop-fontsize');
$standardloopweight = wishbone_option('standardloop-weight');
$standardloopstyle = wishbone_option('standardloop-style');
$standardlooplineheight = wishbone_option('standardloop-lineheight');

/* >> MASONRY LOOP ..........................................  */
$masonryfontfamily = wishbone_option('masonry-fontfamily');
$masonryfontsize = wishbone_option('masonry-fontsize');
$masonryweight = wishbone_option('masonry-weight');
$masonrystyle = wishbone_option('masonry-style');
$masonrylineheight = wishbone_option('masonry-lineheight');

/* >> SIMPLE LIST LOOP ..........................................  */
$simplegridfontfamily = wishbone_option('simplegrid-fontfamily');
$simplegridfontsize = wishbone_option('simplegrid-fontsize');
$simplegridweight = wishbone_option('simplegrid-weight');
$simplegridstyle = wishbone_option('simplegrid-style');
$simplegridlineheight = wishbone_option('simplegrid-lineheight');

/* >> CLASSIC LOOP ..........................................  */
$classicfontfamily = wishbone_option('classic-fontfamily');
$classicfontsize = wishbone_option('classic-fontsize');
$classicweight = wishbone_option('classic-weight');
$classicstyle = wishbone_option('classic-style');
$classiclineheight = wishbone_option('classic-lineheight');

/* >> CLASSIC LOOP ..........................................  */
$simplelistfontfamily = wishbone_option('simplelist-fontfamily');
$simplelistfontsize = wishbone_option('simplelist-fontsize');
$simplelistweight = wishbone_option('simplelist-weight');
$simpleliststyle = wishbone_option('simplelist-style');
$simplelistlineheight = wishbone_option('simplelist-lineheight');

/* >> CLASSIC LOOP ..........................................  */
$singularfontfamily = wishbone_option('singular-fontfamily');
$singularfontsize = wishbone_option('singular-fontsize');
$singularweight = wishbone_option('singular-weight');
$singularstyle = wishbone_option('singular-style');
$singularlineheight = wishbone_option('singular-lineheight');

/* >> CLASSIC LOOP ..........................................  */
$sidebarwidgetfontfamily = wishbone_option('sidebarwidget-fontfamily');
$sidebarwidgetfontsize = wishbone_option('sidebarwidget-fontsize');
$sidebarwidgetweight = wishbone_option('sidebarwidget-weight');
$sidebarwidgetstyle = wishbone_option('sidebarwidget-style');
$sidebarwidgetlineheight = wishbone_option('sidebarwidget-lineheight');

/* >> SINGULAR PARAGRAPH ..........................................  */
$singularparagraphfamily = wishbone_option('singularparagraph-fontfamily');
$singularparagraphsize = wishbone_option('singularparagraph-fontsize');
$singularparagraphheight = wishbone_option('singularparagraph-lineheight');

/* >> SIDEBAR WIDGET CONTENT ..........................................  */
$sdbwdgtfontfamily = wishbone_option('sidebarwidgetcontent-fontfamily');
$sdbwdgtfontsize = wishbone_option('sidebarwidgetcontent-fontsize');
$sdbwdgtlineheight = wishbone_option('sidebarwidgetcontent-lineheight');


// HELPER: wishbone_generatefontcss( $family, $size, $weight, $style, $lineheight, $color );
if( true == $use_custom_typo ): ?>	


body{
	<?php wishbone_fontcss( $bodyfontfamily, $bodyfontsize, null, null, $bodylineheight, $bodycolor ); ?>
}
.wishbone_msn_postexcerpt,
.wishbone_supsim_postexcerpt,
.wishbone_list_postexcerpt p,
.wishbone_postexcerpt,
.wishbone_typography,
.comment-content,
.comment-form textarea,
.wishbone_page_info h1 em{
	<?php wishbone_fontfamily( $bodyfontfamily ); ?>
	<?php wishbone_fontsize( $bodyfontsize ); ?>
	<?php wishbone_lineheight( $bodylineheight ); ?>
}

<?php /* HEADLINES ..........................................*/  ?>
h1,h2,h3,h4,h5,h6{
	<?php wishbone_fontcss( $headingfamily, null, $headingweight, null, null, null ); ?>
}

h1{
	<?php wishbone_fontsize($h1_size); ?>
}

h2{
	<?php wishbone_fontsize($h2_size); ?>
}

h3{
	<?php wishbone_fontsize($h3_size); ?>
}

h4{
	<?php wishbone_fontsize($h4_size); ?>
}

h5{
	<?php wishbone_fontsize($h5_size); ?>
}

h6{
	<?php wishbone_fontsize($h6_size); ?>
}

<?php /* MENU .......................................... */ ?>
.wishbone_mainmenu > li > a,
body.light .wishbone_mainmenu > li > a{
	<?php wishbone_fontcss( $menufontfamily, $menufontsize, $menuweight, $menustyle, null, null ); ?>
}

body.dark .wishbone_mainmenu ul li > a,
body.light .wishbone_mainmenu ul li > a
{
	<?php wishbone_fontcss( $menufontfamily, $menufontsize-3, $menuweight, $menustyle, null, $menucolor ); ?>
}

<?php /* HERO SECTION .......................................... */ ?>
<?php if( 12 == $hero1fontsize ) $hero1fontsize = null; ?>
.wishbone_ws_detailitem h2{
	<?php wishbone_fontcss( $hero1fontfamily, $hero1fontsize, $hero1weight, $hero1style, $hero1lineheight, null ); ?>
}

/* HERO 2 */
<?php if( 12 == $hero2fontsize ) $hero2fontsize = null; ?>
.wishbone_slidehead h3{
	<?php wishbone_fontcss( $hero2fontfamily, $hero2fontsize, $hero2weight, $hero2style, $hero2lineheight, null ); ?>
}

body.dark .wishbone_gh_item .wishbone_gh_cover h2, 
body.light .wishbone_gh_item .wishbone_gh_cover h2
{
	<?php wishbone_fontcss( $hero3fontfamily, $hero3fontsize-10, $hero3weight, $hero3style, null, null ); ?>
}

/* HERO 3 */
<?php if( 12 == $hero3fontsize ) $hero3fontsize = null; ?>
body.dark .wishbone_gh_item.wishbone_gh_big .wishbone_gh_cover h2,
body.light .wishbone_gh_item.wishbone_gh_big .wishbone_gh_cover h2
{
	<?php wishbone_fontcss( $hero3fontfamily, $hero3fontsize, $hero3weight, $hero3style, $hero3lineheight, null ); ?>
}

/* HERO 4 */
<?php if( 12 == $hero4fontsize ) $hero4fontsize = null; ?>
body.dark .wishbone_ts_title h2,
body.light .wishbone_ts_title h2
{
	<?php wishbone_fontcss( $hero4fontfamily, $hero4fontsize, $hero4weight, $hero4style, $hero4lineheight, null ); ?>
}


<?php /* POST LOOP SECTION .......................................... */ ?>
/* STANDARD LOOP */
<?php if( 12 == $standardloopfontsize ) $standardloopfontsize = null; ?>
.wishbone_posttitle h2{
	<?php wishbone_fontcss( $standardloopfontfamily, $standardloopfontsize, $standardloopweight, $standardloopstyle, $standardlooplineheight, null ); ?>
}

<?php if( 12 == $singularfontsize ) $singularfontsize = null; ?>
.wishbone_postexcerpt, .wishbone_typography, .comment-content{
	<?php wishbone_fontcss( $singularparagraphfamily, $singularparagraphsize, null, null, $singularparagraphheight, null ); ?>
}

/* Masonry LOOP */
<?php if( 12 == $masonryfontsize ) $masonryfontsize = null; ?>
.wishbone_msn_posttitle h2{
	<?php wishbone_fontcss( $masonryfontfamily, $masonryfontsize, $masonryweight, $masonrystyle, $masonrylineheight, null ); ?>
}

.wishbone_msn_postexcerpt{
	<?php wishbone_fontcss( $singularparagraphfamily, 14, null, null, null, null ); ?>
}


/* SIMPLE GRID */
<?php if( 12 == $simplegridfontsize ) $simplegridfontsize = null; ?>
.wishbone_simgrid_posttitle h2{
	<?php wishbone_fontcss( $simplegridfontfamily, $simplegridfontsize, $simplegridweight, $simplegridstyle, $simplegridlineheight, null ); ?>
}


/* CLASSIC LOOP */
<?php if( 12 == $classicfontsize ) $classicfontsize = null; ?>
.wishbone_list_posttitle h2{
	<?php wishbone_fontcss( $classicfontfamily, $classicfontsize, $classicweight, $classicstyle, $classiclineheight, null ); ?>
}

.wishbone_list_postexcerpt, .wishbone_list_postexcerpt p{
	<?php wishbone_fontcss( $singularparagraphfamily, null, null, null, null, null ); ?>
}


/* SIMPLE LIST LOOP */
<?php if( 12 == $simplelistfontsize ) $simplelistfontsize = null; ?>
.wishbone_supsim_posttitle h2{
	<?php wishbone_fontcss( $simplelistfontfamily, $simplelistfontsize, $simplelistweight, $simpleliststyle, $simplelistlineheight, null ); ?>
}

.wishbone_supsim_postexcerpt p{
	<?php wishbone_fontcss( $singularparagraphfamily, null, null, null, null, null ); ?>
}

<?php if( 12 == $singularfontsize ) $singularfontsize = null; ?>
/* SINGULAR */
.wishbone_widearticleheader h1{
	<?php wishbone_fontcss( $singularfontfamily, $singularfontsize, $singularweight, $singularstyle, $singularlineheight, null ); ?>
}


/* ARTICLE CONTTENT */
.wishbone_widearticle_content p{
	<?php wishbone_fontcss( $singularparagraphfamily, $singularparagraphsize+2, null, null, $singularparagraphheight+2, null ); ?>
}

.comment-content p{
	margin: <?php echo esc_html( $singularparagraphsize ); ?>px 0;
	font-size: <?php echo esc_html( $singularparagraphsize-2 ); ?>px;
}


/* WIDGET TITLE */
.wishbone_widtle{
	<?php wishbone_fontcss( $sidebarwidgetfontfamily, $sidebarwidgetfontsize, $sidebarwidgetweight, $sidebarwidgetstyle, $sidebarwidgetlineheight, null ); ?>
}

.wishbone_widget {
	<?php wishbone_fontcss( $sdbwdgtfontfamily, $sdbwdgtfontsize, null, null, $sdbwdgtlineheight, null ); ?>
}

<?php endif; // $use_custom_typo ?>






<?php
/* =======================================================================================================
FOOTER 
====================================================================================================== */ 
?>
#wishbone_footer{
<?php if($footer_color){ ?>
	background: <?php echo esc_html( $footer_color ); ?>;
<?php } // $footer_color

if($footer_styles){
	#print_r($footer_styles);
	$image_type = $footer_styles['image_type'];
	if( 'custom' == $image_type ):
		$custom = $footer_styles['custom'];
		foreach( $custom as $propery => $value ){
			if( is_array($value) ){
				echo esc_html($propery).':  url("'.esc_html($value['url']).'")'.";\n";
			} else {
				echo esc_html($propery).': '.esc_html($value).";\n";
			}
		}
	endif;	
} 
?>
}




<?php if($footer_color){ ?>
	#wishbone_footer:before{
		background-color: <?php echo esc_html( $footer_color ); ?>;
	}
<?php } ?>

<?php if( $copyright_text_clr ){ ?>
	.wishbone_copyright{
		color: <?php echo esc_html( $copyright_text_clr ); ?>;
		background-color: <?php echo esc_html( $copyright_bg_clr ); ?>;
		border-color: <?php echo esc_html( $copyright_bd_clr ); ?>;
	}
<?php } ?>




<?php 
	$custom = wishbone_option('customcss', '');
	if( !empty($custom) ){
		echo wishbone_pass_html( $custom );
	}
 ?>