<?php 
$general_css = '';

$default_primary_font = json_decode( reon_primary_font() );
$default_second_font = json_decode( reon_second_font() );
$default_three_font = json_decode( reon_three_font() );

/* General Typo */
$primary_font = json_decode( get_theme_mod( 'primary_font' ) ) ? json_decode( get_theme_mod( 'primary_font' ) ) : $default_primary_font;
$primary_font_family = $primary_font->font;



$general_font_size = get_theme_mod( 'general_font_size', '16px' );
$general_line_height = get_theme_mod( 'general_line_height', '1.67' );
$general_letter_space = get_theme_mod( 'general_letter_space', '0px' );
$general_color = get_theme_mod( 'general_color', '#666' );


/* General Color */
$primary_color = get_theme_mod( 'primary_color', '#d9a868' );



/* Second Font */
$second_font = json_decode( get_theme_mod( 'second_font' ) ) ? json_decode( get_theme_mod( 'second_font' ) ) : $default_second_font;
$second_font_family = $second_font->font;

/* Three Font */
$three_font = json_decode( get_theme_mod( 'three_font' ) ) ? json_decode( get_theme_mod( 'three_font' ) ) : $default_three_font;
$three_font_family = $three_font->font;


$general_css .= <<<CSS

body{
	font-family: {$primary_font_family}, sans-serif;
	font-weight: 400;
	font-size: {$general_font_size}px;
	line-height: {$general_line_height};
	letter-spacing: {$general_letter_space};
	color: {$general_color};
}
p{
	color: {$general_color};
}
.main-color{
	color: {$primary_color};	
}

.special-heading{
	font-family: {$three_font_family}, sans-serif;
}

.second_font, .ova_menu_clasic {
	font-family: {$second_font_family}, sans-serif;
}
.three_font {
	font-family: {$three_font_family}, sans-serif;
}


/*---------------------------------------
			Blog
----------------------------------------*/
.blog-reon-sidebar .blog-detail .post-readmore a:hover,
.sidebar .widget.widget_categories ul .cat-item a:hover,
.sidebar .widget.recent-posts-widget-with-thumbnails ul li a .rpwwt-post-title:hover,
.sidebar .widget.widget_tag_cloud .tagcloud a:hover,
.breadcrumb-section.single-reon .breadcrumb-inner .breadcrumbs-text .date-cmt .comment a:hover,
.reon-detail-blog .post-wrap .socials .tags a:hover,
.reon-detail-blog .post-wrap .socials .socials-inner a:hover,
.content_comments .comments .comment-respond small a:hover,
.content_comments .comments ul.commentlists li.comment .comment_item .comment-content .ova_reply a:hover,
article.post-wrap h2.post-title a:hover,
article.post-wrap .date-cmt .comment a:hover
{
	color: {$primary_color};
}

.reon-detail-blog .post-wrap .socials .tags a
{
	background-color: {$primary_color} !important;
}

@media(max-width: 575px){

.menu-hp-1 .owl-carousel .owl-item .menu-content .menu-detail .menu-inner .food-info .name span.price,
.menu-v1-section .grid-item .menu-inner .desc_our span .price
{
	color: {$primary_color};
}

}

CSS;



return $general_css;