function mk_preloader_script()
{
global $mk_options;
$single_preloader = '';
$preloader_check = 'disabled';
if (global_get_post_id()) {
$single_preloader = get_post_meta(global_get_post_id(), 'page_preloader', true);
}
if ($single_preloader == 'true') {
$preloader_check = 'enabled';
} else {
if ($mk_options['preloader'] == 'true') {
$preloader_check = 'enabled';
}
}
if ($preloader_check == 'enabled') {
wp_enqueue_script('queryloasder2', THEME_JS . '/min/jquery.queryloader2.js', array('jquery'), false, false);
}
}
function mk_preloader_body_overlay()
{
global $mk_options;
$post_id = global_get_post_id();
if ($post_id) {
$single_preloader = get_post_meta($post_id, 'page_preloader', true);
}
$preloader_check = $single_preloader = '';
if ($single_preloader == 'true') {
$preloader_check = 'enabled';
} else {
if ($mk_options['preloader'] == 'true') {
$preloader_check = 'enabled';
}
}
if ($preloader_check == 'enabled') {
echo '<div class="mk-body-loader-overlay"><div style="background-image:url(' . THEME_IMAGES . '/empty.png)"></div></div>';
}
}
function mk_dynamic_js_vars()
{
global $mk_options;
$post_id = global_get_post_id();
echo '<script type="text/javascript">' . "\n";
echo 'var abb = {};' . "\n";
echo 'var php = {};' . "\n";
echo 'var mk_header_parallax, mk_banner_parallax, mk_page_parallax, mk_footer_parallax, mk_body_parallax;' . "\n";
echo 'var mk_images_dir = "' . THEME_IMAGES . '",' . "\n";
echo 'mk_theme_js_path = "' . THEME_JS . '",' . "\n";
echo 'mk_theme_dir = "' . THEME_DIR_URI . '",' . "\n";
echo 'mk_captcha_placeholder = "' . __('Enter Captcha', 'mk_framework') . '",' . "\n";
echo 'mk_captcha_invalid_txt = "' . __('Invalid. Try again.', 'mk_framework') . '",' . "\n";
echo 'mk_captcha_correct_txt = "' . __('Captcha correct.', 'mk_framework') . '",' . "\n";
echo 'mk_responsive_nav_width = ' . $mk_options['responsive_nav_width'] . ',' . "\n";
echo 'mk_check_rtl = ' . (is_rtl() ? "false" : "true") . ',' . "\n";
echo 'mk_grid_width = ' . $mk_options['grid_width'] . ',' . "\n";
echo 'mk_ajax_search_option = "' . $mk_options['header_search_location'] . '",' . "\n";
echo 'mk_preloader_txt_color = "' . ($mk_options['preloader_txt_color'] ? $mk_options['preloader_txt_color'] : '#444') . '",' . "\n";
echo 'mk_preloader_bg_color = "' . ($mk_options['preloader_bg_color'] ? $mk_options['preloader_bg_color'] : '#fff') . '",' . "\n";
echo 'mk_accent_color = "' . $mk_options['skin_color'] . '",' . "\n";
echo 'mk_go_to_top = "' . ($mk_options['go_to_top'] ? $mk_options['go_to_top'] : 'false') . '",' . "\n";
$mk_preloader_bar_color = isset($mk_options['preloader_bar_color']) && !empty($mk_options['preloader_bar_color']) ? $mk_options['preloader_bar_color'] : $mk_options['skin_color'];
echo 'mk_preloader_bar_color = "' . $mk_preloader_bar_color . '",' . "\n";
echo 'mk_preloader_logo = "' . $mk_options['preloader_logo'] . '";' . "\n";
if ($post_id) {
echo 'var mk_header_parallax = ' . (get_post_meta($post_id, 'header_parallax', true) ? get_post_meta($post_id, 'header_parallax', true) : "false") . ',' . "\n";
echo 'mk_banner_parallax = ' . (get_post_meta($post_id, 'banner_parallax', true) ? get_post_meta($post_id, 'banner_parallax', true) : "false") . ',' . "\n";
echo 'mk_page_parallax = ' . (get_post_meta($post_id, 'page_parallax', true) ? get_post_meta($post_id, 'page_parallax', true) : "false") . ',' . "\n";
echo 'mk_footer_parallax = ' . (get_post_meta($post_id, 'footer_parallax', true) ? get_post_meta($post_id, 'footer_parallax', true) : "false") . ',' . "\n";
echo 'mk_body_parallax = ' . (get_post_meta($post_id, 'body_parallax', true) ? get_post_meta($post_id, 'body_parallax', true) : "false") . ',' . "\n";
echo 'mk_no_more_posts = "' . __('No More Posts', 'mk_framework') . '";' . "\n";
}
echo 'function is_touch_device() {
return ("ontouchstart" in document.documentElement);
}' . "\n";
echo '</script>' . "\n";
}
</script>
<?php
wp_head();
?>
</head>
<?php
$mk_body_class[] = $mk_header_class = $show_header_old = $show_header = $transparent_header = $transparent_header_skin = $trans_header_class = $page_is_transparent = $header_sticky_style_css = '';
$header_style = !empty($mk_options['theme_header_style']) ? $mk_options['theme_header_style'] : 1;
$toolbar_toggle = !empty($mk_options['theme_toolbar_toggle']) ? $mk_options['theme_toolbar_toggle'] : 'true';
$header_align = !empty($mk_options['theme_header_align']) ? $mk_options['theme_header_align'] : 'left';
$header_grid_start = $mk_options['header_grid'] == 'true' ? '<div class="mk-grid header-grid">' : '';
$header_grid_end = $mk_options['header_grid'] == 'true' ? '</div>' : '';
$header_width_class = $mk_options['header_grid'] == 'true' ? 'boxed-header' : 'full-header';
$sticky_header_style = isset($mk_options['header_sticky_style']) ? $mk_options['header_sticky_style'] : 'fixed';
$sticky_header_offset = isset($mk_options['sticky_header_offset']) ? $mk_options['sticky_header_offset'] : 'header';
$post_id = global_get_post_id();
if ($post_id) {
$enable = get_post_meta($post_id, '_enable_local_backgrounds', true);
if ($enable == 'true') {
$header_style_meta = get_post_meta($post_id, 'theme_header_style', true);
$header_align_meta = get_post_meta($post_id, 'theme_header_align', true);
$toolbar_toggle_meta = get_post_meta($post_id, 'theme_toolbar_toggle', true);
$transparent_header_meta = get_post_meta($post_id, '_transparent_header', true);
$transparent_header_skin_meta = get_post_meta($post_id, '_transparent_header_skin', true);
$sticky_header_offset_meta = get_post_meta($post_id, '_sticky_header_offset', true);
$trans_header_remove_bg_meta = get_post_meta($post_id, '_trans_header_remove_bg', true);
$header_style = isset($header_style_meta) && !empty($header_style_meta) ? $header_style_meta : $header_style;
$header_align = isset($header_align_meta) && !empty($header_align_meta) ? $header_align_meta : $header_align;
$toolbar_toggle = isset($toolbar_toggle_meta) && !empty($toolbar_toggle_meta) ? $toolbar_toggle_meta : $toolbar_toggle;
$transparent_header = isset($transparent_header_meta) && !empty($transparent_header_meta) ? $transparent_header_meta : 'false';
$transparent_header_skin = isset($transparent_header_skin_meta) && !empty($transparent_header_skin_meta) ? $transparent_header_skin_meta : 'light';
function mk_side_dashboard()
{
global $mk_options;
$header_style = !empty($mk_options['theme_header_style']) ? $mk_options['theme_header_style'] : 1;
$header_style3_structure = !empty($mk_options['header_style3_structure']) ? $mk_options['header_style3_structure'] : 'header_dashboard_style';
/*Full Screen Navigation Settings*/
$full_screen_logo = !empty($mk_options['fullscreen_nav_logo']) ? $mk_options['fullscreen_nav_logo'] : 'dark';
$dark_logo = $mk_options['logo'];
$light_logo = isset($mk_options['light_header_logo']) ? $mk_options['light_header_logo'] : '';
$mobile_logo = isset($mk_options['responsive_logo']) ? $mk_options['responsive_logo'] : '';
$is_repsonive_logo = !empty($mobile_logo) ? 'logo-is-responsive' : '';
$post_id = global_get_post_id();
if ($post_id) {
$enable = get_post_meta($post_id, '_enable_local_backgrounds', true);
$header_style_meta = get_post_meta($post_id, 'theme_header_style', true);
$header_style = isset($header_style_meta) && !empty($header_style_meta) && $enable == 'true' ? $header_style_meta : $header_style;
}
if ($header_style == 3) {
if ($header_style3_structure == 'header_dashboard_style') {
$output = '';
$output .= '<div class="mk-side-dashboard">';
//$output .= '<span class="mk-sidedasboard-close"><i class="mk-theme-icon-cancel"></i></span>';
/* Top Widgets */
$output .= '<div class="side-dash-top-widgets">';
ob_start();
dynamic_sidebar('Side Dashboard - Above Navigation');
$output .= ob_get_contents();
ob_end_clean();
$output .= '</div>';
/************/
$output .= wp_nav_menu(array('theme_location' => 'side-dashboard-menu', 'container' => 'nav', 'container_id' => 'mk-sidedash-navigation', 'container_class' => 'side_dashboard_menu', 'menu_class' => 'sidedash-navigation-ul', 'echo' => false, 'fallback_cb' => '', 'walker' => new header_icon_walker()));
/* Bottom Widets */
$output .= '<div class="side-dash-bottom-widgets">';
ob_start();
dynamic_sidebar('Side Dashboard - Below Navigation');
$output .= ob_get_contents();
ob_end_clean();
$output .= '</div>';
/************/
$output .= '</div>';
echo $output;
} else {
if ($header_style3_structure == 'header_fullscreen_style') {
$output = '';
$output .= '<div class="mk-fullscreen-nav ' . $is_repsonive_logo . '">';
$output .= '<a href="#" class="mk-fullscreen-nav-close"><i class="mk-moon-close-2"></i></a>';
$output .= '<div class="mk-fullscreen-nav-wrapper">';
if ($full_screen_logo == 'dark') {
$output .= '<img class="mk-fullscreen-nav-logo dark-logo" alt="' . get_bloginfo('name') . '" src="' . $dark_logo . '" />';
$output .= '<img class="mk-fullscreen-nav-logo responsive-logo" alt="' . get_bloginfo('name') . '" src="' . $mobile_logo . '" />';
} else {
if ($full_screen_logo == 'light') {
$output .= '<img class="mk-fullscreen-nav-logo light-logo" alt="' . get_bloginfo('name') . '" src="' . $light_logo . '" />';
$output .= '<img class="mk-fullscreen-nav-logo responsive-logo" alt="' . get_bloginfo('name') . '" src="' . $mobile_logo . '" />';
}
}
$output .= wp_nav_menu(array('theme_location' => 'fullscreen-menu', 'container' => 'nav', 'container_id' => 'fullscreen-navigation', 'container_class' => 'fullscreen-menu', 'menu_class' => 'fullscreen-navigation-ul', 'echo' => false, 'fallback_cb' => '', 'walker' => new header_icon_walker()));
$output .= '</div> </div>';
echo $output;
}
}
}
}
function mk_theme_breadcrumbs()
{
global $mk_options, $post;
$post_id = global_get_post_id();
if ($post_id) {
$local_skining = get_post_meta($post_id, '_enable_local_backgrounds', true);
$breadcrumb_skin = get_post_meta($post_id, '_breadcrumb_skin', true);
if ($local_skining == 'true' && !empty($breadcrumb_skin)) {
$breadcrumb_skin_class = $breadcrumb_skin;
} else {
$breadcrumb_skin_class = $mk_options['breadcrumb_skin'];
}
} else {
$breadcrumb_skin_class = $mk_options['breadcrumb_skin'];
}
$delimiter = ' / ';
echo '<div id="mk-breadcrumbs"><div class="mk-breadcrumbs-inner ' . $breadcrumb_skin_class . '-skin">';
if (!is_front_page()) {
echo '<a href="';
echo home_url();
echo '">' . __('Home', 'mk_framework');
echo "</a>" . $delimiter;
}
if (function_exists('is_woocommerce') && is_woocommerce() && is_archive()) {
$shop_page_id = wc_get_page_id('shop');
$shop_page = get_post($shop_page_id);
$permalinks = get_option('woocommerce_permalinks');
if ($shop_page_id && $shop_page && get_option('page_on_front') !== $shop_page_id) {
echo '<a href="' . get_permalink($shop_page) . '">' . $shop_page->post_title . '</a> ';
}
}
if (is_category() && !is_singular('portfolio')) {
$category = get_the_category();
$ID = $category[0]->cat_ID;
echo is_wp_error($cat_parents = get_category_parents($ID, TRUE, '', FALSE)) ? '' : '<span>' . $cat_parents . '</span>';
} else {
if (is_singular('news')) {
echo '<span>' . get_the_title() . '</span>';
} else {
if (is_single() && !is_attachment()) {
if (get_post_type() == 'product') {
if ($terms = wc_get_product_terms($post->ID, 'product_cat', array('orderby' => 'parent', 'order' => 'DESC'))) {
$main_term = $terms[0];
$ancestors = get_ancestors($main_term->term_id, 'product_cat');
$ancestors = array_reverse($ancestors);
foreach ($ancestors as $ancestor) {
$ancestor = get_term($ancestor, 'product_cat');
if (!is_wp_error($ancestor) && $ancestor) {
echo '<a href="' . get_term_link($ancestor->slug, 'product_cat') . '">' . $ancestor->name . '</a>' . $delimiter;
}
}
echo '<a href="' . get_term_link($main_term->slug, 'product_cat') . '">' . $main_term->name . '</a>' . $delimiter;
}
echo get_the_title();
} elseif (is_singular('portfolio')) {
$portfolio_category = get_the_term_list($post->ID, 'portfolio_category', '', ' / ');
if (!empty($portfolio_category)) {
echo $portfolio_category . $delimiter;
}
echo '<span>' . get_the_title() . '</span>';
} elseif (get_post_type() != 'post') {
if (function_exists('is_bbpress') && is_bbpress()) {
} else {
$post_type = get_post_type_object(get_post_type());
$slug = $post_type->rewrite;
echo '<a href="' . get_post_type_archive_link(get_post_type()) . '">' . $post_type->labels->singular_name . '</a>' . $delimiter;
echo get_the_title();
}
} else {
$cat = current(get_the_category());
echo get_category_parents($cat, true, $delimiter);
echo get_the_title();
}
} elseif (is_page() && !$post->post_parent) {
echo get_the_title();
} elseif (is_page() && $post->post_parent) {
$parent_id = $post->post_parent;
$breadcrumbs = array();
while ($parent_id) {
$page = get_page($parent_id);
$breadcrumbs[] = '<a href="' . get_permalink($page->ID) . '">' . get_the_title($page->ID) . '</a>';
$parent_id = $page->post_parent;
}
$breadcrumbs = array_reverse($breadcrumbs);
foreach ($breadcrumbs as $crumb) {
echo $crumb . '' . $delimiter;
}
echo get_the_title();
} elseif (is_attachment()) {
$parent = get_post($post->post_parent);
$cat = get_the_category($parent->ID);
$cat = $cat[0];
/* admin@innodron.com patch:
Fix for Catchable fatal error: Object of class WP_Error could not be converted to string
ref: https://wordpress.org/support/topic/catchable-fatal-error-object-of-class-wp_error-could-not-be-converted-to-string-11
*/
echo is_wp_error($cat_parents = get_category_parents($cat, TRUE, '' . $delimiter . '')) ? '' : $cat_parents;
/* end admin@innodron.com patch */
echo '<a href="' . get_permalink($parent) . '">' . $parent->post_title . '</a>' . $delimiter;
echo get_the_title();
} elseif (is_search()) {
echo __('Search results for “', 'mk_framework') . get_search_query() . '”';
} elseif (is_tag()) {
echo __('Tag “', 'mk_framework') . single_tag_title('', false) . '”';
} elseif (is_author()) {
$userdata = get_userdata(get_the_author_meta('ID'));
echo __('Author:', 'mk_framework') . ' ' . $userdata->display_name;
} elseif (is_day()) {
echo '<a href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a>' . $delimiter;
echo '<a href="' . get_month_link(get_the_time('Y'), get_the_time('m')) . '">' . get_the_time('F') . '</a>' . $delimiter;
echo get_the_time('d');
} elseif (is_month()) {
echo '<a href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a>' . $delimiter;
echo get_the_time('F');
} elseif (is_year()) {
echo get_the_time('Y');
}
}
}
if (get_query_var('paged')) {
echo ' (' . __('Page', 'mk_framework') . ' ' . get_query_var('paged') . ')';
}
if (is_tax()) {
$term = get_term_by('slug', get_query_var('term'), get_query_var('taxonomy'));
if (function_exists('is_woocommerce') && is_woocommerce() && is_archive()) {
echo $delimiter;
}
echo '<span>' . $term->name . '</span>';
}
if (function_exists('is_bbpress') && is_bbpress()) {
$item = array();
$post_type_object = get_post_type_object(bbp_get_forum_post_type());
if (!empty($post_type_object->has_archive) && !bbp_is_forum_archive()) {
$item[] = '<a href="' . get_post_type_archive_link(bbp_get_forum_post_type()) . '">' . bbp_get_forum_archive_title() . '</a>';
}
if (bbp_is_forum_archive()) {
$item[] = bbp_get_forum_archive_title();
} elseif (bbp_is_topic_archive()) {
$item[] = bbp_get_topic_archive_title();
} elseif (bbp_is_single_view()) {
$item[] = bbp_get_view_title();
} elseif (bbp_is_single_topic()) {
$topic_id = get_queried_object_id();
$item = array_merge($item, mk_breadcrumbs_get_parents(bbp_get_topic_forum_id($topic_id)));
if (bbp_is_topic_split() || bbp_is_topic_merge() || bbp_is_topic_edit()) {
$item[] = '<a href="' . bbp_get_topic_permalink($topic_id) . '">' . bbp_get_topic_title($topic_id) . '</a>';
} else {
$item[] = bbp_get_topic_title($topic_id);
}
if (bbp_is_topic_split()) {
$item[] = __('Split', 'mk_framework');
} elseif (bbp_is_topic_merge()) {
$item[] = __('Merge', 'mk_framework');
} elseif (bbp_is_topic_edit()) {
$item[] = __('Edit', 'mk_framework');
}
} elseif (bbp_is_single_reply()) {
$reply_id = get_queried_object_id();
$item = array_merge($item, mk_breadcrumbs_get_parents(bbp_get_reply_topic_id($reply_id)));
if (!bbp_is_reply_edit()) {
$item[] = bbp_get_reply_title($reply_id);
} else {
$item[] = '<a href="' . bbp_get_reply_url($reply_id) . '">' . bbp_get_reply_title($reply_id) . '</a>';
$item[] = __('Edit', 'mk_framework');
}
} elseif (bbp_is_single_forum()) {
$forum_id = get_queried_object_id();
$forum_parent_id = bbp_get_forum_parent_id($forum_id);
if (0 !== $forum_parent_id) {
$item = array_merge($item, mk_breadcrumbs_get_parents($forum_parent_id));
}
$item[] = bbp_get_forum_title($forum_id);
} elseif (bbp_is_single_user() || bbp_is_single_user_edit()) {
if (bbp_is_single_user_edit()) {
$item[] = '<a href="' . bbp_get_user_profile_url() . '">' . bbp_get_displayed_user_field('display_name') . '</a>';
$item[] = __('Edit', 'mk_framework');
} else {
$item[] = bbp_get_displayed_user_field('display_name');
}
}
echo implode($delimiter, $item);
}
echo "</div></div>";
}
function mk_dynamic_css()
{
wp_enqueue_style('mk-style', get_stylesheet_uri(), false, false, 'all');
global $mk_options;
$output = $fontface_style_1 = $fontface_style_2 = $fontface_css_1 = $fontface_css_2 = $google_font_2 = $google_font_1 = $typekit_fonts_1 = $typekit_fonts_2 = '';
$safefont_css_2 = $safefont_css_1 = $body_bg = $header_bg = $banner_bg = $page_bg = $footer_bg = $classic_nav_bg = '';
/* Get skin color from global $_GET for skin switcher panel */
if (isset($_GET['skin'])) {
$skin_color = '#' . $_GET['skin'];
} else {
$skin_color = $mk_options['skin_color'];
}
###########################################
# Typography
###########################################
$special_elements_1_list = isset($mk_options['special_elements_1']) ? $mk_options['special_elements_1'] : '';
$special_elements_2_list = isset($mk_options['special_elements_2']) ? $mk_options['special_elements_2'] : '';
function my_strstr($haystack, $needle, $before_needle = false)
{
if (!$before_needle) {
return strstr($haystack, $needle);
} else {
return substr($haystack, 0, strpos($haystack, $needle));
}
}
/* fontface */
if (isset($mk_options['special_fonts_type_1']) && $mk_options['special_fonts_type_1'] == 'fontface') {
$fontface_1 = $mk_options['special_fonts_list_1'];
$stylesheet = FONTFACE_DIR . '/fontface_stylesheet.css';
if (file_exists($stylesheet)) {
$file_content = file_get_contents($stylesheet);
if (preg_match("/@font-face\\s*{[^}]*?font-family\\s*:\\s*('|\"){$fontface_1}\\1.*?}/is", $file_content, $match)) {
$fontface_style_1 = preg_replace("/url\\s*\\(\\s*['|\"]\\s*/is", "\\0" . FONTFACE_URI . "/", $match[0]) . "\n";
}
if (is_array($mk_options['special_elements_1'])) {
$special_elements_1 = implode(', ', $mk_options['special_elements_1']);
} else {
$special_elements_1 = $mk_options['special_elements_1'];
}
if ($special_elements_1 && $fontface_1) {
$fontface_css_1 = $special_elements_1 . '{ font-family: "' . $fontface_1 . '"}';
}
}
}
if (isset($mk_options['special_fonts_type_2']) && $mk_options['special_fonts_type_2'] == 'fontface') {
$fontface_2 = $mk_options['special_fonts_list_2'];
$stylesheet = FONTFACE_DIR . '/fontface_stylesheet.css';
if (file_exists($stylesheet)) {
$file_content = file_get_contents($stylesheet);
if (preg_match("/@font-face\\s*{[^}]*?font-family\\s*:\\s*('|\"){$fontface_2}\\1.*?}/is", $file_content, $match)) {
$fontface_style_2 = preg_replace("/url\\s*\\(\\s*['|\"]\\s*/is", "\\0" . FONTFACE_URI . "/", $match[0]) . "\n";
}
if (is_array($special_elements_2_list)) {
$special_elements_2 = implode(', ', $special_elements_2_list);
} else {
$special_elements_2 = $special_elements_2_list;
}
if ($special_elements_2 && $fontface_2) {
$fontface_css_2 = $special_elements_2 . '{ font-family: "' . $fontface_2 . '"}';
}
}
}
/**
* Safe Fonts
* */
if (isset($mk_options['special_fonts_type_1']) && $mk_options['special_fonts_type_1'] == 'safe_font') {
$safefont_1 = $mk_options['special_fonts_list_1'];
if (is_array($mk_options['special_elements_1'])) {
$special_elements_1 = implode(', ', $mk_options['special_elements_1']);
} else {
$special_elements_1 = $mk_options['special_elements_1'];
}
if ($special_elements_1 && $safefont_1) {
$safefont_css_1 = $special_elements_1 . '{ font-family: ' . $safefont_1 . '}';
}
}
if (isset($mk_options['special_fonts_type_1']) && $mk_options['special_fonts_type_2'] == 'safe_font') {
$safefont_2 = $mk_options['special_fonts_list_2'];
if (is_array($mk_options['special_elements_2'])) {
$special_elements_2 = implode(', ', $mk_options['special_elements_2']);
} else {
$special_elements_2 = $mk_options['special_elements_2'];
}
if ($special_elements_2 && $safefont_2) {
$safefont_css_2 = $special_elements_2 . '{ font-family: ' . $safefont_2 . '}';
}
}
/**
* Typekit fonts
* */
$typekit_id = isset($mk_options['typekit_id']) ? $mk_options['typekit_id'] : '';
$typekit_elements_list_1 = isset($mk_options['typekit_elements_1']) ? $mk_options['typekit_elements_1'] : '';
$typekit_font_family_1 = isset($mk_options['typekit_font_family_1']) ? $mk_options['typekit_font_family_1'] : '';
if ($typekit_id != '' && $typekit_elements_list_1 != '' && $typekit_font_family_1 != '') {
if (is_array($typekit_elements_list_1)) {
$typekit_elements_list_1 = implode(', ', $typekit_elements_list_1);
} else {
$typekit_elements_list_1 = $typekit_elements_list_1;
}
$typekit_fonts_1 = $typekit_elements_list_1 . ' {font-family: "' . $typekit_font_family_1 . '"}';
}
$typekit_elements_list_2 = isset($mk_options['typekit_elements_2']) ? $mk_options['typekit_elements_2'] : '';
$typekit_font_family_2 = isset($mk_options['typekit_font_family_2']) ? $mk_options['typekit_font_family_2'] : '';
if ($typekit_id != '' && $typekit_elements_list_2 != '' && $typekit_font_family_2 != '') {
if (is_array($typekit_elements_list)) {
$typekit_elements_list_2 = implode(', ', $typekit_elements_list_2);
} else {
$typekit_elements_list_2 = $typekit_elements_list_2;
}
$typekit_fonts_2 = $typekit_elements_list_2 . ' {font-family: "' . $typekit_font_family_2 . '"}';
}
/**
* Google Fonts
* */
if (is_array($special_elements_1_list)) {
$special_elements_1 = implode(', ', $special_elements_1_list);
} else {
$special_elements_1 = $special_elements_1_list;
}
if (is_array($special_elements_2_list)) {
$special_elements_2 = implode(', ', $special_elements_2_list);
} else {
$special_elements_2 = $special_elements_2_list;
}
if ($special_elements_1 && $mk_options['special_fonts_type_1'] == 'google') {
$google_font_1 = $special_elements_1 . ' {font-family: ';
$format_name1 = strpos($mk_options['special_fonts_list_1'], ':');
if ($format_name1 !== false) {
$google_font_1 .= my_strstr(str_replace('+', ' ', $mk_options['special_fonts_list_1']), ':', true);
} else {
$google_font_1 .= str_replace('+', ' ', $mk_options['special_fonts_list_1']);
}
$google_font_1 .= ' }';
}
if ($special_elements_2 && $mk_options['special_fonts_type_2'] == 'google') {
$google_font_2 = $special_elements_2 . ' {font-family: ';
$format_name2 = strpos($mk_options['special_fonts_list_2'], ':');
if ($format_name2 !== false) {
$google_font_2 .= my_strstr(str_replace('+', ' ', $mk_options['special_fonts_list_2']), ':', true);
} else {
$google_font_2 .= str_replace('+', ' ', $mk_options['special_fonts_list_2']);
}
$google_font_2 .= ' }';
}
$safe_font = $mk_options['font_family'] ? 'font-family: ' . stripslashes($mk_options['font_family']) . ';' : '';
/**
* Body background
*/
$body_bg .= $mk_options['body_color'] ? 'background-color:' . $mk_options['body_color'] . ';' : '';
$body_bg .= $mk_options['body_image'] ? 'background-image:url(' . $mk_options['body_image'] . ');' : ' ';
$body_bg .= $mk_options['body_repeat'] ? 'background-repeat:' . $mk_options['body_repeat'] . ';' : '';
$body_bg .= $mk_options['body_position'] ? 'background-position:' . $mk_options['body_position'] . ';' : '';
$body_bg .= $mk_options['body_attachment'] ? 'background-attachment:' . $mk_options['body_attachment'] . ';' : '';
/**
* Header background
*/
$header_bg .= $mk_options['header_color'] ? 'background-color:' . $mk_options['header_color'] . ';' : '';
$header_bg .= $mk_options['header_image'] ? 'background-image:url(' . $mk_options['header_image'] . ');' : ' ';
$header_bg .= $mk_options['header_repeat'] ? 'background-repeat:' . $mk_options['header_repeat'] . ';' : '';
$header_bg .= $mk_options['header_position'] ? 'background-position:' . $mk_options['header_position'] . ';' : '';
$header_bg .= $mk_options['header_attachment'] ? 'background-attachment:' . $mk_options['header_attachment'] . ';' : '';
/**
* Header Banner background
*/
$banner_bg .= $mk_options['banner_color'] ? 'background-color:' . $mk_options['banner_color'] . ';' : '';
$banner_bg .= $mk_options['banner_image'] ? 'background-image:url(' . $mk_options['banner_image'] . ');' : ' ';
$banner_bg .= $mk_options['banner_repeat'] ? 'background-repeat:' . $mk_options['banner_repeat'] . ';' : '';
$banner_bg .= $mk_options['banner_position'] ? 'background-position:' . $mk_options['banner_position'] . ';' : '';
$banner_bg .= $mk_options['banner_attachment'] ? 'background-attachment:' . $mk_options['banner_attachment'] . ';' : '';
/**
* Page background
*/
$page_bg .= $mk_options['page_color'] ? 'background-color:' . $mk_options['page_color'] . ';' : '';
$page_bg .= $mk_options['page_image'] ? 'background-image:url(' . $mk_options['page_image'] . ');' : ' ';
$page_bg .= $mk_options['page_repeat'] ? 'background-repeat:' . $mk_options['page_repeat'] . ';' : '';
$page_bg .= $mk_options['page_position'] ? 'background-position:' . $mk_options['page_position'] . ';' : '';
$page_bg .= $mk_options['page_attachment'] ? 'background-attachment:' . $mk_options['page_attachment'] . ';' : '';
/**
* Footer background
*/
$footer_bg = $mk_options['footer_color'] ? 'background-color:' . $mk_options['footer_color'] . ';' : '';
$footer_bg .= $mk_options['footer_image'] ? 'background-image:url(' . $mk_options['footer_image'] . ');' : ' ';
$footer_bg .= $mk_options['footer_repeat'] ? 'background-repeat:' . $mk_options['footer_repeat'] . ';' : '';
$footer_bg .= $mk_options['footer_position'] ? 'background-position:' . $mk_options['footer_position'] . ';' : '';
$footer_bg .= $mk_options['footer_attachment'] ? 'background-attachment:' . $mk_options['footer_attachment'] . ';' : '';
$page_title_color = $mk_options['page_title_color'];
$page_subtitle_color = $mk_options['page_subtitle_color'];
$banner_border_color = $mk_options['banner_border_color'];
$boxed_layout_shadow_size = $mk_options['boxed_layout_shadow_size'];
$boxed_layout_shadow_intensity = $mk_options['boxed_layout_shadow_intensity'];
$page_title_padding = 15;
$trans_header_border_color = '';
$page_color = $mk_options['page_color'];
if (global_get_post_id()) {
$post_id = global_get_post_id();
$enable = get_post_meta($post_id, '_enable_local_backgrounds', true);
if ($enable == 'true') {
$body_bg = get_post_meta($post_id, 'body_color', true) ? 'background-color: ' . get_post_meta($post_id, 'body_color', true) . ';' : 'background-color: ' . $mk_options['body_color'] . ';';
$body_bg .= get_post_meta($post_id, 'body_image', true) ? 'background-image:url(' . get_post_meta($post_id, 'body_image', true) . ');' : '';
$body_bg .= get_post_meta($post_id, 'body_repeat', true) ? 'background-repeat:' . get_post_meta($post_id, 'body_repeat', true) . ';' : '';
$body_bg .= get_post_meta($post_id, 'body_position', true) ? 'background-position:' . get_post_meta($post_id, 'body_position', true) . ';' : '';
$body_bg .= get_post_meta($post_id, 'body_attachment', true) ? 'background-attachment:' . get_post_meta($post_id, 'body_attachment', true) . ';' : '';
$header_bg = get_post_meta($post_id, 'header_color', true) ? 'background-color: ' . get_post_meta($post_id, 'header_color', true) . ';' : 'background-color: ' . $mk_options['header_color'] . ';';
$header_bg .= get_post_meta($post_id, 'header_image', true) ? 'background-image:url(' . get_post_meta($post_id, 'header_image', true) . ');' : '';
$header_bg .= get_post_meta($post_id, 'header_repeat', true) ? 'background-repeat:' . get_post_meta($post_id, 'header_repeat', true) . ';' : '';
$header_bg .= get_post_meta($post_id, 'header_position', true) ? 'background-position:' . get_post_meta($post_id, 'header_position', true) . ';' : '';
$header_bg .= get_post_meta($post_id, 'header_attachment', true) ? 'background-attachment:' . get_post_meta($post_id, 'header_attachment', true) . ';' : '';
$banner_bg = get_post_meta($post_id, 'banner_color', true) ? 'background-color: ' . get_post_meta($post_id, 'banner_color', true) . ';' : 'background-color: ' . $mk_options['banner_color'] . ';';
$banner_bg .= get_post_meta($post_id, 'banner_image', true) ? 'background-image:url(' . get_post_meta($post_id, 'banner_image', true) . ');' : '';
$banner_bg .= get_post_meta($post_id, 'banner_repeat', true) ? 'background-repeat:' . get_post_meta($post_id, 'banner_repeat', true) . ';' : '';
$banner_bg .= get_post_meta($post_id, 'banner_position', true) ? 'background-position:' . get_post_meta($post_id, 'banner_position', true) . ';' : '';
$banner_bg .= get_post_meta($post_id, 'banner_attachment', true) ? 'background-attachment:' . get_post_meta($post_id, 'banner_attachment', true) . ';' : '';
$page_bg = get_post_meta($post_id, 'page_color', true) ? 'background-color: ' . get_post_meta($post_id, 'page_color', true) . ';' : 'background-color: ' . $mk_options['page_color'] . ';';
$page_bg .= get_post_meta($post_id, 'page_image', true) ? 'background-image:url(' . get_post_meta($post_id, 'page_image', true) . ');' : '';
$page_bg .= get_post_meta($post_id, 'page_repeat', true) ? 'background-repeat:' . get_post_meta($post_id, 'page_repeat', true) . ';' : '';
$page_bg .= get_post_meta($post_id, 'page_position', true) ? 'background-position:' . get_post_meta($post_id, 'page_position', true) . ';' : '';
$page_bg .= get_post_meta($post_id, 'page_attachment', true) ? 'background-attachment:' . get_post_meta($post_id, 'page_attachment', true) . ';' : '';
$footer_bg = get_post_meta($post_id, 'footer_color', true) ? 'background-color: ' . get_post_meta($post_id, 'footer_color', true) . ';' : 'background-color: ' . $mk_options['footer_color'] . ';';
$footer_bg .= get_post_meta($post_id, 'footer_image', true) ? 'background-image:url(' . get_post_meta($post_id, 'footer_image', true) . ');' : '';
$footer_bg .= get_post_meta($post_id, 'footer_repeat', true) ? 'background-repeat:' . get_post_meta($post_id, 'footer_repeat', true) . ';' : '';
$footer_bg .= get_post_meta($post_id, 'footer_position', true) ? 'background-position:' . get_post_meta($post_id, 'footer_position', true) . ';' : '';
$footer_bg .= get_post_meta($post_id, 'footer_attachment', true) ? 'background-attachment:' . get_post_meta($post_id, 'footer_attachment', true) . ';' : '';
$page_title_color = get_post_meta($post_id, '_page_title_color', true) ? get_post_meta($post_id, '_page_title_color', true) : '';
$page_subtitle_color = get_post_meta($post_id, '_page_subtitle_color', true) ? get_post_meta($post_id, '_page_subtitle_color', true) : '';
$banner_border_color = get_post_meta($post_id, '_banner_border_color', true) ? get_post_meta($post_id, '_banner_border_color', true) : '';
$trans_header_border_color = get_post_meta($post_id, '_trans_header_border_bottom', true) ? get_post_meta($post_id, '_trans_header_border_bottom', true) : '';
$boxed_layout_shadow_size = get_post_meta($post_id, 'boxed_layout_shadow_size', true);
$boxed_layout_shadow_intensity = get_post_meta($post_id, 'boxed_layout_shadow_intensity', true);
$page_color = get_post_meta($post_id, 'page_color', true) ? get_post_meta($post_id, 'page_color', true) : $page_color;
}
}
$skin_darker = hexDarker($skin_color, 20);
$skin_color_60 = mk_color($mk_options['skin_color'], 0.6);
if ($mk_options['main_nav_bg_color'] == '') {
$classic_nav_bg = $header_bg;
} else {
$classic_nav_bg = 'background-color:' . $mk_options['main_nav_bg_color'] . ';';
}
$sidebar_width = 100 - $mk_options['content_width'];
$boxed_layout_width = $mk_options['grid_width'] + 60;
###########################################
# Font family
###########################################
$output .= "\nbody {\n\t{$safe_font}\n}\n\n{$fontface_style_1}\n{$fontface_style_2}\n{$fontface_css_1}\n{$fontface_css_2}\n{$google_font_1}\n{$google_font_2}\n{$safefont_css_1}\n{$safefont_css_2}\n{$typekit_fonts_1}\n{$typekit_fonts_2}\n";
###########################################
# Backgrounds
###########################################
$output .= "\n\nbody\n{\n\t{$body_bg}\n}\n\n#mk-header\n{\n\t{$banner_bg}\n}\n\n\n\n.mk-header-bg\n{\n\t{$header_bg}\n}\n\n\n\n.mk-header-toolbar\n{\n\tbackground-color: {$mk_options['header_toolbar_bg']};\n}\n\n\n\n\n\n#theme-page\n{\n\t{$page_bg}\n}\n\n\n\n#mk-footer\n{\n\t{$footer_bg}\n\t";
if (!empty($mk_options['footer_top_thickness']) && !empty($mk_options['footer_top_border_color'])) {
$output .= "\n\t\tborder-top:{$mk_options['footer_top_thickness']}px solid {$mk_options['footer_top_border_color']};\n\t";
}
$output .= "\n}\n\n#mk-footer .footer-wrapper\n{\n\t";
if (isset($mk_options['footer_wrapper_padding'])) {
$output .= "\n\t\tpadding:{$mk_options['footer_wrapper_padding']}px 0;\n\t";
}
$output .= "\n}\n\n#mk-footer .widget\n{\n\tmargin-bottom:{$mk_options['footer_widget_margin_bottom']}px;\n}\n\n\n\n#mk-footer [class*='mk-col-'] {\n\tpadding:0 {$mk_options['footer_gutter']}%;\n}\n\n\n\n\n\n#sub-footer\n{\n\tbackground-color: {$mk_options['sub_footer_bg_color']};\n}\n\n.mk-footer-copyright {\n\tfont-size:{$mk_options['copyright_size']}px;\n\tletter-spacing: {$mk_options['copyright_letter_spacing']}px;\n}\n\n\n#mk-boxed-layout\n{\n -webkit-box-shadow: 0 0 {$boxed_layout_shadow_size}px rgba(0, 0, 0, {$boxed_layout_shadow_intensity});\n -moz-box-shadow: 0 0 {$boxed_layout_shadow_size}px rgba(0, 0, 0, {$boxed_layout_shadow_intensity});\n box-shadow: 0 0 {$boxed_layout_shadow_size}px rgba(0, 0, 0, {$boxed_layout_shadow_intensity});\n}\n\n\n\n\n\n\n\n.mk-tabs-panes,\n.mk-news-tab .mk-tabs-tabs li.ui-tabs-active a,\n.mk-divider .divider-go-top,\n.ajax-container,\n.mk-fancy-title.pattern-style span,\n.mk-portfolio-view-all,\n.mk-woo-view-all,\n.mk-blog-view-all\n{\n\tbackground-color: {$page_color};\n}\n\n\n\n.mk-header-bg\n{\n -webkit-opacity: {$mk_options['header_opacity']};\n -moz-opacity: {$mk_options['header_opacity']};\n -o-opacity: {$mk_options['header_opacity']};\n opacity: {$mk_options['header_opacity']};\n}\n\n\n\n.header-sticky-ready .mk-header-bg\n{\n -webkit-opacity: {$mk_options['header_sticky_opacity']};\n -moz-opacity: {$mk_options['header_sticky_opacity']};\n -o-opacity: {$mk_options['header_sticky_opacity']};\n opacity: {$mk_options['header_sticky_opacity']};\n}\n\n";
$header_btn_border_thickness = isset($mk_options['header_btn_border_thickness']) ? $mk_options['header_btn_border_thickness'] : 1;
/* Header, Header Banner and Header toolbar border bottoms */
if (!empty($mk_options['header_border_color'])) {
$output .= "\n\t\t\t.mk-header-inner,\n\t\t\t.header-sticky-ready .mk-header-inner,\n\t\t\t.header-style-2.header-sticky-ready .mk-classic-nav-bg\n\t\t\t{\n\t\t\t\tborder-bottom:{$header_btn_border_thickness}px solid {$mk_options['header_border_color']};\n\t\t\t}\n\t\t\t.header-style-4.header-align-left .mk-header-inner,\n\t\t\t.header-style-4.header-align-center .mk-header-inner\n\t\t\t {\n\t\t\t\tborder-bottom:none;\n\t\t\t\tborder-right:{$header_btn_border_thickness}px solid {$mk_options['header_border_color']};\n\t\t\t}\n\t\t\t.header-style-4.header-align-right .mk-header-inner {\n\t\t\t\tborder-bottom:none;\n\t\t\t\tborder-left:{$header_btn_border_thickness}px solid {$mk_options['header_border_color']};\n\t\t\t}\n\t\t\t.header-style-2 .mk-header-nav-container {\n\t\t\t\tborder-top:{$header_btn_border_thickness}px solid {$mk_options['header_border_color']};\n\t\t\t}\n\t\t";
}
if (!empty($mk_options['sticky_header_border_color'])) {
$output .= "\n\t\t\t.header-sticky-ready .mk-header-inner,\n\t\t\t.header-style-2.header-sticky-ready .mk-classic-nav-bg\n\t\t\t{\n\t\t\t\tborder-bottom:{$header_btn_border_thickness}px solid {$mk_options['sticky_header_border_color']};\n\t\t\t}\n\t\t";
}
if (!empty($mk_options['header_toolbar_border_color'])) {
$output .= "\n\t\t\t\t.mk-header-toolbar\n\t\t\t\t\t{\n\t\t\t\t\t\tborder-bottom:1px solid {$mk_options['header_toolbar_border_color']};\n\t\t\t\t\t}\n\t\t\t";
}
if (!empty($banner_border_color)) {
$output .= "\n\t\t\t\t#mk-header\n\t\t\t\t\t{\n\t\t\t\t\t\tborder-bottom:1px solid {$banner_border_color};\n\t\t\t\t\t}\n\n\t\t\t";
}
if (!empty($trans_header_border_color)) {
$output .= "\n\t\t\t\t#mk-header.transparent-header:not(.header-sticky-ready) .mk-header-holder\n\t\t\t\t\t{\n\t\t\t\t\t\tborder-bottom:1px solid {$trans_header_border_color};\n\t\t\t\t\t}\n\t\t\t";
}
###########################################
# General Typography & Coloring
###########################################
$body_line_height = isset($mk_options['body_line_height']) ? $mk_options['body_line_height'] : 1.66;
$p_line_height = isset($mk_options['p_line_height']) ? $mk_options['p_line_height'] : 1.66;
$output .= "\nbody\n{\n\tfont-size: {$mk_options['body_font_size']}px;\n\tcolor: {$mk_options['body_text_color']};\n\tfont-weight: {$mk_options['body_weight']};\n\tline-height: {$body_line_height}em;\n}\n\n\np,\n.mk-box-icon-2-content {\n\tfont-size: {$mk_options['p_size']}px;\n\tcolor: {$mk_options['p_color']};\n\tline-height: {$p_line_height}em;\n}\n\n\na {\n\tcolor: {$mk_options['a_color']};\n}\n\n\na:hover {\n\tcolor: {$mk_options['a_color_hover']};\n}\n\n\n#theme-page strong {\n\tcolor: {$mk_options['strong_color']};\n}\n\n\n\n#theme-page h1\n{\n\tfont-size: {$mk_options['h1_size']}px;\n\tcolor: {$mk_options['h1_color']};\n\tfont-weight: {$mk_options['h1_weight']};\n\ttext-transform: {$mk_options['h1_transform']};\n}\n\n#theme-page h2\n{\n\tfont-size: {$mk_options['h2_size']}px;\n\tcolor: {$mk_options['h2_color']};\n\tfont-weight: {$mk_options['h2_weight']};\n\ttext-transform: {$mk_options['h2_transform']};\n}\n\n\n#theme-page h3\n{\n\tfont-size: {$mk_options['h3_size']}px;\n\tcolor: {$mk_options['h3_color']};\n\tfont-weight: {$mk_options['h3_weight']};\n\ttext-transform: {$mk_options['h3_transform']};\n}\n\n#theme-page h4\n{\n\tfont-size: {$mk_options['h4_size']}px;\n\tcolor: {$mk_options['h4_color']};\n\tfont-weight: {$mk_options['h4_weight']};\n\ttext-transform: {$mk_options['h4_transform']};\n}\n\n\n#theme-page h5\n{\n\tfont-size: {$mk_options['h5_size']}px;\n\tcolor: {$mk_options['h5_color']};\n\tfont-weight: {$mk_options['h5_weight']};\n\ttext-transform: {$mk_options['h5_transform']};\n}\n\n\n#theme-page h6\n{\n\tfont-size: {$mk_options['h6_size']}px;\n\tcolor: {$mk_options['h6_color']};\n\tfont-weight: {$mk_options['h6_weight']};\n\ttext-transform: {$mk_options['h6_transform']};\n}\n\n.page-introduce-title\n{\n\tfont-size: {$mk_options['page_introduce_title_size']}px;\n\tcolor: {$page_title_color};\n\ttext-transform: {$mk_options['page_title_transform']};\n\tfont-weight: {$mk_options['page_introduce_weight']};\n\tletter-spacing: {$mk_options['page_introduce_title_letter_spacing']}px;\n}\n\n\n.page-introduce-subtitle\n{\n\tfont-size: {$mk_options['page_introduce_subtitle_size']}px;\n\tline-height: 100%;\n\tcolor: {$page_subtitle_color};\n\tfont-size: {$mk_options['page_introduce_subtitle_size']}px;\n\ttext-transform: {$mk_options['page_introduce_subtitle_transform']};\n}\n\n\n::-webkit-selection\n{\n\tbackground-color: {$skin_color};\n\tcolor:#fff;\n}\n\n::-moz-selection\n{\n\tbackground-color: {$skin_color};\n\tcolor:#fff;\n}\n\n::selection\n{\n\tbackground-color: {$skin_color};\n\tcolor:#fff;\n}\n\n";
###########################################
# Widgets
###########################################
$output .= "\n\n#mk-sidebar,\n#mk-sidebar p\n{\n\t\tfont-size: {$mk_options['sidebar_text_size']}px;\n\t\tcolor: {$mk_options['sidebar_text_color']};\n\t\tfont-weight: {$mk_options['sidebar_text_weight']};\n}\n\n\n\n#mk-sidebar .widgettitle\n{\n\t\ttext-transform: {$mk_options['sidebar_title_transform']};\n\t\tfont-size: {$mk_options['sidebar_title_size']}px;\n\t\tcolor: {$mk_options['sidebar_title_color']};\n\t\tfont-weight: {$mk_options['sidebar_title_weight']};\n}\n\n\n#mk-sidebar .widgettitle a\n{\n\t\tcolor: {$mk_options['sidebar_title_color']};\n}\n\n\n\n#mk-sidebar .widget a\n{\n\t\tcolor: {$mk_options['sidebar_links_color']};\n}\n\n\n#mk-footer,\n#mk-footer p\n{\n\t\tfont-size: {$mk_options['footer_text_size']}px;\n\t\tcolor: {$mk_options['footer_text_color']};\n\t\tfont-weight: {$mk_options['footer_text_weight']};\n}\n\n\n\n#mk-footer .widgettitle\n{\n\t\ttext-transform: {$mk_options['footer_title_transform']};\n\t\tfont-size: {$mk_options['footer_title_size']}px;\n\t\tcolor: {$mk_options['footer_title_color']};\n\t\tfont-weight: {$mk_options['footer_title_weight']};\n}\n\n\n\n#mk-footer .widgettitle a\n{\n\t\tcolor: {$mk_options['footer_title_color']};\n}\n\n\n\n#mk-footer .widget:not(.widget_social_networks) a\n{\n\t\tcolor: {$mk_options['footer_links_color']};\n\n}\n\n\n.mk-side-dashboard {\n\tbackground-color: {$mk_options['dash_bg_color']};\n}\n\n\n.mk-side-dashboard,\n.mk-side-dashboard p\n{\n\t\tfont-size: {$mk_options['dash_text_size']}px;\n\t\tcolor: {$mk_options['dash_text_color']};\n\t\tfont-weight: {$mk_options['dash_text_weight']};\n}\n\n\n\n.mk-side-dashboard .widgettitle\n{\n\t\ttext-transform: {$mk_options['dash_title_transform']};\n\t\tfont-size: {$mk_options['dash_title_size']}px;\n\t\tcolor: {$mk_options['dash_title_color']};\n\t\tfont-weight: {$mk_options['dash_title_weight']};\n}\n\n\n\n.mk-side-dashboard .widgettitle a\n{\n\t\tcolor: {$mk_options['dash_title_color']};\n}\n\n\n\n.mk-side-dashboard .widget a\n{\n\t\tcolor: {$mk_options['dash_links_color']};\n\n}\n\n.sidedash-navigation-ul li a,\n.sidedash-navigation-ul li .mk-nav-arrow {\n\tcolor:{$mk_options['dash_nav_link_color']};\n}\n\n.sidedash-navigation-ul li a:hover {\n\tcolor:{$mk_options['dash_nav_link_hover_color']};\n\tbackground-color:{$mk_options['dash_nav_bg_hover_color']};\n}";
$sidebar_links_hover_color = isset($mk_options['sidebar_links_hover_color']) && !empty($mk_options['sidebar_links_hover_color']) ? $mk_options['sidebar_links_hover_color'] : $skin_color;
$footer_links_hover_color = isset($mk_options['footer_links_hover_color']) && !empty($mk_options['footer_links_hover_color']) ? $mk_options['footer_links_hover_color'] : $skin_color;
$dash_links_hover_color = isset($mk_options['dash_links_hover_color']) && !empty($mk_options['dash_links_hover_color']) ? $mk_options['dash_links_hover_color'] : $skin_color;
$output .= "\n#mk-sidebar .widget:not(.widget_social_networks) a:hover \n{\n\tcolor: {$sidebar_links_hover_color};\n}\n#mk-footer .widget:not(.widget_social_networks) a:hover \n{\n\tcolor: {$footer_links_hover_color};\n}\n.mk-side-dashboard .widget:not(.widget_social_networks) a:hover\n{\n\tcolor: {$dash_links_hover_color};\n}\n\n\n\n";
###########################################
# Widths
###########################################
$output .= "\n\n.mk-grid\n{\n\tmax-width: {$mk_options['grid_width']}px;\n}\n\n.mk-header-nav-container, .mk-classic-menu-wrapper\n{\n\twidth: {$mk_options['grid_width']}px;\n}\n\n\n.theme-page-wrapper #mk-sidebar.mk-builtin\n{\n\twidth: {$sidebar_width}%;\n}\n\n.theme-page-wrapper.right-layout .theme-content,\n.theme-page-wrapper.left-layout .theme-content\n{\n\twidth: {$mk_options['content_width']}%;\n}\n\n\n.mk-boxed-enabled #mk-boxed-layout,\n.mk-boxed-enabled #mk-boxed-layout .header-style-1 .mk-header-holder,\n.mk-boxed-enabled #mk-boxed-layout .header-style-3 .mk-header-holder\n{\n\tmax-width: {$boxed_layout_width}px;\n\n}\n\n\n.mk-boxed-enabled #mk-boxed-layout .header-style-1 .mk-header-holder,\n.mk-boxed-enabled #mk-boxed-layout .header-style-3 .mk-header-holder,\n.mk-boxed-enabled #mk-boxed-layout .header-style-2.header-sticky-ready .mk-header-nav-container\n{\n\t\twidth: {$boxed_layout_width}px !important;\n\t\tleft:auto !important;\n}\n\n\n.header-style-1 .mk-header-start-tour,\n.header-style-3 .mk-header-start-tour,\n.header-style-1 .mk-header-inner #mk-header-search,\n.header-style-1 .mk-header-inner,\n.header-style-1 .mk-search-trigger,\n.header-style-3 .mk-header-inner,\n.header-style-1 .header-logo,\n.header-style-3 .header-logo,\n.header-style-1 .shopping-cart-header,\n.header-style-3 .shopping-cart-header,\n#mk-header-social.header-section a\n{\n\theight: {$mk_options['header_height']}px;\n\tline-height:{$mk_options['header_height']}px;\n}\n\n\n@media handheld, only screen and (max-width: {$mk_options['grid_width']}px){\n\n\t\t.header-grid.mk-grid .header-logo.left-logo\n\t\t{\n\t\t\tleft: 15px !important;\n\t\t}\n\t\t.header-grid.mk-grid .header-logo.right-logo, .mk-header-right {\n\t\t\tright: 15px !important;\n\t\t}\n\n}\n";
$toolbar_toggle = !empty($mk_options['theme_toolbar_toggle']) ? $mk_options['theme_toolbar_toggle'] : 'true';
if (global_get_post_id()) {
$enable = get_post_meta(global_get_post_id(), '_enable_local_backgrounds', true);
if ($enable == 'true') {
$toolbar_toggle_meta = get_post_meta($post_id, 'theme_toolbar_toggle', true);
$toolbar_toggle = isset($toolbar_toggle_meta) && !empty($toolbar_toggle_meta) ? $toolbar_toggle_meta : $toolbar_toggle;
}
}
// This seems to be an old tweak - the whole <body> is already moved down the toolbar
$toolbar_toggle_height = $toolbar_toggle == 'true' ? 32 : 0;
// so lets comment out this value
$header_padding_holder = $mk_options['header_height'] + $toolbar_toggle_height;
$output .= "\n\n#mk-theme-container:not(.mk-transparent-header) .header-style-1 .mk-header-padding-wrapper,\n#mk-theme-container:not(.mk-transparent-header) .header-style-3 .mk-header-padding-wrapper {\n\tpadding-top:{$header_padding_holder}px;\n}\n\n\n";
#################################################
# Content maximum width to convert to responsive
#################################################
$output .= "\n@media handheld, only screen and (max-width: {$mk_options['content_responsive']}px){\n\n\t\t\t.theme-page-wrapper .theme-content\n\t\t\t{\n\t\t\t\twidth: 100% !important;\n\t\t\t\tfloat: none !important;\n\t\t\t}\n\n\n\t\t\t.theme-page-wrapper\n\t\t\t{\n\t\t\t\tpadding-right:15px !important;\n\t\t\t\tpadding-left: 15px !important;\n\t\t\t}\n\n\n\t\t\t.theme-page-wrapper .theme-content:not(.no-padding)\n\t\t\t{\n\t\t\t\tpadding:25px 0 !important;\n\t\t\t}\n\n\n\t\t\t.theme-page-wrapper #mk-sidebar\n\t\t\t{\n\t\t\t\twidth: 100% !important;\n\t\t\t\tfloat: none !important;\n\t\t\t\tpadding: 0 !important;\n\n\t\t\t}\n\n\n\t\t\t.theme-page-wrapper #mk-sidebar .sidebar-wrapper\n\t\t\t{\n\t\t\t\tpadding:20px 0 !important;\n\t\t\t}\n\n}\n\n\n\n@media handheld, only screen and (max-width: {$mk_options['grid_width']}px){\n\t\t.mk-go-top,\n\t\t.mk-quick-contact-wrapper\n\t\t{\n\t\t\tbottom:70px !important;\n\t\t}\n\n\t\t.mk-grid {\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.mk-padding-wrapper {\n\t\t\tpadding: 0 20px;\n\t\t}\n\n }\n\n\n";
#################################################
# Header Toolbar Colorings
#################################################
$output .= "\n\n#mk-toolbar-navigation ul li a,\n.mk-language-nav > a,\n.mk-header-login .mk-login-link,\n.mk-subscribe-link,\n.mk-checkout-btn,\n.mk-header-tagline a,\n.header-toolbar-contact a,\n#mk-toolbar-navigation ul li a:hover,\n.mk-language-nav > a:hover,\n.mk-header-login .mk-login-link:hover,\n.mk-subscribe-link:hover,\n.mk-checkout-btn:hover,\n.mk-header-tagline a:hover\n{\n\tcolor:{$mk_options['header_toolbar_link_color']};\n}\n\n\n\n.mk-header-tagline,\n.header-toolbar-contact,\n.mk-header-date\n{\n\tcolor:{$mk_options['header_toolbar_txt_color']};\n}\n\n\n.mk-header-toolbar #mk-header-social a i {\n\tcolor:{$mk_options['header_toolbar_social_network_color']};\n}\n\n";
$header_social_style = $mk_options['header_social_networks_style'];
$header_social_color = $mk_options['header_social_color'];
$header_social_hover = $mk_options['header_social_hover_color'];
$header_social_border = $mk_options['header_social_border_color'];
$header_social_bg = $mk_options['header_social_bg_color'];
$output .= "\n\t.header-section#mk-header-social ul li a i {\n\t\tcolor: {$header_social_color};\n\t}\n\t.header-section#mk-header-social ul li a:hover i {\n\t\tcolor: {$header_social_hover};\n}\n";
if ($header_social_style == 'square-pointed' || $header_social_style == 'square-rounded' || $header_social_style == 'simple-rounded') {
$output .= "\n\t\t.header-section#mk-header-social ul li a {\n\t\t\tborder-color: {$header_social_border};\n\t\t}\n\t\t.header-section#mk-header-social ul li a:hover {\n\t\t\tborder-color: {$header_social_bg};\n\t\t\tbackground-color: {$header_social_bg};\n\t\t}\n\t";
}
#################################################
# Header Section
#################################################
// Outline Styles for social buttons repositioning
$small_position = ($mk_options['header_height'] - 34) / 2;
$medium_position = ($mk_options['header_height'] - 50) / 2;
$large_position = ($mk_options['header_height'] - 66) / 2;
$sticky_position = ($mk_options['header_scroll_height'] - 34) / 2;
$vertical_header_logo_padding = isset($mk_options['vertical_header_logo_padding']) ? $mk_options['vertical_header_logo_padding'] : 0;
$responsive_icon_text_color = isset($mk_options['responsive_icon_text_color']) ? $mk_options['responsive_icon_text_color'] : $mk_options['main_nav_top_text_color'];
$output .= "\n\n.header-style-2 .header-logo,\n.header-style-4 .header-logo\n{\n\theight: {$mk_options['header_height']}px !important;\n}\n\n.header-style-4 .header-logo {\n\tmargin:{$vertical_header_logo_padding}px 0;\n}\n\n\n\n\n.header-style-2 .mk-header-inner\n{\n\n\tline-height:{$mk_options['header_height']}px;\n}\n\n.mk-header-nav-container\n{\n\tbackground-color: {$mk_options['main_nav_bg_color']};\n}\n\n\n.mk-header-start-tour\n{\n\tfont-size: {$mk_options['start_tour_size']}px;\n\tcolor: {$mk_options['start_tour_color']};\n}\n\n\n.mk-header-start-tour:hover\n{\n\tcolor: {$mk_options['start_tour_color']};\n}\n\n\n.mk-classic-nav-bg\n{\n\t{$classic_nav_bg}\n}\n\n\n.mk-search-trigger,\n.mk-shoping-cart-link i,\n.mk-toolbar-resposnive-icon i\n{\n\tcolor: {$mk_options['main_nav_top_text_color']};\n}\n\n.mk-css-icon-close div,\n.mk-css-icon-menu div {\n\tbackground-color: {$responsive_icon_text_color};\n}\n\n\n#mk-header-searchform .text-input\n{\n\tbackground-color:{$mk_options['header_toolbar_search_input_bg']} !important;\n\tcolor: {$mk_options['header_toolbar_search_input_txt']};\n}\n\n\n#mk-header-searchform span i\n{\n\tcolor: {$mk_options['header_toolbar_search_input_txt']};\n}\n\n\n#mk-header-searchform .text-input::-webkit-input-placeholder\n{\n\tcolor: {$mk_options['header_toolbar_search_input_txt']};\n}\n\n\n#mk-header-searchform .text-input:-ms-input-placeholder\n{\n\tcolor: {$mk_options['header_toolbar_search_input_txt']};\n}\n\n\n#mk-header-searchform .text-input:-moz-placeholder\n{\n\tcolor: {$mk_options['header_toolbar_search_input_txt']};\n}\n\n\n\n.header-style-1.header-sticky-ready .menu-hover-style-1 .main-navigation-ul > li > a,\n.header-style-3.header-sticky-ready .menu-hover-style-1 .main-navigation-ul > li > a,\n.header-style-1.header-sticky-ready .menu-hover-style-5 .main-navigation-ul > li,\n.header-style-1.header-sticky-ready .menu-hover-style-2 .main-navigation-ul > li > a,\n.header-style-3.header-sticky-ready .menu-hover-style-2 .main-navigation-ul > li > a,\n\n.header-style-1.header-style-1.header-sticky-ready .menu-hover-style-4 .main-navigation-ul > li > a,\n.header-style-3.header-sticky-ready .menu-hover-style-4 .main-navigation-ul > li > a,\n\n.header-style-1.header-sticky-ready .menu-hover-style-3 .main-navigation-ul > li,\n.header-style-1.header-sticky-ready .mk-header-holder #mk-header-search,\n\n.header-style-3.header-sticky-ready .mk-header-holder #mk-header-search,\n.header-sticky-ready.header-style-3 .mk-header-start-tour,\n.header-sticky-ready.header-style-1 .mk-header-start-tour,\n.header-sticky-ready.header-style-1 .mk-header-inner,\n.header-sticky-ready.header-style-3 .mk-header-inner,\n.header-sticky-ready.header-style-3 .header-logo,\n.header-sticky-ready.header-style-1 .header-logo,\n.header-sticky-ready.header-style-1 .mk-search-trigger,\n.header-sticky-ready.header-style-1 .shopping-cart-header,\n.header-sticky-ready.header-style-3 .shopping-cart-header,\n.header-sticky-ready #mk-header-social.header-section a {\n\theight:{$mk_options['header_scroll_height']}px !important;\n\tline-height:{$mk_options['header_scroll_height']}px !important;\n\n}\n\n#mk-header-social.header-section a.small {\n\tmargin-top: {$small_position}px;\n}\n#mk-header-social.header-section a.medium {\n\tmargin-top: {$medium_position}px;\n}\n#mk-header-social.header-section a.large {\n\tmargin-top: {$large_position}px;\n}\n\n.header-sticky-ready #mk-header-social.header-section a.small,\n.header-sticky-ready #mk-header-social.header-section a.medium,\n.header-sticky-ready #mk-header-social.header-section a.large {\n\tmargin-top: {$sticky_position}px;\n\tline-height: 16px !important;\n\theight: 16px !important;\n\tfont-size: 16px !important;\n\twidth: 16px !important;\n\tpadding: 8px !important;\n}\n.header-sticky-ready #mk-header-social.header-section a.small i:before,\n.header-sticky-ready #mk-header-social.header-section a.medium i:before,\n.header-sticky-ready #mk-header-social.header-section a.large i:before {\n\tline-height: 16px !important;\n\tfont-size: 16px !important;\n}\n\n";
#################################################
# Main Nvigation
#################################################
$main_nav_sub_width = isset($mk_options['main_nav_sub_width']) ? $mk_options['main_nav_sub_width'] : 210;
$output .= "\n\n.main-navigation-ul > li.menu-item > a.menu-item-link\n{\n\tcolor: {$mk_options['main_nav_top_text_color']};\n\tfont-size: {$mk_options['main_nav_top_size']}px;\n\tfont-weight: {$mk_options['main_nav_top_weight']};\n\tpadding-right:{$mk_options['main_nav_item_space']}px!important;\n\tpadding-left:{$mk_options['main_nav_item_space']}px!important;\n\ttext-transform:{$mk_options['main_menu_transform']};\n}\n\n.mk-vm-menuwrapper ul li a {\n\tcolor: {$mk_options['main_nav_top_text_color']};\n\tfont-size: {$mk_options['main_nav_top_size']}px;\n\tfont-weight: {$mk_options['main_nav_top_weight']};\n\ttext-transform:{$mk_options['main_menu_transform']};\n}\n.mk-vm-menuwrapper li > a:after,\n.mk-vm-menuwrapper li.mk-vm-back:after {\n\tcolor: {$mk_options['main_nav_top_text_color']};\n}\n\n.main-navigation-ul > li.no-mega-menu ul.sub-menu li.menu-item a.menu-item-link \n{\n\twidth:{$main_nav_sub_width}px;\n}\n\n\n.mk-header-3-menu-trigger {\n\tcolor: {$mk_options['main_nav_top_text_color']};\n}\n\n\n\n.menu-hover-style-1 .main-navigation-ul li.menu-item > a.menu-item-link:hover,\n.menu-hover-style-1 .main-navigation-ul li.menu-item:hover > a.menu-item-link,\n.menu-hover-style-1 .main-navigation-ul li.current-menu-item > a.menu-item-link,\n.menu-hover-style-1 .main-navigation-ul li.current-menu-ancestor > a.menu-item-link,\n.menu-hover-style-2 .main-navigation-ul li.menu-item > a.menu-item-link:hover,\n.menu-hover-style-2 .main-navigation-ul li.menu-item:hover > a.menu-item-link,\n.menu-hover-style-2 .main-navigation-ul li.current-menu-item > a.menu-item-link,\n.menu-hover-style-2 .main-navigation-ul li.current-menu-ancestor > a.menu-item-link,\n.menu-hover-style-1.mk-vm-menuwrapper li.menu-item > a:hover,\n.menu-hover-style-1.mk-vm-menuwrapper li.menu-item:hover > a,\n.menu-hover-style-1.mk-vm-menuwrapper li.current-menu-item > a,\n.menu-hover-style-1.mk-vm-menuwrapper li.current-menu-ancestor > a,\n.menu-hover-style-2.mk-vm-menuwrapper li.menu-item > a:hover,\n.menu-hover-style-2.mk-vm-menuwrapper li.menu-item:hover > a,\n.menu-hover-style-2.mk-vm-menuwrapper li.current-menu-item > a,\n.menu-hover-style-2.mk-vm-menuwrapper li.current-menu-ancestor > a\n{\n\n\tcolor: {$mk_options['main_nav_top_hover_skin']} !important;\n}\n\n\n.menu-hover-style-3 .main-navigation-ul > li.menu-item > a.menu-item-link:hover,\n.menu-hover-style-3 .main-navigation-ul > li.menu-item:hover > a.menu-item-link,\n.menu-hover-style-3.mk-vm-menuwrapper li > a:hover,\n.menu-hover-style-3.mk-vm-menuwrapper li:hover > a\n{\n\tborder:2px solid {$mk_options['main_nav_top_hover_skin']};\n}\n.menu-hover-style-3 .main-navigation-ul > li.current-menu-item > a.menu-item-link,\n.menu-hover-style-3 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link,\n.menu-hover-style-3.mk-vm-menuwrapper li.current-menu-item > a,\n.menu-hover-style-3.mk-vm-menuwrapper li.current-menu-ancestor > a{\n\n\tborder:2px solid {$mk_options['main_nav_top_hover_skin']};\n\tbackground-color:{$mk_options['main_nav_top_hover_skin']};\n\tcolor:{$mk_options['main_nav_top_hover_txt_color']};\n\n}\n.menu-hover-style-3.mk-vm-menuwrapper li.current-menu-ancestor > a:after {\n\tcolor:{$mk_options['main_nav_top_hover_txt_color']};\n}\n\n.menu-hover-style-4 .main-navigation-ul li.menu-item > a.menu-item-link:hover,\n.menu-hover-style-4 .main-navigation-ul li.menu-item:hover > a.menu-item-link,\n.menu-hover-style-4 .main-navigation-ul li.current-menu-item > a.menu-item-link,\n.menu-hover-style-4 .main-navigation-ul li.current-menu-ancestor > a.menu-item-link,\n\n.menu-hover-style-4.mk-vm-menuwrapper li a:hover,\n.menu-hover-style-4.mk-vm-menuwrapper li:hover > a,\n.menu-hover-style-4.mk-vm-menuwrapper li.current-menu-item > a,\n.menu-hover-style-4.mk-vm-menuwrapper li.current-menu-ancestor > a,\n.menu-hover-style-5 .main-navigation-ul > li.menu-item > a.menu-item-link:after\n{\n\n\tbackground-color: {$mk_options['main_nav_top_hover_skin']};\n\tcolor:{$mk_options['main_nav_top_hover_txt_color']};\n}\n\n\n\n.menu-hover-style-4.mk-vm-menuwrapper li.current-menu-ancestor > a:after,\n.menu-hover-style-4.mk-vm-menuwrapper li.current-menu-item > a:after,\n.menu-hover-style-4.mk-vm-menuwrapper li:hover > a:after,\n.menu-hover-style-4.mk-vm-menuwrapper li a:hover::after {\n\tcolor:{$mk_options['main_nav_top_hover_txt_color']};\n}\n\n\n.menu-hover-style-1 .main-navigation-ul > li.dropdownOpen > a.menu-item-link,\n.menu-hover-style-1 .main-navigation-ul > li.active > a.menu-item-link,\n.menu-hover-style-1 .main-navigation-ul > li.open > a.menu-item-link,\n.menu-hover-style-1 .main-navigation-ul > li.menu-item > a:hover,\n.menu-hover-style-1 .main-navigation-ul > li.current-menu-item > a.menu-item-link,\n.menu-hover-style-1 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link {\n\tborder-top-color:{$mk_options['main_nav_sub_border_top_color']};\n}\n\n.menu-hover-style-1.mk-vm-menuwrapper li > a:hover,\n.menu-hover-style-1.mk-vm-menuwrapper li.current-menu-item > a,\n.menu-hover-style-1.mk-vm-menuwrapper li.current-menu-ancestor > a\n{\n\tborder-left-color:{$mk_options['main_nav_sub_border_top_color']};\n}\n\n\n.header-style-1 .menu-hover-style-1 .main-navigation-ul > li > a,\n.header-style-1 .menu-hover-style-2 .main-navigation-ul > li > a,\n.header-style-1 .menu-hover-style-4 .main-navigation-ul > li > a,\n.header-style-1 .menu-hover-style-5 .main-navigation-ul > li\n {\n\theight: {$mk_options['header_height']}px;\n\tline-height:{$mk_options['header_height']}px;\n}\n\n.header-style-1 .menu-hover-style-3 .main-navigation-ul > li,\n.header-style-1 .menu-hover-style-5 .main-navigation-ul > li\n{\n\theight: {$mk_options['header_height']}px;\n\tline-height:{$mk_options['header_height']}px;\n}";
$hover_3_height = $mk_options['header_height'] / 2;
$hover_3_height_sticky = $mk_options['header_scroll_height'] / 1.5;
$output .= "\n.header-style-1 .menu-hover-style-3 .main-navigation-ul > li > a {\n\tline-height:{$hover_3_height}px;\n}\n.header-style-1.header-sticky-ready .menu-hover-style-3 .main-navigation-ul > li > a {\n\tline-height:{$hover_3_height_sticky}px;\n}\n.header-style-1 .menu-hover-style-5 .main-navigation-ul > li > a {\n\tline-height:20px;\n\tvertical-align:middle;\n}\n";
if (!empty($mk_options['main_nav_sub_border_top_color'])) {
$output .= "\n.main-navigation-ul > li.no-mega-menu ul.sub-menu:after,\n.main-navigation-ul > li.has-mega-menu > ul.sub-menu:after\n{\n background-color:{$mk_options['main_nav_sub_border_top_color']};\n}\n.mk-shopping-cart-box {\n\tborder-top:2px solid {$mk_options['main_nav_sub_border_top_color']};\n}\n";
}
$output .= "\n#mk-main-navigation li.no-mega-menu ul.sub-menu,\n#mk-main-navigation li.has-mega-menu > ul.sub-menu,\n.mk-shopping-cart-box\n{\n\tbackground-color: {$mk_options['main_nav_sub_bg_color']};\n}\n\n\n#mk-main-navigation ul.sub-menu a.menu-item-link,\n#mk-main-navigation ul .megamenu-title,\n.megamenu-widgets-container a,\n.mk-shopping-cart-box .product_list_widget li a,\n.mk-shopping-cart-box .product_list_widget li.empty,\n.mk-shopping-cart-box .product_list_widget li span,\n.mk-shopping-cart-box .widget_shopping_cart .total\n{\n\tcolor: {$mk_options['main_nav_sub_text_color']};\n}\n\n.mk-shopping-cart-box .mk-button.cart-widget-btn {\n\tborder-color:{$mk_options['main_nav_sub_text_color']};\n\tcolor:{$mk_options['main_nav_sub_text_color']};\n}\n.mk-shopping-cart-box .mk-button.cart-widget-btn:hover {\n\tbackground-color:{$mk_options['main_nav_sub_text_color']};\n\tcolor:{$mk_options['main_nav_sub_bg_color']};\n}\n\n#mk-main-navigation ul .megamenu-title\n{\n\tcolor: {$mk_options['main_nav_mega_title_color']};\n}\n#mk-main-navigation ul .megamenu-title:after\n{\n\tbackground-color: {$mk_options['main_nav_mega_title_color']};\n}\n\n.megamenu-widgets-container {\n\tcolor: {$mk_options['main_nav_sub_text_color']};\n}\n\n.megamenu-widgets-container .widgettitle\n{\n\t\ttext-transform: {$mk_options['sidebar_title_transform']};\n\t\tfont-size: {$mk_options['sidebar_title_size']}px;\n\t\tfont-weight: {$mk_options['sidebar_title_weight']};\n}\n\n#mk-main-navigation ul.sub-menu li.menu-item ul.sub-menu li.menu-item a.menu-item-link i\n{\n\tcolor: {$mk_options['main_nav_sub_icon_color']};\n}\n\n\n\n\n#mk-main-navigation ul.sub-menu a.menu-item-link:hover\n{\n\tcolor: {$mk_options['main_nav_sub_text_color_hover']} !important;\n}\n.megamenu-widgets-container a:hover {\n\tcolor: {$mk_options['main_nav_sub_text_color_hover']};\t\n}\n\n\n.main-navigation-ul li.menu-item ul.sub-menu li.menu-item a.menu-item-link:hover,\n.main-navigation-ul li.menu-item ul.sub-menu li.menu-item:hover > a.menu-item-link,\n.main-navigation-ul ul.sub-menu li.menu-item a.menu-item-link:hover,\n.main-navigation-ul ul.sub-menu li.menu-item:hover > a.menu-item-link,\n.main-navigation-ul ul.sub-menu li.current-menu-item > a.menu-item-link\n{\n\tbackground-color:{$mk_options['main_nav_sub_hover_bg_color']} !important;\n}\n\n\n.mk-search-trigger:hover,\n.mk-header-start-tour:hover\n{\n\tcolor: {$mk_options['main_nav_top_hover_skin']};\n}\n\n\n\n.main-navigation-ul li.menu-item ul.sub-menu li.menu-item a.menu-item-link\n{\n\tfont-size: {$mk_options['main_nav_sub_size']}px;\n\tfont-weight: {$mk_options['main_nav_sub_weight']};\n\ttext-transform:{$mk_options['main_nav_sub_transform']};\n\tletter-spacing: {$mk_options['main_nav_sub_letter_spacing']}px;\n}\n.has-mega-menu .megamenu-title {\n\tletter-spacing: {$mk_options['main_nav_sub_letter_spacing']}px;\n}\n\n.header-style-4 {\n\ttext-align : {$mk_options['vertical_header_align']}\n\t}\n";
if ($mk_options['vertical_header_align'] != 'center') {
$output .= "\n\t.mk-vm-menuwrapper li > a {\n\t\tpadding-right: 45px;\n\t}\n\t";
}
if (!empty($mk_options['mega_menu_divider_color'])) {
$output .= ".has-mega-menu > ul.sub-menu > li.menu-item {\n\t border-left: 1px solid {$mk_options['mega_menu_divider_color']};\n}\n";
}
$sub_level_box_border_color = isset($mk_options['sub_level_box_border_color']) ? $mk_options['sub_level_box_border_color'] : '#d3d3d3';
$nav_sub_shadow = isset($mk_options['nav_sub_shadow']) ? $mk_options['nav_sub_shadow'] : 'true';
if (!empty($sub_level_box_border_color)) {
$output .= "\n.main-navigation-ul > li.no-mega-menu ul,\n.main-navigation-ul > li.has-mega-menu > ul,\n.mk-shopping-cart-box {\n\tborder:1px solid {$sub_level_box_border_color};\n}\n";
}
if ($nav_sub_shadow != 'false') {
$output .= "\n.main-navigation-ul > li.no-mega-menu ul,\n.main-navigation-ul > li.has-mega-menu > ul,\n.mk-shopping-cart-box {\n -webkit-box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.15);\n -moz-box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.15);\n box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.15);\n}\n";
}
#################################################
# Header Resposnive State
#################################################
$output .= "\n\n@media handheld, only screen and (max-width: {$mk_options['responsive_nav_width']}px){\n\n\t\t\t#mk-header:not(.header-style-4) .mk-header-holder {\n\t\t\t\tposition:relative !important;\n\t\t\t\ttop:0 !important;\n\t\t\t}\n\n\t\t\t.mk-header-padding-wrapper {\n\t\t\t\tdisplay:none !important;\n\t\t\t}\n\n\t\t\t.mk-header-nav-container\n\t\t\t{\n\t\t\t\twidth: auto !important;\n\t\t\t\tdisplay:none;\n\t\t\t}\n\n\n\t\t\t.header-style-1 .mk-header-right,\n\t\t\t.header-style-2 .mk-header-right,\n\t\t\t.header-style-3 .mk-header-right {\n\t\t\t\tright:55px !important;\n\t\t\t}\n\n\n\t\t\t.header-style-1 .mk-header-inner #mk-header-search,\n\t\t\t.header-style-2 .mk-header-inner #mk-header-search,\n\t\t\t.header-style-3 .mk-header-inner #mk-header-search\n\t\t\t{\n\t\t\t\tdisplay:none !important;\n\t\t\t}\n\n\n\t\t\t.mk-fullscreen-search-overlay {\n\t\t\t\tdisplay:none;\n\t\t\t}\n\n\t\t\t#mk-header-search\n\t\t\t{\n\t\t\t\tpadding-bottom: 10px !important;\n\t\t\t}\n\n\n\t\t\t#mk-header-searchform span .text-input\n\t\t\t{\n\t\t\t\twidth: 100% !important;\n\t\t\t}\n\n\n\t\t\t.header-style-2 .header-logo .center-logo\n\t\t\t{\n\t\t\t text-align: right !important;\n\t\t\t}\n\n\n\t\t\t.header-style-2 .header-logo .center-logo a\n\t\t\t{\n\t\t\t margin: 0 !important;\n\t\t\t}\n\n\n\t\t\t.header-logo,\n\t\t\t.header-style-4 .header-logo\n\t\t\t{\n\t\t\t height: 90px !important;\n\t\t\t}\n\n\t\t\t.mk-header-inner\n\t\t\t{\n\t\t\t\tpadding-top:0 !important;\n\t\t\t}\n\n\n\t\t\t.header-logo\n\t\t\t{\n\t\t\t\tposition:relative !important;\n\t\t\t\tright:auto !important;\n\t\t\t\tleft:auto !important;\n\t\t\t\tfloat:left !important;\n\t\t\t\ttext-align:left;\n\t\t\t}\n\n\n\t\t\t.shopping-cart-header\n\t\t\t{\n\t\t\t\tmargin:0 20px 0 0 !important;\n\t\t\t}\n\n\n\t\t\t#mk-responsive-nav\n\t\t\t{\n\t\t\t\tbackground-color:{$mk_options['responsive_nav_color']} !important;\n\t\t\t}\n\n\n\t\t\t.mk-header-nav-container #mk-responsive-nav\n\t\t\t{\n\t\t\t\tvisibility: hidden;\n\t\t\t}\n\n\n\n\n\t\t\t#mk-responsive-nav li ul li .megamenu-title:hover,\n\t\t\t#mk-responsive-nav li ul li .megamenu-title,\n\t\t\t#mk-responsive-nav li a, #mk-responsive-nav li ul li a:hover,\n\t\t\t#mk-responsive-nav .mk-nav-arrow\n\t\t\t{\n\t\t \t\t\tcolor:{$mk_options['responsive_nav_txt_color']} !important;\n\t\t\t}\n\n\n\t\t\t.mk-mega-icon\n\t\t\t{\n\t\t\t\tdisplay:none !important;\n\t\t\t}\n\n\n\t\t\t.mk-header-bg\n\t\t\t{\n\t\t\t\tzoom:1 !important;\n\t\t\t\tfilter:alpha(opacity=100) !important;\n\t\t\t\topacity:1 !important;\n\t\t\t}\n\n\n\n\n\t\t\t.header-style-1 .mk-nav-responsive-link,\n\t\t\t.header-style-2 .mk-nav-responsive-link\n\t\t\t{\n\t\t\t\tdisplay:block !important;\n\t\t\t}\n\n\t\t\t.mk-header-nav-container\n\t\t\t{\n\t\t\t\theight:100%;\n\t\t\t\tz-index:200;\n\t\t\t}\n\n\n\t\t\t#mk-main-navigation\n\t\t\t{\n\t\t\tposition:relative;\n\t\t\tz-index:2;\n\t\t\t}\n\n\n\t\t\t.mk_megamenu_columns_2,\n\t\t\t.mk_megamenu_columns_3,\n\t\t\t.mk_megamenu_columns_4,\n\t\t\t.mk_megamenu_columns_5,\n\t\t\t.mk_megamenu_columns_6\n\t\t\t{\n\t\t\t\twidth:100% !important;\n\t\t\t}\n\n\t\t\t.header-style-1.header-align-right .header-logo img,\n\t\t\t.header-style-3.header-align-right .header-logo img,\n\t\t\t.header-style-3.header-align-center .header-logo img {\n\t\t\t\tfloat: left !important;\n\t\t\t\tright:auto !important;\n\t\t\t}\n\n\n\t\t\t.header-style-4 .mk-header-inner {\n\t\t\t\twidth: auto !important;\n\t\t\t\tposition: relative !important;\n\t\t\t\toverflow: visible;\n\t\t\t\tpadding-bottom: 0;\n\t\t\t}\n\t\t\t.admin-bar .header-style-4 .mk-header-inner {\n\t\t\t\ttop:0 !important;\n\t\t\t}\n\t\t\t.header-style-4 .mk-header-right {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t\t.header-style-4 .mk-nav-responsive-link {\n\t\t\t\tdisplay: block !important;\n\t\t\t}\n\t\t\t.header-style-4 .mk-vm-menuwrapper,\n\t\t\t.header-style-4 #mk-header-search {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t\t.header-style-4 .header-logo {\n\t\t\t\twidth:auto !important;\n\t\t\t\tdisplay: inline-block !important;\n\t\t\t\ttext-align:left !important;\n\t\t\t\tmargin:0 !important;\n\t\t\t}\n\t\t\t.vertical-header-enabled .header-style-4 .header-logo img {\n\t\t\t\t\tmax-width: 100% !important;\n\t\t\t\t\tleft: 20px!important;\n\t\t\t\t\t-webkit-transform: translate(0, 0);\n\t\t\t\t\t-moz-transform: translate(0, 0);\n\t\t\t\t\t-ms-transform: translate(0, 0);\n\t\t\t\t\t-o-transform: translate(0, 0);\n\t\t\t\t\tposition:relative !important;\n\t\t\t}\n\t\t\t.vertical-header-enabled.vertical-header-right #mk-theme-container {\n\t\t\t\tpadding-right: 0;\n\t\t\t}\n\t\t\t.vertical-header-enabled.vertical-header-left #mk-theme-container, .vertical-header-enabled.vertical-header-center #mk-theme-container {\n\t\t\t\tpadding-left: 0;\n\t\t\t}\n\n}\n\n\n\n\n@media handheld, only screen and (min-width: {$mk_options['responsive_nav_width']}px) {\n\t\t .mk-transparent-header .sticky-style-slide .mk-header-holder {\n\t\t position: absolute;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true:not(.header-sticky-ready) .mk-header-bg {\n\t\t opacity: 0;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true#mk-header:not(.header-sticky-ready) .mk-header-inner {\n\t\t border: 0;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .mk-desktop-logo.light-logo {\n\t\t display: block !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .mk-desktop-logo.dark-logo {\n\t\t display: none !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .main-navigation-ul > li.menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .mk-search-trigger,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .mk-shoping-cart-link i,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .mk-header-start-tour,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) #mk-header-social a i,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.menu-item > a.menu-item-link:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.menu-item:hover > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.current-menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-2 .main-navigation-ul > li.menu-item > a.menu-item-link:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-2 .main-navigation-ul > li.menu-item:hover > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-2 .main-navigation-ul > li.current-menu-item > a.menu-item-link {\n\t\t color: #fff !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .mk-css-icon-menu div {\n\t\t background-color: #fff !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.dropdownOpen > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.active > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.open > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.menu-item > a:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.current-menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link {\n\t\t border-top-color: #fff;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-3 .main-navigation-ul > li.current-menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-3 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-3.mk-vm-menuwrapper li.current-menu-item > a,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-3.mk-vm-menuwrapper li.current-menu-ancestor > a {\n\t\t border: 2px solid #fff;\n\t\t background-color: #fff;\n\t\t color: #222 !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-3 .main-navigation-ul > li.menu-item > a.menu-item-link:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-3 .main-navigation-ul > li.menu-item:hover > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-3.mk-vm-menuwrapper li > a:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-3.mk-vm-menuwrapper li:hover > a {\n\t\t border: 2px solid #fff;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-4 .main-navigation-ul li.menu-item > a.menu-item-link:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-4 .main-navigation-ul li.menu-item:hover > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-4 .main-navigation-ul li.current-menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.light-header-skin:not(.header-sticky-ready) .menu-hover-style-5 .main-navigation-ul > li.menu-item > a.menu-item-link:after {\n\t\t background-color: #fff;\n\t\t color: #222 !important;\n\t\t }\n\n\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .mk-desktop-logo.dark-logo {\n\t\t display: block !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .mk-desktop-logo.light-logo {\n\t\t display: none !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .main-navigation-ul > li.menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .mk-search-trigger,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .mk-shoping-cart-link i,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .mk-header-start-tour,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) #mk-header-social a i,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul li.menu-item > a.menu-item-link:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul li.menu-item:hover > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul li.current-menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul li.current-menu-ancestor > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-2 .main-navigation-ul li.menu-item > a.menu-item-link:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-2 .main-navigation-ul li.menu-item:hover > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-2 .main-navigation-ul li.current-menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-2 .main-navigation-ul li.current-menu-ancestor > a.menu-item-link {\n\t\t color: #222 !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.dropdownOpen > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.active > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.open > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.menu-item > a:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.current-menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-1 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link {\n\t\t border-top-color: #222;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .mk-css-icon-menu div {\n\t\t background-color: #222 !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-3 .main-navigation-ul > li.current-menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-3 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-3.mk-vm-menuwrapper li.current-menu-item > a,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-3.mk-vm-menuwrapper li.current-menu-ancestor > a {\n\t\t border: 2px solid #222;\n\t\t background-color: #222;\n\t\t color: #fff !important;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-3 .main-navigation-ul > li.menu-item > a.menu-item-link:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-3 .main-navigation-ul > li.menu-item:hover > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-3.mk-vm-menuwrapper li > a:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-3.mk-vm-menuwrapper li:hover > a {\n\t\t border: 2px solid #222;\n\t\t }\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-4 .main-navigation-ul li.menu-item > a.menu-item-link:hover,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-4 .main-navigation-ul li.menu-item:hover > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-4 .main-navigation-ul li.current-menu-item > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-4 .main-navigation-ul li.current-menu-ancestor > a.menu-item-link,\n\t\t .mk-transparent-header .remove-header-bg-true.dark-header-skin:not(.header-sticky-ready) .menu-hover-style-5 .main-navigation-ul > li.menu-item > a.menu-item-link:after {\n\t\t background-color: #222;\n\t\t color: #fff !important;\n\t\t }\n}\n\n\n";
#################################################
# Theme Skin colors
#################################################
$output .= "\n.comment-reply a,\n.mk-tabs .mk-tabs-tabs li.ui-tabs-active a > i,\n.mk-toggle .mk-toggle-title.active-toggle:before,\n.introduce-simple-title,\n.rating-star .rated,\n.mk-accordion .mk-accordion-single.current .mk-accordion-tab:before,\n.mk-testimonial-author,\n.modern-style .mk-testimonial-company,\n#wp-calendar td#today,\n.mk-tweet-list a,\n.widget_testimonials .testimonial-slider .testimonial-author,\n.news-full-without-image .news-categories span,\n.news-half-without-image .news-categories span,\n.news-fourth-without-image .news-categories span,\n.mk-read-more,\n.news-single-social li a,\n.portfolio-widget-cats,\n.portfolio-carousel-cats,\n.blog-showcase-more,\n.simple-style .mk-employee-item:hover .team-member-position,\n.mk-readmore,\n.about-author-name,\n.filter-portfolio li a:hover,\n.mk-portfolio-classic-item .portfolio-categories a,\n.register-login-links a:hover,\n#mk-language-navigation ul li a:hover,\n#mk-language-navigation ul li.current-menu-item > a,\n.not-found-subtitle,\n.mk-mini-callout a,\n.mk-quick-contact-wrapper h4,\n.search-loop-meta a,\n.new-tab-readmore,\n.mk-news-tab .mk-tabs-tabs li.ui-tabs-active a,\n.mk-tooltip,\n.mk-search-permnalink,\n.divider-go-top:hover,\n.widget-sub-navigation ul li a:hover,\n.mk-toggle-title.active-toggle i,\n.mk-accordion-single.current .mk-accordion-tab i,\n.monocolor.pricing-table .pricing-price span,\n#mk-footer .widget_posts_lists ul li .post-list-meta time,\n.mk-footer-tweets .tweet-username,\n.quantity .plus:hover,\n.quantity .minus:hover,\n.mk-woo-tabs .mk-tabs-tabs li.ui-state-active a,\n.product .add_to_cart_button i,\n.blog-modern-comment:hover,\n.blog-modern-share:hover,\n.mk-tabs.simple-style .mk-tabs-tabs li.ui-tabs-active a,\n.product-category .item-holder:hover h4\n{\n\tcolor: {$skin_color} !important;\n}\n\n";
#################################################
# Theme Skin Background color
#################################################
$output .= "\n.image-hover-overlay,\n.newspaper-portfolio,\n.similar-posts-wrapper .post-thumbnail:hover > .overlay-pattern,\n.portfolio-logo-section,\n.post-list-document .post-type-thumb:hover,\n#cboxTitle,\n#cboxPrevious,\n#cboxNext,\n#cboxClose,\n.comment-form-button,\n.mk-dropcaps.fancy-style,\n.mk-image-overlay,\n.pinterest-item-overlay,\n.news-full-with-image .news-categories span,\n.news-half-with-image .news-categories span,\n.news-fourth-with-image .news-categories span,\n.widget-portfolio-overlay,\n.portfolio-carousel-overlay,\n.blog-carousel-overlay,\n.mk-classic-comments span,\n.mk-similiar-overlay,\n.mk-skin-button,\n.mk-flex-caption .flex-desc span,\n.mk-icon-box .mk-icon-wrapper i:hover,\n.mk-quick-contact-link:hover,\n.quick-contact-active.mk-quick-contact-link,\n.mk-fancy-table th,\n.ui-slider-handle,\n.widget_price_filter .ui-slider-range,\n.shop-skin-btn,\n#review_form_wrapper input[type=submit],\n#mk-nav-search-wrapper form .nav-side-search-icon:hover,\nform.ajax-search-complete i,\n.blog-modern-btn,\n.showcase-blog-overlay,\n.gform_button[type=submit],\n.button.alt,\n#respond #submit,\n.woocommerce .price_slider_amount .button.button,\n.mk-shopping-cart-box .mk-button.checkout,\n.widget_shopping_cart .mk-button.checkout,\n.widget_shopping_cart .mk-button.checkout\n{\n\tbackground-color: {$skin_color} !important;\n}\n\n";
#################################################
# Shortcodes and other elements
#################################################
$output .= "\n\n.mk-circle-image .item-holder\n{\n\t-webkit-box-shadow:0 0 0 1px {$skin_color};\n\t-moz-box-shadow:0 0 0 1px {$skin_color};\n\tbox-shadow:0 0 0 1px {$skin_color};\n}\n\n\n\n.mk-blockquote.line-style,\n.bypostauthor .comment-content,\n.bypostauthor .comment-content:after,\n.mk-tabs.simple-style .mk-tabs-tabs li.ui-tabs-active a\n{\n\tborder-color: {$skin_color} !important;\n}\n\n\n\n.news-full-with-image .news-categories span,\n.news-half-with-image .news-categories span,\n.news-fourth-with-image .news-categories span,\n.mk-flex-caption .flex-desc span\n{\n\tbox-shadow: 8px 0 0 {$skin_color}, -8px 0 0 {$skin_color};\n}\n\n\n\n.monocolor.pricing-table .pricing-cols .pricing-col.featured-plan\n{\n\tborder:1px solid {$skin_color} !important;\n}\n\n\n\n\n.mk-skin-button.three-dimension\n{\n\tbox-shadow: 0px 3px 0px 0px {$skin_darker};\n}\n\n\n.mk-skin-button.three-dimension:active\n{\n\tbox-shadow: 0px 1px 0px 0px {$skin_darker};\n}\n\n\n\n.mk-footer-copyright, #mk-footer-navigation li a\n{\n\tcolor: {$mk_options['sub_footer_nav_copy_color']};\n}\n\n\n\n.mk-woocommerce-main-image img:hover, .mk-single-thumbnails img:hover\n{\n\tborder:1px solid {$skin_color} !important;\n\n}\n\n\n\n.product-loading-icon\n{\n\tbackground-color:{$skin_color_60};\n}\n\n\n{$mk_options['custom_css']}\n\n";
$output = preg_replace('/\\r|\\n|\\t/', '', $output);
wp_enqueue_style('theme-dynamic-styles', get_template_directory_uri() . '/dist/app.min.css');
wp_add_inline_style('theme-dynamic-styles', $output);
}
if (empty($woocommerce_loop['columns'])) {
$woocommerce_loop['columns'] = apply_filters('loop_shop_columns', 4);
}
// Ensure visibility
if (!$product->is_visible()) {
return;
}
// Increase loop count
$woocommerce_loop['loop']++;
$grid_width = $mk_options['grid_width'];
$content_width = $mk_options['content_width'];
$height = $mk_options['woo_loop_img_height'];
$quality = $mk_options['woo_image_quality'];
// Sets the shop loop columns from theme options.
if (is_shop()) {
$layout = get_post_meta(global_get_post_id(), '_layout', true);
if ($layout == 'full') {
$classes[] = 'four-column';
$width = round($grid_width / 4) - 28;
$column_width = round($grid_width / 4);
} else {
$classes[] = 'three-column';
$width = round($content_width / 100 * $grid_width / 3) - 31;
$column_width = round($grid_width / 3);
}
} else {
switch ($woocommerce_loop['columns']) {
case 4:
$classes[] = 'four-column';
$width = round($grid_width / 4) - 28;
$column_width = round($grid_width / 4);
function mk_woocommerce_output_content_wrapper_end()
{
global $mk_options;
if (is_singular('product')) {
$page_layout = $mk_options['woocommerce_single_layout'];
} else {
if (global_get_post_id()) {
$page_layout = get_post_meta(global_get_post_id(), '_layout', true);
} else {
if (mk_is_woo_archive()) {
$page_layout = get_post_meta(mk_is_woo_archive(), '_layout', true);
}
}
}
if (isset($_REQUEST['layout']) && !empty($_REQUEST['layout'])) {
$page_layout = $_REQUEST['layout'];
}
$page_layout = isset($page_layout) && !empty($page_layout) ? $page_layout : 'full';
?>
</div>
<?php
if ($page_layout != 'full') {
get_sidebar();
}
?>
<div class="clearboth"></div>
</div>
</div>
</div>
<?php
}
/**
* Add page title and subtitle.
*
* @since 1.0.0
* @package GeoDirectory
* @param string $title Page title.
* @param string $subtitle Page subtitle.
*/
function jupiter_geodir_page_title($title = '', $subtitle = '')
{
global $mk_options;
$post_id = global_get_post_id();
$shadow_css = '';
if ($mk_options['page_title_shadow'] == 'true') {
$shadow_css = 'mk-drop-shadow';
}
$align = !empty($align) ? $align : 'left';
//$title = 'xxxx';
echo '<section id="mk-page-introduce" class="intro-' . $align . '">';
echo '<div class="mk-grid">';
if (!empty($title)) {
echo '<h1 class="page-introduce-title ' . $shadow_css . '">' . $title . '</h1>';
}
if (!empty($subtitle)) {
echo '<div class="page-introduce-subtitle">';
echo $subtitle;
echo '</div>';
}
if ($mk_options['disable_breadcrumb'] == 'true') {
if (get_post_meta($post_id, '_disable_breadcrumb', true) != 'false') {
/**
* Calls the theme breadcrumbs for Jupiter theme.
*
* @since 1.4.0
*/
do_action('theme_breadcrumbs', $post_id);
}
}
echo '<div class="clearboth"></div></div></section>';
}
function mk_side_dashboard()
{
global $mk_options;
$header_style = !empty($mk_options['theme_header_style']) ? $mk_options['theme_header_style'] : 1;
$post_id = global_get_post_id();
if ($post_id) {
$enable = get_post_meta($post_id, '_enable_local_backgrounds', true);
$header_style_meta = get_post_meta($post_id, 'theme_header_style', true);
$header_style = isset($header_style_meta) && !empty($header_style_meta) && $enable == 'true' ? $header_style_meta : $header_style;
}
if ($header_style == 3) {
$output = '';
$output .= '<div class="mk-side-dashboard">';
//$output .= '<span class="mk-sidedasboard-close"><i class="mk-theme-icon-cancel"></i></span>';
/* Top Widgets */
$output .= '<div class="side-dash-top-widgets">';
ob_start();
dynamic_sidebar('Side Dashboard - Above Navigation');
$output .= ob_get_contents();
ob_end_clean();
$output .= '</div>';
/************/
$output .= wp_nav_menu(array('theme_location' => 'side-dashboard-menu', 'container' => 'nav', 'container_id' => 'mk-sidedash-navigation', 'container_class' => 'side_dashboard_menu', 'menu_class' => 'sidedash-navigation-ul', 'echo' => false, 'fallback_cb' => '', 'walker' => new header_icon_walker()));
/* Bottom Widets */
$output .= '<div class="side-dash-bottom-widgets">';
ob_start();
dynamic_sidebar('Side Dashboard - Below Navigation');
$output .= ob_get_contents();
ob_end_clean();
$output .= '</div>';
/************/
$output .= '</div>';
echo $output;
}
}
