Custom CSS Output Function

function kraken_custom_css() {

        global $data;

        /**custom css field**/
        if(!empty($data['custom_css'])) {
            $custom_css .= $data['custom_css'];
        }

        /**custom color options**/
        //main highlight
        if(!empty($data['main_color'])) {
            $custom_css .= '.home-blog-thumb a:hover,a:hover .home-blog-thumb,.blog-post a:hover img,.widget-recent-portfolio a:hover img,.portfolio-item a:hover img,#single-portfolio a:hover img,.blog-right a:hover img,.related-post-image a:hover img,.attachment-post-thumbnail a:hover,.image-gallery-entry a:hover img,a:hover .staff-image { background-color: '.$data['main_color'].'; }';
        }


        /**echo all css**/
        $css_output = "<!-- Custom CSS -->\n<style type=\"text/css\">\n" . $custom_css . "\n</style>";

        echo $css_output;
}

add_action('wp_head', 'kraken_custom_css');