<?php
//////////////////////////////////////////////////////////////////
// Customizer - Add CSS
//////////////////////////////////////////////////////////////////

function rit_customizer_css() { ?>
    <style type="text/css">

        <?php
            $font_family = (get_theme_mod('rit_body_font_google', 'google') == 'google') ? get_theme_mod('rit_body_font_google', 'Lato') : get_theme_mod('rit_body_font_standard', 'Arial');

            if(get_theme_mod('rit_body_font_google', 'google')) {

            $google_font = 'http://fonts.googleapis.com/css?family=' . $font_family;
        ?>
        @import url(<?php echo esc_url($google_font); ?>);
        <?php } ?>


        <?php // ---------  Font ------------ // ?>
        body{
            font-family: "<?php echo esc_attr($font_family); ?>";
            font-size: <?php echo get_theme_mod('rit_enable_body_font_size', '14'); ?>px;
        }
        #menu-primary-navigation > li > a{
            font-size: <?php echo get_theme_mod('rit_enable_menu_font_size', '16'); ?>px !important;
        }
        .widget-title{
            font-size: <?php echo get_theme_mod('rit_enable_title_font_size', '20'); ?>px;
        }


        <?php // ---------  Color ------------ // ?>

        <?php //body ?>
        body{
            background-color: <?php echo get_theme_mod('rit_bg_body', ''); ?>;
        <?php if(get_theme_mod('rit_bg_image', '')){ ?>
            background-image: url(<?php echo get_theme_mod('rit_bg_image', ''); ?>);
        <?php } ?>
        }

        <?php //topbar ?>
        #ri-top-navbar{
            background:<?php echo get_theme_mod('rit_bg_topbar', ''); ?> ;
        }
        #ri-top-navbar *{
            color:<?php echo get_theme_mod('rit_color_topbar'); ?> ;
        }

        <?php //header ?>
        #ri-header{
            background:<?php echo get_theme_mod('rit_bg_header', '#FFF'); ?> ;
            color:<?php echo get_theme_mod('rit_color_header', '#3d3d3d'); ?> ;
        }
        #ri-header .title-service{
            color:<?php echo get_theme_mod('rit_color_header', '#3d3d3d'); ?> ;
        }

        <?php //menu ?>
        .menu-full{
            background:<?php echo get_theme_mod('rit_bg_menu', ''); ?>;
        }
        #ri-menu-primary{
            background:<?php echo get_theme_mod('rit_bg_menu', ''); ?>;
        }
        .header-2 #ri-menu-primary{
            background:<?php echo get_theme_mod('rit_bg_menu', ''); ?>;
        }
        .header-3 #ri-menu-primary{
            background:<?php echo get_theme_mod('rit_bg_menu', ''); ?>;
        }
        .header-4 #ri-menu-primary{
            background:<?php echo get_theme_mod('rit_bg_menu', ''); ?>;
        }
        .header-5 #ri-menu-primary{
            background:<?php echo get_theme_mod('rit_bg_menu', ''); ?>;
        }

        #ri-menu-primary ul > li > a{
            color:<?php echo get_theme_mod('rit_color_menu', ''); ?> ;
        }
        #ri-menu-primary ul > li > a:hover{
            color:<?php echo get_theme_mod('rit_color_hover_menu', ''); ?> ;
        }

        <?php //title ?>
        .widget-title{
            color:<?php echo get_theme_mod('rit_color_title', '#353535'); ?> ;
        }
        <?php //footer ?>
        #rit-footer .footer-top{
            background:<?php echo get_theme_mod('rit_bg_footer_top', ''); ?> ;
            color:<?php echo get_theme_mod('rit_color_footer_top', '');?> ;
        }

        #rit-footer{
            background:<?php echo get_theme_mod('rit_bg_footer', ''); ?> ;
            color:<?php echo get_theme_mod('rit_color_footer', '');?> ;
        }
        #rit-footer a:hover{
            color:<?php echo get_theme_mod('rit_color_hover_footer');?> ;
        }
        <?php // ---------  Sidebar Style ------------ // ?>
        .sidebar.style_box .widget-title{
            background:<?php echo get_theme_mod('rit_site_box_bg', '#EEEEEE'); ?> ;
            color:<?php echo get_theme_mod('rit_site_box_color', '#353535'); ?> ;
        }

        <?php // ---------  Custom Style ------------ // ?>
        <?php if(get_theme_mod( 'rit_custom_css' )) : ?>
        <?php echo get_theme_mod( 'rit_custom_css' ); ?>
        <?php endif; ?>

    </style>
<?php
}

add_action( 'wp_head', 'rit_customizer_css' );

?>