get_theme_mod('header_bg_color', '#1a1a2e'), 'menu_bg_color' => get_theme_mod('menu_bg_color', 'transparent'), 'menu_text_color' => get_theme_mod('menu_text_color', '#ffffff'), 'menu_hover_bg_color' => get_theme_mod('menu_hover_bg_color', '#16213e'), 'menu_hover_text_color' => get_theme_mod('menu_hover_text_color', '#4a9eff'), 'blockenix_custom_width' => get_theme_mod('blockenix_custom_width', '1200'), 'footer_background_color' => get_theme_mod('footer_background_color', '#1a1a2e'), 'global_text_color' => get_theme_mod('global_text_color', '#374151'), 'global_text_font_family' => get_theme_mod('body_font_family', 'Arial, sans-serif'), 'global_text_size' => get_theme_mod('body_font_size', '16'), 'global_text_size_mobile' => get_theme_mod('body_font_size_mobile', '14'), 'global_text_size_tablet' => get_theme_mod('body_font_size_tablet', '15'), 'global_text_size_desktop' => get_theme_mod('body_font_size_desktop', '16'), 'global_text_line_height' => get_theme_mod('body_line_height', '1.6'), 'global_text_font_weight' => get_theme_mod('body_font_weight', '400'), 'global_text_font_style' => get_theme_mod('body_font_style', 'normal'), 'global_text_align' => get_theme_mod('body_text_align', 'left'), 'global_heading_font_family' => get_theme_mod('heading_font_family', 'system-ui, sans-serif'), 'global_heading_text_color' => get_theme_mod('heading_text_color', '#2563eb'), // Button settings 'button_bg_color' => get_theme_mod('button_bg_color', '#2563eb'), 'button_hover_bg_color' => get_theme_mod('button_hover_bg_color', '#1d4ed8'), 'button_text_color' => get_theme_mod('button_text_color', '#ffffff'), 'button_text_hover_color' => get_theme_mod('button_text_hover_color', '#ffffff'), 'button_font_family' => get_theme_mod('button_font_family', 'Arial, sans-serif'), 'button_font_size_desktop' => get_theme_mod('button_font_size_desktop', '16'), 'button_font_size_tablet' => get_theme_mod('button_font_size_tablet', '15'), 'button_font_size_mobile' => get_theme_mod('button_font_size_mobile', '14'), 'button_text_align' => get_theme_mod('button_text_align', 'left'), 'button_font_weight' => get_theme_mod('button_font_weight', '600'), 'button_font_style' => get_theme_mod('button_font_style', 'normal'), 'button_padding_top' => get_theme_mod('button_padding_top', '12'), 'button_padding_right' => get_theme_mod('button_padding_right', '24'), 'button_padding_bottom' => get_theme_mod('button_padding_bottom', '12'), 'button_padding_left' => get_theme_mod('button_padding_left', '24'), 'button_margin_top' => get_theme_mod('button_margin_top', '0'), 'button_margin_right' => get_theme_mod('button_margin_right', '0'), 'button_margin_bottom' => get_theme_mod('button_margin_bottom', '0'), 'button_margin_left' => get_theme_mod('button_margin_left', '0'), 'button_border_width' => get_theme_mod('button_border_width', '1'), 'button_border_style' => get_theme_mod('button_border_style', 'solid'), 'button_border_color' => get_theme_mod('button_border_color', '#2563eb'), 'button_border_radius' => get_theme_mod('button_border_radius', '4'), 'global_h1_font_size' => get_theme_mod('h1_font_size', '32'), 'global_h1_font_size_mobile' => get_theme_mod('h1_font_size_mobile', '24'), 'global_h1_font_size_tablet' => get_theme_mod('h1_font_size_tablet', '28'), 'global_h1_font_size_desktop' => get_theme_mod('h1_font_size_desktop', '32'), 'global_h1_line_height' => get_theme_mod('h1_line_height', '1.4'), 'global_h1_font_weight' => get_theme_mod('h1_font_weight', '700'), 'global_h1_font_style' => get_theme_mod('h1_font_style', 'normal'), 'global_h1_text_align' => get_theme_mod('h1_text_align', 'left'), 'global_h2_font_size' => get_theme_mod('h2_font_size', '30'), 'global_h2_font_size_mobile' => get_theme_mod('h2_font_size_mobile', '22'), 'global_h2_font_size_tablet' => get_theme_mod('h2_font_size_tablet', '26'), 'global_h2_font_size_desktop' => get_theme_mod('h2_font_size_desktop', '28'), 'global_h2_line_height' => get_theme_mod('h2_line_height', '1.4'), 'global_h2_font_weight' => get_theme_mod('h2_font_weight', '700'), 'global_h2_font_style' => get_theme_mod('h2_font_style', 'normal'), 'global_h2_text_align' => get_theme_mod('h2_text_align', 'left'), 'global_h3_font_size' => get_theme_mod('h3_font_size', '28'), 'global_h3_font_size_mobile' => get_theme_mod('h3_font_size_mobile', '20'), 'global_h3_font_size_tablet' => get_theme_mod('h3_font_size_tablet', '22'), 'global_h3_font_size_desktop' => get_theme_mod('h3_font_size_desktop', '24'), 'global_h3_line_height' => get_theme_mod('h3_line_height', '1.4'), 'global_h3_font_weight' => get_theme_mod('h3_font_weight', '600'), 'global_h3_font_style' => get_theme_mod('h3_font_style', 'normal'), 'global_h3_text_align' => get_theme_mod('h3_text_align', 'left'), 'global_h4_font_size' => get_theme_mod('h4_font_size', '27'), 'global_h4_font_size_mobile' => get_theme_mod('h4_font_size_mobile', '18'), 'global_h4_font_size_tablet' => get_theme_mod('h4_font_size_tablet', '19'), 'global_h4_font_size_desktop' => get_theme_mod('h4_font_size_desktop', '20'), 'global_h4_line_height' => get_theme_mod('h4_line_height', '1.4'), 'global_h4_font_weight' => get_theme_mod('h4_font_weight', '600'), 'global_h4_font_style' => get_theme_mod('h4_font_style', 'normal'), 'global_h4_text_align' => get_theme_mod('h4_text_align', 'left'), 'global_h5_font_size' => get_theme_mod('h5_font_size', '26'), 'global_h5_font_size_mobile' => get_theme_mod('h5_font_size_mobile', '16'), 'global_h5_font_size_tablet' => get_theme_mod('h5_font_size_tablet', '17'), 'global_h5_font_size_desktop' => get_theme_mod('h5_font_size_desktop', '18'), 'global_h5_line_height' => get_theme_mod('h5_line_height', '1.4'), 'global_h5_font_weight' => get_theme_mod('h5_font_weight', '600'), 'global_h5_font_style' => get_theme_mod('h5_font_style', 'normal'), 'global_h5_text_align' => get_theme_mod('h5_text_align', 'left'), 'global_h6_font_size' => get_theme_mod('h6_font_size', '18'), 'global_h6_font_size_mobile' => get_theme_mod('h6_font_size_mobile', '14'), 'global_h6_font_size_tablet' => get_theme_mod('h6_font_size_tablet', '15'), 'global_h6_font_size_desktop' => get_theme_mod('h6_font_size_desktop', '16'), 'global_h6_line_height' => get_theme_mod('h6_line_height', '1.4'), 'global_h6_font_weight' => get_theme_mod('h6_font_weight', '600'), 'global_h6_font_style' => get_theme_mod('h6_font_style', 'normal'), 'global_h6_text_align' => get_theme_mod('h6_text_align', 'left'), ]; // Import Google Fonts (only if not web-safe fonts) $text_font_family = $customizer_colors['global_text_font_family']; $heading_font_family = $customizer_colors['global_heading_font_family']; $button_font_family = $customizer_colors['button_font_family']; // Web-safe fonts that don't need Google Fonts $web_safe_fonts = ['Arial', 'Helvetica', 'Georgia', 'Times New Roman', 'system-ui']; // Check if text font needs Google Fonts $text_font_needs_import = true; foreach ($web_safe_fonts as $safe_font) { if (stripos($text_font_family, $safe_font) !== false) { $text_font_needs_import = false; break; } } // Check if heading font needs Google Fonts $heading_font_needs_import = true; foreach ($web_safe_fonts as $safe_font) { if (stripos($heading_font_family, $safe_font) !== false) { $heading_font_needs_import = false; break; } } // Check if button font needs Google Fonts $button_font_needs_import = true; foreach ($web_safe_fonts as $safe_font) { if (stripos($button_font_family, $safe_font) !== false) { $button_font_needs_import = false; break; } } // Helper function to extract font name and generate Google Fonts URL function blnx_get_google_font_import($font_family) { if (empty($font_family)) { return ''; } // Extract font name (remove fallback fonts like ", sans-serif") $font_name = trim(explode(',', $font_family)[0]); // Encode font name for URL (replace spaces with +) $font_encoded = str_replace(' ', '+', $font_name); // Generate Google Fonts CSS2 API URL with multiple weights for better typography // Using weights 300, 400, 500, 600, 700, 800 for comprehensive font support return "@import url('https://fonts.googleapis.com/css2?family=" . esc_attr($font_encoded) . ":wght@300;400;500;600;700;800&display=swap');"; } // Import Google Fonts if needed $fonts_to_load = []; if ($text_font_needs_import && !empty($text_font_family)) { $fonts_to_load[] = blnx_get_google_font_import($text_font_family); } if ($heading_font_needs_import && !empty($heading_font_family) && $heading_font_family !== $text_font_family) { $fonts_to_load[] = blnx_get_google_font_import($heading_font_family); } if ($button_font_needs_import && !empty($button_font_family) && $button_font_family !== $text_font_family && $button_font_family !== $heading_font_family) { $fonts_to_load[] = blnx_get_google_font_import($button_font_family); } // Output Google Fonts @import statements foreach ($fonts_to_load as $font_import) { if (!empty($font_import)) { echo $font_import . "\n"; } } ?> /* Header Styles */ .site-header { background-color: !important; background: linear-gradient(135deg, 0%, #16213e 100%) !important; background: !important; } /* Navigation Styles */ .primary-navigation { background-color: ; background-color: transparent; background: none; } .menu li a { color: ; } .primary-navigation .menu li a:hover { background-color: ; color: ; } /* Layout Styles */ .custom-width { max-width: px; margin: 0 auto; } /* Footer Styles */ .site-footer { background-color: !important; background: linear-gradient(135deg, 0%, #16213e 100%) !important; background: !important; } .site-footer, .site-footer p, .site-footer a, .site-footer .footer-bottom, .site-footer .footer-widget, .site-footer .footer-widget-title, .site-footer .footer-widget p, .site-footer .footer-widget ul, .site-footer .footer-widget li { color: !important; } .site-footer .footer-widget a { color: !important; opacity: 0.9; } .site-footer .footer-widget a:hover { color: !important; opacity: 1; } /* Typography Styles - Heading color is set below with other heading styles */ p, body { color: ; font-family: , -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: px; line-height: ; font-weight: ; font-style: ; text-align: ; } /* Responsive Font Sizes for Body */ @media (max-width: 768px) { p, body { font-size: px; } } @media (min-width: 769px) and (max-width: 1024px) { p, body { font-size: px; } } h1,h2,h3,h4,h5,h6 { font-family: , -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color: ; } h1 { font-size: px; line-height: ; font-weight: ; font-style: ; text-align: ; } h2 { font-size: px; line-height: ; font-weight: ; font-style: ; text-align: ; } h3 { font-size: px; line-height: ; font-weight: ; font-style: ; text-align: ; } h4 { font-size: px; line-height: ; font-weight: ; font-style: ; text-align: ; } h5 { font-size: px; line-height: ; font-weight: ; font-style: ; text-align: ; } h6 { font-size: px; line-height: ; font-weight: ; font-style: ; text-align: ; } /* Button Styles */ .read-more, button, input[type="button"], input[type="submit"], .wp-block-button__link, .wp-element-button { background-color: !important; background: !important; color: !important; font-family: , -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: px; font-weight: ; font-style: ; text-align: ; text-decoration: none !important; padding: px px px px; margin: px px px px; border-width: px; border-style: ; border-color: ; border-radius: px; transition: all 0.3s ease; } .read-more:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover, .wp-block-button__link:hover, .wp-element-button:hover { background-color: !important; color: !important; text-decoration: none !important; } /* Responsive Button Font Sizes */ @media (max-width: 768px) { .read-more, button, input[type="button"], input[type="submit"], .wp-block-button__link, .wp-element-button { font-size: px; } } @media (max-width: 480px) { .read-more, button, input[type="button"], input[type="submit"], .wp-block-button__link, .wp-element-button { font-size: px; } } /* Responsive Font Sizes for Headings */ @media (max-width: 768px) { h1 { font-size: px; } h2 { font-size: px; } h3 { font-size: px; } h4 { font-size: px; } h5 { font-size: px; } h6 { font-size: px; } } @media (min-width: 769px) and (max-width: 1024px) { h1 { font-size: px; } h2 { font-size: px; } h3 { font-size: px; } h4 { font-size: px; } h5 { font-size: px; } h6 { font-size: px; } }