{{if theme.vala_misc_themecolortype==2}}
html.dark-theme { 
    --vala_footer_bg_cover :  var(--theme-vala_footer_bg_coverd); 
  	--vala_slider_cover_fc : var(--vala_slider_cover_fcd);
    --vala_main_theme_body_bg: var(--theme-vala_dark_theme_body_bg);
  	--vala_main_theme_box_bg: var(--theme-vala_dark_theme_box_bg);
  	--vala_main_theme_box_bg_lighter: var(--theme-vala_dark_theme_box_bg_lighter);
  {{if !theme.vala_main_theme_dl_enable}}
  	--vala_main_theme_color: var(--theme-vala_main_theme_color);
 	--vala_main_theme_base_color_lighter: var(--theme-vala_main_theme_base_color_lighter);
    --vala_main_theme_base_color_darker: var(--theme-vala_main_theme_base_color_darker);
   	--vala_main_theme_color_font: var(--theme-vala_main_theme_color_font);
  {{else}}
    --vala_main_theme_color: var(--theme-vala_main_theme_colord);
 	--vala_main_theme_base_color_lighter: var(--theme-vala_main_theme_base_color_lighterd);
    --vala_main_theme_base_color_darker: var(--theme-vala_main_theme_base_color_darkerd);
   	--vala_main_theme_color_font: var(--theme-vala_main_theme_color_fontd);
  {{endif}}
  	--vala_main_theme_text_color: var(--theme-vala_dark_theme_base_font_color);
  	--vala_main_theme_base_font_color: var(--theme-vala_dark_theme_base_font_color);
  	--vala_main_theme_base_font_color_lighter: var(--theme-vala_dark_theme_base_font_color_lighter);  
 	--vala_main_theme_base_font_color_darker: var(--theme-vala_dark_theme_base_font_color_darker);
  	--vala_main_theme_color_1: var(--theme-vala_dark_theme_color_1);
  	--vala_main_theme_color_2: var(--theme-vala_dark_theme_color_2);
  	--vala_main_theme_color_3: var(--theme-vala_dark_theme_color_3);
  	--vala_main_theme_color_4: var(--theme-vala_dark_theme_color_4);
  	--vala_main_theme_color_5: var(--theme-vala_dark_theme_color_5);
  
    --theme-active_input_border: var(--vala_main_theme_color);
    --theme-alternate_button: var(--theme-vala_dark_alternate_button);
    --theme-alternate_button_font: var(--theme-vala_dark_alternate_button_txt);
    --theme-area_background: var(--theme-vala_dark_area_background);
    --theme-area_background_dark: var(--theme-vala_dark_area_background_dark);
    --theme-area_background_light: var(--theme-vala_dark_area_background_light);
    --theme-area_background_reset: var(--theme-vala_dark_area_background_reset);
    --theme-brand_primary: var(--vala_main_theme_color);
    --theme-button_bar: var(--theme-vala_dark_area_button_bar);
    --theme-comment_count: var(--theme-vala_dark_comment_count);
    --theme-comment_count_font: var(--theme-vala_dark_comment_count_txt);
    --theme-featured: var(--vala_main_theme_color_1);
    --theme-footer_text:  var(--theme-vala_dark_footer_text);
    --theme-header: var(--theme-vala_dark_header);
    --theme-header_text: var(--theme-vala_dark_header_text);
    --theme-important_button: var(--theme-vala_dark_important_button);
    --theme-important_button_font: var(--theme-vala_dark_important_button_txt);
    --theme-item_status: var(--vala_main_theme_color);
    --theme-light_button: var(--theme-vala_dark_light_button);
    --theme-light_button_font: var(--theme-vala_dark_light_button_txt);
    --theme-link: var(--theme-vala_dark_link);
    --theme-link_button: var(--theme-vala_dark_link_button);
    --theme-link_hover: var(--theme-vala_dark_link_hover);
    --theme-main_nav: var(--theme-vala_dark_main_nav_bg);
    --theme-main_nav_font: var(--theme-vala_dark_main_nav_txt);
    --theme-main_nav_tab: var(--theme-vala_dark_main_nav_tab);
    --theme-main_nav_tab_font: var(--theme-vala_dark_main_nav_tab_txt);
  
    --theme-mentions: var(--vala_main_theme_color);
  
    --theme-moderated: var(--theme-vala_dark_moderated);
    --theme-moderated_light: var(--theme-vala_dark_moderated_light);
    --theme-moderated_text: var(--theme-vala_dark_moderated_text);
    --theme-moderated_text_light: var(--theme-vala_dark_moderated_text_light);
  
  
    --theme-normal_button: var(--theme-vala_dark_normal_button);
    --theme-normal_button_font: var(--theme-vala_dark_normal_button_txt);
    --theme-notification_bubble: var(--theme-vala_dark_notification_bubble);
  	--theme-page_background: var(--theme-vala_dark_page_bg);
    --theme-pagination_active: var(--theme-vala_dark_pagination_active);
  
    --theme-post_highlight:  var(--theme-vala_dark_post_highlight);
    --theme-post_highlight_border:  var(--theme-vala_dark_post_highlight_border);
  
    --theme-prefix: var(--vala_dark_theme-prefix);
    --theme-price: var(--theme-vala_dark_prefix);
    --theme-primary_button: var(--theme-vala_dark_primary_button);
    --theme-primary_button_font: var(--theme-vala_dark_primary_button_txt);
    --theme-profile_header: var(--theme-vala_dark_profile_header);
    --theme-rating_on: var(--theme-vala_dark_rating_on);
    --theme-secondary_title: var(--theme-vala_dark_secondary_title);
    --theme-secondary_title_font: var(--theme-vala_dark_secondary_title_txt);
    --theme-section_title: var(--theme-vala_dark_section_title);
    --theme-section_title_font: var(--theme-vala_dark_section_title_txt);
    --theme-selected: var(--theme-vala_dark_selected);
    --theme-selected_border: var(--theme-vala_dark_selected_border);
    --theme-tab_background: var(--theme-vala_dark_tab_background);
    --theme-tag: var(--theme-vala_dark_tag);
    --theme-tag_font: var(--theme-vala_dark_tag_txt);
    --theme-text_color: var(--theme-vala_dark_text_color);
    --theme-text_dark: var(--theme-vala_dark_text_dark);
    --theme-text_light: var(--theme-vala_dark_text_light);
    --theme-text_very_light: var(--theme-vala_dark_text_very_light);
    --theme-timeline_color: var(--theme-vala_dark_timeline_color);
  
    --vala_actionbar_bgcolor: var(--theme-vala_dark_actionbar_bgcolor);
    --vala_actionbar_btnbg: var(--theme-vala_dark_actionbar_btnbg);
    --vala_actionbar_btntxtcolor: var(--theme-vala_dark_actionbar_btntxtcolor);
  
  
    {{if theme.vala_dark_footer_custom}}
      --vala_footer_hover_text_color: var(--theme-vala_dark_footer_hover_text_color);
      --vala_footer_menu_link_color: var(--theme-vala_dark_footer_link_color);
      --vala_footer_menu_title_color: var(--theme-vala_dark_footer_title_color);
    {{else}}
      --vala_footer_hover_text_color: var(--theme-vala_dark_main_nav_txt);
      --vala_footer_menu_link_color: var(--theme-vala_dark_main_nav_txt);
      --vala_footer_menu_title_color: var(--theme-vala_dark_main_nav_txt);  
    {{endif}}
  
  {{if theme.vala_dark_forum_custom}}
    --vala_forum_forumbg: var(--theme-vala_dark_forum_forumbg);
    --vala_forum_hover_color: var(--theme-vala_dark_forum_hover_color);
    --vala_forum_topicbg: var(--theme-vala_dark_forum_topicbg);  
  {{else}}
    --vala_forum_forumbg: var(--theme-vala_dark_page_bg);
    --vala_forum_hover_color: var(--vala_main_theme_base_color_lighter);
    --vala_forum_topicbg: var(--theme-vala_dark_page_bg);  
  {{endif}}
  

  {{if theme.vala_dark_ipsbox_custom}}
    --vala_ipsbox_hrbordercolor: var(--theme-vala_dark_ipsbox_hrbordercolor);
    --vala_ipsbox_hrcolor: var(--theme-vala_dark_ipsbox_hrcolor);
    --vala_ipsbox_hrecolor: var(--theme-vala_dark_ipsbox_hrscolor);
    --vala_ipsbox_hrscolor: var(--theme-vala_dark_ipsbox_hrecolor);
  {{else}}
    --vala_ipsbox_hrbordercolor: var(--vala_main_theme_color_1);
    --vala_ipsbox_hrcolor: var(--vala_main_theme_box_bg);
    --vala_ipsbox_hrecolor: var(--vala_main_theme_body_bg);
    --vala_ipsbox_hrscolor: var(--vala_main_theme_box_bg);
  {{endif}}
  
  {{if theme.vala_dark_loading_custom}}
    --vala_loading_bgcolor: var(--theme-vala_dark_loading_bgcolor);
    --vala_loading_type_color:var(--theme-vala_dark_loading_type_color);
  {{else}}
      --vala_loading_bgcolor: var(--vala_main_theme_body_bg);
      --vala_loading_type_color:var(--vala_main_theme_color);
  {{endif}}
  
  
  --vala_profile_user_image_border_color_from: var(--theme-vala_profile_user_image_border_color_from);
  --vala_profile_user_image_border_color_to: var(--theme-vala_profile_user_image_border_color_to);
  

  
  {{if theme.vala_dark_sharbar_custom}}
    --vala_sharebar_action_bg: var(--theme-vala_dark_sharebar_action_bg);
    --vala_sharebar_action_color: var(--theme-vala_dark_sharebar_action_color);
  {{else}}
    --vala_sharebar_action_bg: var(--vala_main_theme_color);
    --vala_sharebar_action_color: var(--vala_main_theme_color_font);  
  {{endif}}
  
  {{if theme.vala_dark_sidebar_custom}}
    --vala_sidebar_bg: var(--theme-vala_dark_sidebar_bg);
    --vala_sidebar_bghover: var(--theme-vala_dark_sidebar_bg_hover);
    --vala_sidebar_icon: var(--theme-vala_dark_sidebar_icon);
    --vala_sidebar_iconhover: var(--theme-vala_dark_sidebar_icon_hover);
  {{else}}
    --vala_sidebar_bg: var(--theme-main_nav);
    --vala_sidebar_bghover: var(--theme-vala_main_theme_color);
    --vala_sidebar_icon: var(--theme-main_nav_font),.7;
    --vala_sidebar_iconhover: var(--vala_main_theme_color_font);
  {{endif}}
  
    --theme-very_light_button: var(--theme-vala_dark_very_light_button);
    --theme-very_light_button_font: var(--theme-vala_dark_very_light_button_txt);
    --theme-widget_title_bar: var(--theme-vala_dark_widget_title_bar);
    --theme-widget_title_font: var(--theme-vala_dark_widget_title_txt);
  
  
  {{if theme.vala_tab_enabled}}
  		--vala_tab_item_bg: var(--theme-vala_tab_item_bg_dark);
  		--vala_tab_item_txt: var(--theme-vala_tab_item_txt_dark);
  		--vala_tab_item_active_bg: var(--theme-vala_tab_item_active_bg_dark);
   		--vala_tab_item_active_txt: var(--theme-vala_tab_item_active_txt_dark);
  {{endif}}

  	

  }


html.light-theme { 
  	--vala_footer_bg_cover :  var(--theme-vala_footer_bg_coverd); 
  	--vala_slider_cover_fc : var(--vala_slider_cover_fcl);
    --vala_main_theme_body_bg: var(--theme-vala_light_theme_body_bg);
    --vala_main_theme_box_bg: var(--theme-vala_light_theme_box_bg);
    --vala_main_theme_box_bg_lighter: var(--theme-vala_light_theme_box_bg_lighter);
  {{if !theme.vala_main_theme_dl_enable}}
    --vala_main_theme_color: var(--theme-vala_main_theme_color);
    --vala_main_theme_base_color_lighter: var(--theme-vala_main_theme_base_color_lighter);
    --vala_main_theme_base_color_darker: var(--theme-vala_main_theme_base_color_darker);
    --vala_main_theme_color_font: var(--theme-vala_main_theme_color_font);
  {{else}}
    --vala_main_theme_color: var(--theme-vala_main_theme_colorl);
    --vala_main_theme_base_color_lighter: var(--theme-vala_main_theme_base_color_lighterl);
    --vala_main_theme_base_color_darker: var(--theme-vala_main_theme_base_color_darkerl);
    --vala_main_theme_color_font: var(--theme-vala_main_theme_color_fontl);
  {{endif}}
    --vala_main_theme_text_color: var(--theme-vala_light_theme_base_font_color);
    --vala_main_theme_base_font_color: var(--theme-vala_light_theme_base_font_color);
    --vala_main_theme_base_font_color_lighter: var(--theme-vala_light_theme_base_font_color_lighter);
    --vala_main_theme_base_font_color_darker: var(--theme-vala_light_theme_base_font_color_darker);
    --vala_main_theme_color_1: var(--theme-vala_light_theme_color_1);
    --vala_main_theme_color_2: var(--theme-vala_light_theme_color_2);
    --vala_main_theme_color_3: var(--theme-vala_light_theme_color_3);
    --vala_main_theme_color_4: var(--theme-vala_light_theme_color_4);
    --vala_main_theme_color_5: var(--theme-vala_light_theme_color_5);

    --theme-active_input_border: var(--vala_main_theme_color);
    --theme-alternate_button: var(--theme-vala_light_alternate_button);
    --theme-alternate_button_font: var(--theme-vala_light_alternate_button_txt);
    --theme-area_background: var(--theme-vala_light_area_background);
    --theme-area_background_dark: var(--theme-vala_light_area_background_dark);
    --theme-area_background_light: var(--theme-vala_light_area_background_light);
    --theme-area_background_reset: var(--theme-vala_light_area_background_reset);
    --theme-brand_primary: var(--vala_main_theme_color);
    --theme-button_bar: var(--theme-vala_light_area_button_bar);
    --theme-comment_count: var(--theme-vala_light_comment_count);
    --theme-comment_count_font: var(--theme-vala_light_comment_count_txt);
    --theme-featured: var(--vala_main_theme_color_1);
    --theme-footer_text:  var(--theme-vala_light_footer_text);
    --theme-header: var(--theme-vala_light_header);
    --theme-header_text: var(--theme-vala_light_header_text);
    --theme-important_button: var(--theme-vala_light_important_button);
    --theme-important_button_font: var(--theme-vala_light_important_button_txt);
    --theme-item_status: var(--vala_main_theme_color);
    --theme-light_button: var(--theme-vala_light_light_button);
    --theme-light_button_font: var(--theme-vala_light_light_button_txt);
    --theme-link: var(--theme-vala_light_link);
    --theme-link_button: var(--theme-vala_light_link_button);
    --theme-link_hover: var(--theme-vala_light_link_hover);
    --theme-main_nav: var(--theme-vala_light_main_nav_bg);
    --theme-main_nav_font: var(--theme-vala_light_main_nav_txt);
    --theme-main_nav_tab: var(--theme-vala_light_main_nav_tab);
    --theme-main_nav_tab_font: var(--theme-vala_light_main_nav_tab_txt);

    --theme-mentions: var(--vala_main_theme_color);

    --theme-moderated: var(--theme-vala_light_moderated);
    --theme-moderated_light: var(--theme-vala_light_moderated_light);
    --theme-moderated_text: var(--theme-vala_light_moderated_text);
    --theme-moderated_text_light: var(--theme-vala_light_moderated_text_light);


    --theme-normal_button: var(--theme-vala_light_normal_button);
    --theme-normal_button_font: var(--theme-vala_light_normal_button_txt);
    --theme-notification_bubble: var(--theme-vala_light_notification_bubble);
    --theme-page_background: var(--theme-vala_light_page_bg);
    --theme-pagination_active: var(--theme-vala_light_pagination_active);

    --theme-post_highlight:  var(--theme-vala_light_post_highlight);
    --theme-post_highlight_border:  var(--theme-vala_light_post_highlight_border);

    --theme-prefix: var(--vala_light_theme-prefix);
    --theme-price: var(--theme-vala_light_prefix);
    --theme-primary_button: var(--theme-vala_light_primary_button);
    --theme-primary_button_font: var(--theme-vala_light_primary_button_txt);
    --theme-profile_header: var(--theme-vala_light_profile_header);
    --theme-rating_on: var(--theme-vala_light_rating_on);
    --theme-secondary_title: var(--theme-vala_light_secondary_title);
    --theme-secondary_title_font: var(--theme-vala_light_secondary_title_txt);
    --theme-section_title: var(--theme-vala_light_section_title);
    --theme-section_title_font: var(--theme-vala_light_section_title_txt);
    --theme-selected: var(--theme-vala_light_selected);
    --theme-selected_border: var(--theme-vala_light_selected_border);
    --theme-tab_background: var(--theme-vala_light_tab_background);
    --theme-tag: var(--theme-vala_light_tag);
    --theme-tag_font: var(--theme-vala_light_tag_txt);
    --theme-text_color: var(--theme-vala_light_text_color);
    --theme-text_dark: var(--theme-vala_light_text_dark);
    --theme-text_light: var(--theme-vala_light_text_light);
    --theme-text_very_light: var(--theme-vala_light_text_very_light);
    --theme-timeline_color: var(--theme-vala_light_timeline_color);

    --vala_actionbar_bgcolor: var(--theme-vala_light_actionbar_bgcolor);
    --vala_actionbar_btnbg: var(--theme-vala_light_actionbar_btnbg);
    --vala_actionbar_btntxtcolor: var(--theme-vala_light_actionbar_btntxtcolor);


{{if theme.vala_light_footer_custom}}
--vala_footer_hover_text_color: var(--theme-vala_light_footer_hover_text_color);
--vala_footer_menu_link_color: var(--theme-vala_light_footer_link_color);
--vala_footer_menu_title_color: var(--theme-vala_light_footer_title_color);
{{else}}
--vala_footer_hover_text_color: var(--theme-vala_light_main_nav_txt);
--vala_footer_menu_link_color: var(--theme-vala_light_main_nav_txt);
--vala_footer_menu_title_color: var(--theme-vala_light_main_nav_txt);
{{endif}}

{{if theme.vala_light_forum_custom}}
--vala_forum_forumbg: var(--theme-vala_light_forum_forumbg);
--vala_forum_hover_color: var(--theme-vala_light_forum_hover_color);
--vala_forum_topicbg: var(--theme-vala_light_forum_topicbg);
{{else}}
--vala_forum_forumbg: var(--theme-vala_light_page_bg);
--vala_forum_hover_color: var(--vala_main_theme_base_color_lighter);
--vala_forum_topicbg: var(--theme-vala_light_page_bg);
{{endif}}


{{if theme.vala_light_ipsbox_custom}}
--vala_ipsbox_hrbordercolor: var(--theme-vala_light_ipsbox_hrbordercolor);
--vala_ipsbox_hrcolor: var(--theme-vala_light_ipsbox_hrcolor);
--vala_ipsbox_hrecolor: var(--theme-vala_light_ipsbox_hrscolor);
--vala_ipsbox_hrscolor: var(--theme-vala_light_ipsbox_hrecolor);
{{else}}
--vala_ipsbox_hrbordercolor: var(--vala_main_theme_color_1);
--vala_ipsbox_hrcolor: var(--vala_main_theme_box_bg);
--vala_ipsbox_hrecolor: var(--vala_main_theme_body_bg);
--vala_ipsbox_hrscolor: var(--vala_main_theme_box_bg);
{{endif}}

{{if theme.vala_light_loading_custom}}
--vala_loading_bgcolor: var(--theme-vala_light_loading_bgcolor);
--vala_loading_type_color:var(--theme-vala_light_loading_type_color);
{{else}}
--vala_loading_bgcolor: var(--vala_main_theme_body_bg);
--vala_loading_type_color:var(--vala_main_theme_color);
{{endif}}


  --vala_profile_user_image_border_color_from: var(--theme-vala_profile_user_image_border_color_from);
  --vala_profile_user_image_border_color_to: var(--theme-vala_profile_user_image_border_color_to);



{{if theme.vala_light_sharbar_custom}}
--vala_sharebar_action_bg: var(--theme-vala_light_sharebar_action_bg);
--vala_sharebar_action_color: var(--theme-vala_light_sharebar_action_color);
{{else}}
--vala_sharebar_action_bg: var(--vala_main_theme_color);
--vala_sharebar_action_color: var(--vala_main_theme_color_font);
{{endif}}

{{if theme.vala_light_sidebar_custom}}
--vala_sidebar_bg: var(--theme-vala_light_sidebar_bg);
--vala_sidebar_bghover: var(--theme-vala_light_sidebar_bg_hover);
--vala_sidebar_icon: var(--theme-vala_light_sidebar_icon);
--vala_sidebar_iconhover: var(--theme-vala_light_sidebar_icon_hover);
{{else}}
--vala_sidebar_bg: var(--theme-main_nav);
--vala_sidebar_bghover: var(--theme-vala_main_theme_color);
--vala_sidebar_icon: var(--theme-main_nav_font),.7;
--vala_sidebar_iconhover: var(--vala_main_theme_color_font);
{{endif}}

--theme-very_light_button: var(--theme-vala_light_very_light_button);
--theme-very_light_button_font: var(--theme-vala_light_very_light_button_txt);
--theme-widget_title_bar: var(--theme-vala_light_widget_title_bar);
--theme-widget_title_font: var(--theme-vala_light_widget_title_txt);
  {{if theme.vala_tab_enabled}}
  		--vala_tab_item_bg: var(--theme-vala_tab_item_bg_light);
  		--vala_tab_item_txt: var(--theme-vala_tab_item_txt_light);
  		--vala_tab_item_active_bg: var(--theme-vala_tab_item_active_bg_light);
   		--vala_tab_item_active_txt: var(--theme-vala_tab_item_active_txt_light);
  {{endif}}
  
}


{{else}}
html.dark-theme {
  	--vala_footer_bg_cover :  var(--theme-vala_footer_bg_coverd);
    --vala_slider_cover_fc : var(--vala_slider_cover_fcd);
    --vala_main_theme_body_bg: var(--theme-vala_dark_theme_body_bg);
  	--vala_main_theme_box_bg: var(--theme-vala_dark_theme_box_bg);
  	--vala_main_theme_box_bg_lighter: var(--theme-vala_dark_theme_box_bg_lighter);
  {{if !theme.vala_main_theme_dl_enable}}
  	--vala_main_theme_color: var(--theme-vala_main_theme_color);
 	--vala_main_theme_base_color_lighter: var(--theme-vala_main_theme_base_color_lighter);
    --vala_main_theme_base_color_darker: var(--theme-vala_main_theme_base_color_darker);
   	--vala_main_theme_color_font: var(--theme-vala_main_theme_color_font);
  {{else}}
    --vala_main_theme_color: var(--theme-vala_main_theme_colord);
 	--vala_main_theme_base_color_lighter: var(--theme-vala_main_theme_base_color_lighterd);
    --vala_main_theme_base_color_darker: var(--theme-vala_main_theme_base_color_darkerd);
   	--vala_main_theme_color_font: var(--theme-vala_main_theme_color_fontd);
  {{endif}}
  	--vala_main_theme_text_color: var(--theme-vala_dark_theme_base_font_color);
  	--vala_main_theme_base_font_color: var(--theme-vala_dark_theme_base_font_color);
  	--vala_main_theme_base_font_color_lighter: var(--theme-vala_dark_theme_base_font_color_lighter);  
 	--vala_main_theme_base_font_color_darker: var(--theme-vala_dark_theme_base_font_color_darker);
  	--vala_main_theme_color_1: var(--theme-vala_dark_theme_color_1);
  	--vala_main_theme_color_2: var(--theme-vala_dark_theme_color_2);
  	--vala_main_theme_color_3: var(--theme-vala_dark_theme_color_3);
  	--vala_main_theme_color_4: var(--theme-vala_dark_theme_color_4);
  	--vala_main_theme_color_5: var(--theme-vala_dark_theme_color_5);
  
  
    --theme-active_input_border: var(--vala_main_theme_color);
    --theme-alternate_button: var(--vala_main_theme_color);
    --theme-alternate_button_font: var(--vala_main_theme_color_font);
    --theme-area_background: var(--vala_main_theme_body_bg);
    --theme-area_background_dark: var(--theme-vala_dark_theme_box_bg_lighter);
    --theme-area_background_light: var(--vala_main_theme_box_bg_lighter);
    --theme-area_background_reset: var(--vala_main_theme_box_bg);
    --theme-brand_primary: var(--vala_main_theme_color);
    --theme-button_bar: var(--vala_main_theme_box_bg);
    --theme-comment_count: var(--vala_main_theme_box_bg);
    --theme-comment_count_font: var(--vala_main_theme_base_font_color);
    --theme-featured: var(--vala_main_theme_color_1);
    --theme-footer_text:  var(--vala_main_theme_base_font_color);
    --theme-header: var(--vala_main_theme_body_bg);
    --theme-header_text: var(--vala_main_theme_base_font_color);
    --theme-important_button: var(--vala_main_theme_color);
    --theme-important_button_font: var(--vala_main_theme_color_font);
    --theme-item_status: var(--vala_main_theme_color);
    --theme-light_button: var(--vala_main_theme_color_font);
    --theme-light_button_font: var(--vala_main_theme_color);
    --theme-link: var(--vala_main_theme_base_font_color);
    --theme-link_button: var(--vala_main_theme_color);
    --theme-link_hover: var(--vala_main_theme_base_font_color_darker);
    --theme-main_nav: var(--vala_main_theme_box_bg);
    --theme-main_nav_font: var(--vala_main_theme_base_font_color);
    --theme-main_nav_tab: var(--vala_main_theme_body_bg);
    --theme-main_nav_tab_font: var(--vala_main_theme_base_font_color);
    
    --theme-mentions: var(--vala_main_theme_color_3);

    --theme-moderated: var(--theme-vala_dark_theme_moderated);
    --theme-moderated_light: var(--theme-vala_dark_theme_moderated_light);
    --theme-moderated_text: var(--theme-vala_dark_theme_moderated_text);
    --theme-moderated_text_light: var(--theme-vala_dark_theme_moderated_text_light);
    
    --theme-normal_button: var(--vala_main_theme_color);
    --theme-normal_button_font: var(--vala_main_theme_color_font); 
    --theme-notification_bubble: var(--vala_main_theme_color_4);  
  	--theme-page_background: var(--vala_main_theme_body_bg);
    --theme-pagination_active: var(--vala_main_theme_base_color_darker);
    
    --theme-post_highlight: var(--vala_main_theme_base_font_color_darker);
    --theme-post_highlight_border: var(--vala_main_theme_base_color_lighter);
    
    --theme-prefix: var(--vala_main_theme_color_2);
    --theme-price: var(--vala_main_theme_color_5);
    --theme-primary_button: var(--vala_main_theme_color);
    --theme-primary_button_font: var(--vala_main_theme_color_font);
    --theme-profile_header: var(--vala_main_theme_box_bg);
  
  
    --theme-rating_on: var(--vala_main_theme_color_5);
  
  
    --theme-secondary_title: var(--vala_main_theme_color_font);
    --theme-secondary_title_font: var(--vala_main_theme_box_bg);
    --theme-section_title: var(--vala_main_theme_box_bg);
    --theme-section_title_font: var(--vala_main_theme_base_font_color);  
    --theme-selected: var(--vala_main_theme_base_color_lighter);
    --theme-selected_border: var(--vala_main_theme_box_bg_lighter);  
    --theme-tab_background: var(--vala_main_theme_box_bg_lighter);
    --theme-tag: var(--vala_main_theme_color_1),.12;
    --theme-tag_font: var(--vala_main_theme_color_1);
    --theme-text_color: var(--vala_main_theme_base_font_color);
    --theme-text_dark: var(--vala_main_theme_base_font_color_darker);
    --theme-text_light: var(--vala_main_theme_base_font_color_lighter);
    --theme-text_very_light: 255,255,255;
    --theme-timeline_color: var(--vala_main_theme_color); 
  
    --vala_actionbar_bgcolor: var(--theme-vala_dark_actionbar_bgcolor);
    --vala_actionbar_btnbg: var(--theme-vala_dark_actionbar_btnbg);
    --vala_actionbar_btntxtcolor: var(--theme-vala_dark_actionbar_btntxtcolor);
  
  
    {{if theme.vala_dark_footer_custom}}
      --vala_footer_hover_text_color: var(--theme-vala_dark_footer_hover_text_color);
      --vala_footer_menu_link_color: var(--theme-vala_dark_footer_link_color);
      --vala_footer_menu_title_color: var(--theme-vala_dark_footer_title_color);
    {{else}}
      --vala_footer_hover_text_color: var(--theme-main_nav_font);
      --vala_footer_menu_link_color: var(--theme-main_nav_font);
      --vala_footer_menu_title_color: var(--theme-main_nav_font);  
    {{endif}}
  
  {{if theme.vala_dark_forum_custom}}
    --vala_forum_forumbg: var(--theme-vala_dark_forum_forumbg);
    --vala_forum_hover_color: var(--theme-vala_dark_forum_hover_color);
    --vala_forum_topicbg: var(--theme-vala_dark_forum_topicbg);  
  {{else}}
    --vala_forum_forumbg: var(--vala_main_theme_body_bg);
    --vala_forum_hover_color: var(--vala_main_theme_base_color_lighter);
    --vala_forum_topicbg: var(--vala_main_theme_body_bg);  
  {{endif}}
  
  {{if theme.vala_dark_ipsbox_custom}}
    --vala_ipsbox_hrbordercolor: var(--theme-vala_dark_ipsbox_hrbordercolor);
    --vala_ipsbox_hrcolor: var(--theme-vala_dark_ipsbox_hrcolor);
    --vala_ipsbox_hrecolor: var(--theme-vala_dark_ipsbox_hrscolor);
    --vala_ipsbox_hrscolor: var(--theme-vala_dark_ipsbox_hrecolor);
  {{else}}
    --vala_ipsbox_hrbordercolor: var(--vala_main_theme_color);
    --vala_ipsbox_hrcolor: var(--vala_main_theme_box_bg);
    --vala_ipsbox_hrecolor: var(--vala_main_theme_body_bg);
    --vala_ipsbox_hrscolor: var(--vala_main_theme_box_bg);
  {{endif}}
  
  {{if theme.vala_dark_loading_custom}}
    --vala_loading_bgcolor: var(--theme-vala_dark_loading_bgcolor);
    --vala_loading_type_color:var(--theme-vala_dark_loading_type_color);
  {{else}}
      --vala_loading_bgcolor: var(--vala_main_theme_body_bg);
      --vala_loading_type_color:var(--vala_main_theme_color);
  {{endif}}
   
    --vala_profile_user_image_border_color_from: var(--theme-vala_profile_user_image_border_color_from);
    --vala_profile_user_image_border_color_to: var(--theme-vala_profile_user_image_border_color_to);
  
  {{if theme.vala_dark_sharbar_custom}}
    --vala_sharebar_action_bg: var(--theme-vala_dark_sharebar_action_bg);
    --vala_sharebar_action_color: var(--theme-vala_dark_sharebar_action_color);
  {{else}}
    --vala_sharebar_action_bg: var(--vala_main_theme_color);
    --vala_sharebar_action_color: var(--vala_main_theme_color_font);  
  {{endif}}
    
  {{if theme.vala_dark_sidebar_custom}}
    --vala_sidebar_bg: var(--theme-vala_dark_sidebar_bg);
    --vala_sidebar_bghover: var(--theme-vala_dark_sidebar_bg_hover);
    --vala_sidebar_icon: var(--theme-vala_dark_sidebar_icon);
    --vala_sidebar_iconhover: var(--theme-vala_dark_sidebar_icon_hover);
  {{else}}
    --vala_sidebar_bg: var(--theme-main_nav);
    --vala_sidebar_bghover: var(--vala_main_theme_color);
    --vala_sidebar_icon: var(--theme-main_nav_font),.7;
    --vala_sidebar_iconhover: var(--vala_main_theme_color_font);
  {{endif}}
  
    --theme-very_light_button: var(--vala_main_theme_color_font);
    --theme-very_light_button_font: var(--vala_main_theme_color);
    --theme-widget_title_bar: var(--vala_main_theme_box_bg);
    --theme-widget_title_font: var(--vala_main_theme_base_font_color);

    {{if theme.vala_tab_enabled}}
  		--vala_tab_item_bg: var(--theme-vala_tab_item_bg_dark);
  		--vala_tab_item_txt: var(--theme-vala_tab_item_txt_dark);
  		--vala_tab_item_active_bg: var(--theme-vala_tab_item_active_bg_dark);
   		--vala_tab_item_active_txt: var(--theme-vala_tab_item_active_txt_dark);
  	{{endif}}
  }


html.light-theme {
  	--vala_footer_bg_cover :  var(--theme-vala_footer_bg_coverl);
	--vala_slider_cover_fc : var(--vala_slider_cover_fcl);
    --vala_main_theme_body_bg: var(--theme-vala_light_theme_body_bg);
    --vala_main_theme_box_bg: var(--theme-vala_light_theme_box_bg);
    --vala_main_theme_box_bg_lighter: var(--theme-vala_light_theme_box_bg_lighter);
  {{if !theme.vala_main_theme_dl_enable}}
    --vala_main_theme_color: var(--theme-vala_main_theme_color);
    --vala_main_theme_base_color_lighter: var(--theme-vala_main_theme_base_color_lighter);
    --vala_main_theme_base_color_darker: var(--theme-vala_main_theme_base_color_darker);
    --vala_main_theme_color_font: var(--theme-vala_main_theme_color_font);
  {{else}}
    --vala_main_theme_color: var(--theme-vala_main_theme_colorl);
    --vala_main_theme_base_color_lighter: var(--theme-vala_main_theme_base_color_lighterl);
    --vala_main_theme_base_color_darker: var(--theme-vala_main_theme_base_color_darkerl);
    --vala_main_theme_color_font: var(--theme-vala_main_theme_color_fontl);
  {{endif}}
    --vala_main_theme_text_color: var(--theme-vala_light_theme_base_font_color);
    --vala_main_theme_base_font_color: var(--theme-vala_light_theme_base_font_color);
    --vala_main_theme_base_font_color_lighter: var(--theme-vala_light_theme_base_font_color_lighter);
    --vala_main_theme_base_font_color_darker: var(--theme-vala_light_theme_base_font_color_darker);
    --vala_main_theme_color_1: var(--theme-vala_light_theme_color_1);
    --vala_main_theme_color_2: var(--theme-vala_light_theme_color_2);
    --vala_main_theme_color_3: var(--theme-vala_light_theme_color_3);
    --vala_main_theme_color_4: var(--theme-vala_light_theme_color_4);
    --vala_main_theme_color_5: var(--theme-vala_light_theme_color_5);


    --theme-active_input_border: var(--vala_main_theme_color);
    --theme-alternate_button: var(--vala_main_theme_color);
    --theme-alternate_button_font: var(--vala_main_theme_color_font);
    --theme-area_background: var(--vala_main_theme_body_bg);
    --theme-area_background_dark: var(--theme-vala_light_theme_box_bg_lighter);
    --theme-area_background_light: var(--vala_main_theme_box_bg_lighter);
    --theme-area_background_reset: var(--vala_main_theme_box_bg);
    --theme-brand_primary: var(--vala_main_theme_color);
    --theme-button_bar: var(--vala_main_theme_box_bg);
    --theme-comment_count: var(--vala_main_theme_box_bg);
    --theme-comment_count_font: var(--vala_main_theme_base_font_color);
    --theme-featured: var(--vala_main_theme_color_1);
    --theme-footer_text:  var(--vala_main_theme_base_font_color);
    --theme-header: var(--vala_main_theme_body_bg);
    --theme-header_text: var(--vala_main_theme_base_font_color);
    --theme-important_button: var(--vala_main_theme_color);
    --theme-important_button_font: var(--vala_main_theme_color_font);
    --theme-item_status: var(--vala_main_theme_color);
    --theme-light_button: var(--vala_main_theme_color_font);
    --theme-light_button_font: var(--vala_main_theme_color);
    --theme-link: var(--vala_main_theme_base_font_color);
    --theme-link_button: var(--vala_main_theme_base_font_color);
    --theme-link_hover: var(--vala_main_theme_base_font_color_darker);
    --theme-main_nav: var(--vala_main_theme_box_bg);
    --theme-main_nav_font: var(--vala_main_theme_base_font_color);
    --theme-main_nav_tab: var(--vala_main_theme_body_bg);
    --theme-main_nav_tab_font: var(--vala_main_theme_base_font_color);

    --theme-mentions: var(--vala_main_theme_color_3);

    --theme-moderated: var(--theme-vala_light_theme_moderated);
    --theme-moderated_light: var(--theme-vala_light_theme_moderated_light);
    --theme-moderated_text: var(--theme-vala_light_theme_moderated_text);
    --theme-moderated_text_light: var(--theme-vala_light_theme_moderated_text_light);

    --theme-normal_button: var(--vala_main_theme_color);
    --theme-normal_button_font: var(--vala_main_theme_color_font);
    --theme-notification_bubble: var(--vala_main_theme_color_4);
    --theme-page_background: var(--vala_main_theme_body_bg);
    --theme-pagination_active: var(--vala_main_theme_base_color_darker);

    --theme-post_highlight: var(--vala_main_theme_base_font_color_lighter);
    --theme-post_highlight_border: var(--vala_main_theme_base_color_darker);

    --theme-prefix: var(--vala_main_theme_color_2);
    --theme-price: var(--vala_main_theme_color_5);
    --theme-primary_button: var(--vala_main_theme_color);
    --theme-primary_button_font: var(--vala_main_theme_color_font);
    --theme-profile_header: var(--vala_main_theme_box_bg);

    --theme-rating_on: var(--vala_main_theme_color_5);

    --theme-secondary_title: var(--vala_main_theme_color_font);
    --theme-secondary_title_font: var(--vala_main_theme_box_bg);
    --theme-section_title: var(--vala_main_theme_box_bg);
    --theme-section_title_font: var(--vala_main_theme_base_font_color);
    --theme-selected: var(--vala_main_theme_base_color_lighter);
    --theme-selected_border: var(--vala_main_theme_box_bg_lighter);
    --theme-tab_background: var(--vala_main_theme_box_bg_lighter);
    --theme-tag: var(--vala_main_theme_color_1),.12;
    --theme-tag_font: var(--vala_main_theme_color_1);
    --theme-text_color: var(--vala_main_theme_base_font_color);
    --theme-text_dark: var(--vala_main_theme_base_font_color_darker);
    --theme-text_light: var(--vala_main_theme_base_font_color_lighter);
    --theme-text_very_light: 255,255,255;
    --theme-timeline_color: var(--vala_main_theme_color);

    --vala_actionbar_bgcolor: var(--theme-vala_light_actionbar_bgcolor);
    --vala_actionbar_btnbg: var(--theme-vala_light_actionbar_btnbg);
    --vala_actionbar_btntxtcolor: var(--theme-vala_light_actionbar_btntxtcolor);


{{if theme.vala_light_footer_custom}}
--vala_footer_hover_text_color: var(--theme-vala_light_footer_hover_text_color);
--vala_footer_menu_link_color: var(--theme-vala_light_footer_link_color);
--vala_footer_menu_title_color: var(--theme-vala_light_footer_title_color);
{{else}}
--vala_footer_hover_text_color: var(--theme-main_nav_font);
--vala_footer_menu_link_color: var(--theme-main_nav_font);
--vala_footer_menu_title_color: var(--theme-main_nav_font);
{{endif}}

{{if theme.vala_light_forum_custom}}
--vala_forum_forumbg: var(--theme-vala_light_forum_forumbg);
--vala_forum_hover_color: var(--theme-vala_light_forum_hover_color);
--vala_forum_topicbg: var(--theme-vala_light_forum_topicbg);
{{else}}
--vala_forum_forumbg: var(--vala_main_theme_body_bg);
--vala_forum_hover_color: var(--vala_main_theme_base_color_lighter);
--vala_forum_topicbg: var(--vala_main_theme_body_bg);
{{endif}}

{{if theme.vala_light_ipsbox_custom}}
--vala_ipsbox_hrbordercolor: var(--theme-vala_light_ipsbox_hrbordercolor);
--vala_ipsbox_hrcolor: var(--theme-vala_light_ipsbox_hrcolor);
--vala_ipsbox_hrecolor: var(--theme-vala_light_ipsbox_hrscolor);
--vala_ipsbox_hrscolor: var(--theme-vala_light_ipsbox_hrecolor);
{{else}}
--vala_ipsbox_hrbordercolor: var(--vala_main_theme_color);
--vala_ipsbox_hrcolor: var(--vala_main_theme_box_bg);
--vala_ipsbox_hrecolor: var(--vala_main_theme_body_bg);
--vala_ipsbox_hrscolor: var(--vala_main_theme_box_bg);
{{endif}}

{{if theme.vala_light_loading_custom}}
--vala_loading_bgcolor: var(--theme-vala_light_loading_bgcolor);
--vala_loading_type_color:var(--theme-vala_light_loading_type_color);
{{else}}
--vala_loading_bgcolor: var(--vala_main_theme_body_bg);
--vala_loading_type_color:var(--vala_main_theme_color);
{{endif}}

--vala_profile_user_image_border_color_from: var(--theme-vala_profile_user_image_border_color_from);
--vala_profile_user_image_border_color_to: var(--theme-vala_profile_user_image_border_color_to);

{{if theme.vala_light_sharbar_custom}}
--vala_sharebar_action_bg: var(--theme-vala_light_sharebar_action_bg);
--vala_sharebar_action_color: var(--theme-vala_light_sharebar_action_color);
{{else}}
--vala_sharebar_action_bg: var(--vala_main_theme_color);
--vala_sharebar_action_color: var(--vala_main_theme_color_font);
{{endif}}

{{if theme.vala_light_sidebar_custom}}
--vala_sidebar_bg: var(--theme-vala_light_sidebar_bg);
--vala_sidebar_bghover: var(--theme-vala_light_sidebar_bg_hover);
--vala_sidebar_icon: var(--theme-vala_light_sidebar_icon);
--vala_sidebar_iconhover: var(--theme-vala_light_sidebar_icon_hover);
{{else}}
--vala_sidebar_bg: var(--theme-main_nav);
--vala_sidebar_bghover: var(--vala_main_theme_color);
--vala_sidebar_icon: var(--theme-main_nav_font),.7;
--vala_sidebar_iconhover: var(--vala_main_theme_color_font);
{{endif}}

--theme-very_light_button: var(--vala_main_theme_color_font);
--theme-very_light_button_font: var(--vala_main_theme_color);
--theme-widget_title_bar: var(--vala_main_theme_box_bg);
--theme-widget_title_font: var(--vala_main_theme_base_font_color);

  
      {{if theme.vala_tab_enabled}}
  		--vala_tab_item_bg: var(--theme-vala_tab_item_bg_light);
  		--vala_tab_item_txt: var(--theme-vala_tab_item_txt_light);
  		--vala_tab_item_active_bg: var(--theme-vala_tab_item_active_bg_light);
   		--vala_tab_item_active_txt: var(--theme-vala_tab_item_active_txt_light);
  	{{endif}}
  
}
{{endif}}

:root {
 --vala_scrollbtn_bgcolor :  var(--vala_main_theme_color);
 --vala_scrollbtn_color   :  var(--vala_main_theme_color_font);
  {{if theme.vala_slider_cover_enabled}}
   			--vala_slider_cover_fcd: var(--theme-vala_slider_cover_fcd),{theme="vala_slider_cover_fod"};
   			--vala_slider_cover_fcl: var(--theme-vala_slider_cover_fcl),{theme="vala_slider_cover_fol"}; 	 	 
  {{else}}
  	 		--vala_slider_cover_fcd: 0,0,0,0;
  			--vala_slider_cover_fcl:255,255,255,0;
  {{endif}}
  
}

 .ipsSideMenu_itemActive a, a.ipsSideMenu_itemActive, span.ipsSideMenu_itemActive, .ipsSideMenu_withChecks .ipsSideMenu_item > input[type="checkbox"]:checked ~ a, .ipsSideMenu_withChecks .ipsSideMenu_item > input[type="checkbox"]:checked ~ span, .ipsSideMenu_withRadios .ipsSideMenu_item > input[type="radio"]:checked ~ a, .ipsSideMenu_withRadios .ipsSideMenu_item > input[type="radio"]:checked ~ span {
   
   background: rgb( var(--vala_main_theme_color) );
    color: rgb(var(--vala_main_theme_color_font));
   
  }
  

html.light-theme .ipsApp .ipsButton:hover:not(:active){ 
      background-image: linear-gradient(to bottom, rgba(0,0,0,0.08) 0%,rgba(0,0,0,0.08) 100%)!important;
}
html.dark-theme .ipsApp .ipsButton:hover:not(:active){ 
      background-image: linear-gradient(to bottom, rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.08) 100%)!important;
}

{{if theme.vala_misc_light_message_bg}}
html.light-theme {
	--positive-dark: #60d394;
    --positive-light: #f0faf6;
    --negative-dark: #d90429;
    --negative-light: #FFF5F5;
    --intermediate-dark: #ffba08;
    --intermediate-light: #FFFAF0;
    --informational-dark: #48cae4;
    --informational-light: #e9f0f5;
}
{{endif}}

{{if theme.vala_misc_dark_message_bg}}
html.dark-theme {
	--positive-dark: #327258;
    --positive-light: #60d394;
    --negative-dark: #6c3232;
    --negative-light: #d90429;
    --intermediate-dark: #a46400;
    --intermediate-light: #ffba08;
    --informational-dark: #246370;
    --informational-light: #48cae4;
}
{{endif}}
{{if theme.vala_misc_editor_toolbar_bg}}
      html.dark-theme .ipsApp .cke_top{
                     background-color : {theme="vala_misc_editor_toolbar_bg_dark"} !important;
      }
      html.light-theme .ipsApp .cke_top{
                     background-color : {theme="vala_misc_editor_toolbar_bg_light"} !important;
      }
{{endif}}