<?php
/* get CSS of all theme settings
 */
function bicycleshop_get_user_css($with_custom_css = true) {
	global $bicycleshop_a13;

	$box_shadow_on_rule = 'box-shadow: 0 0 12px rgba(0, 0, 0, 0.09);';

	/*
	 * body part
	 */
	$theme_borders_color   = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'theme_borders_color' ) );
	$boxed_layout_bg_color = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'boxed_layout_bg_color' ) );
	$headings_color        = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'headings_color' ) );
	$headings_color_hover  = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'headings_color_hover' ) );
	$headings_weight       = bicycleshop_make_css_rule( 'font-weight', $bicycleshop_a13->get_option( 'headings_weight' ) );
	$headings_transform    = bicycleshop_make_css_rule( 'text-transform', $bicycleshop_a13->get_option( 'headings_transform' ) );
	$cursor_css            = 'cursor: auto';
	$custom_cursor         = $bicycleshop_a13->get_option( 'custom_cursor' );
	if ( $custom_cursor === 'custom' ) {
		$cursor_css = bicycleshop_make_css_rule( 'cursor', $bicycleshop_a13->get_option_media_url( 'cursor_image' ), 'url("%s"), auto' );
	} elseif ( $custom_cursor === 'select' ) {
		$cursor     = $bicycleshop_a13->get_option( 'cursor_select' );
		$cursor_css = bicycleshop_make_css_rule( 'cursor', get_theme_file_uri( 'images/cursors/' . $cursor ), 'url("%s"), auto' );
	}

//global sidebars
	$basket_sidebar_bg_color  = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'basket_sidebar_bg_color' ) );
	$basket_sidebar_font_size = bicycleshop_make_css_rule( 'font-size', $bicycleshop_a13->get_option( 'basket_sidebar_font_size' ), '%spx' );
	$hidden_sidebar_bg_color  = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'hidden_sidebar_bg_color' ) );
	$hidden_sidebar_font_size = bicycleshop_make_css_rule( 'font-size', $bicycleshop_a13->get_option( 'hidden_sidebar_font_size' ), '%spx' );


	/*
	 *  logo
	 */
	$logo_container_min_width_desktop = $logo_container_max_width_desktop = '';
	$logo_container_min_width_mobile  = $logo_container_max_width_mobile = '';
	$logo_max_width_half_desktop      = $logo_max_width_half_mobile = '100px';
	$_logo_image                      = $bicycleshop_a13->get_option( 'logo_image' );
	$logo_url                         = $bicycleshop_a13->get_option_media_url( 'logo_image' );

	//try to use WordPress custom logo feature if there is no theme logo
	if( strlen( $logo_url ) === 0 && has_custom_logo() ){
		$custom_logo = wp_get_attachment_image_src( get_theme_mod( 'custom_logo' ), 'full' );
		$logo_url = $custom_logo[0];
		//simulate theme logo
		$_logo_image = array();
		$_logo_image['width'] = $custom_logo[1];
	}

	$logo_image        = bicycleshop_make_css_rule( 'background-image', $logo_url, 'url(%s)', 'no_none' );
	$logo_image_2x     = bicycleshop_make_css_rule( 'background-image', $bicycleshop_a13->get_option_media_url( 'logo_image_high_dpi' ), 'url(%s)', 'no_none' );
	$logo_image_height = (string) $bicycleshop_a13->get_option( 'logo_image_height' );
	$logo_image_height = $logo_image_height === '0' ? '' : bicycleshop_make_css_rule( 'height', $logo_image_height, '%spx' );

	$logo_type                        = $bicycleshop_a13->get_option( 'logo_type' );
	$max_allowed_logo_desktop_width   = $bicycleshop_a13->get_option( 'logo_image_max_desktop_width' );
	$max_allowed_logo_desktop_width   = strlen( $max_allowed_logo_desktop_width ) ? $max_allowed_logo_desktop_width : 200;
	$max_allowed_logo_mobile_width    = $bicycleshop_a13->get_option( 'logo_image_max_mobile_width' );
	$max_allowed_logo_mobile_width    = strlen( $max_allowed_logo_mobile_width ) ? $max_allowed_logo_mobile_width : 200;
	$logo_shield_padding              = (int) $bicycleshop_a13->get_option_color_rgba( 'logo_shield_padding' );

	$svg_logo    = $bicycleshop_a13->get_option( 'logo_svg', 'off' ) === 'on';
	$shield_logo = $bicycleshop_a13->get_option( 'logo_with_shield', 'off' ) === 'on';
	$mobile_logo_shield_space = '';
//	$bonus_space
	$bonus_centered_logo_space = 20;  //20px on each side of centered logo to breath from menu
	if ( $shield_logo ) {
		$bonus_centered_logo_space += $logo_shield_padding;
	}
	//image logo type and image is set
	if ( $logo_type === 'image' && is_array( $_logo_image ) ){
		//we set dimensions only based on theme settings
		if( $svg_logo ){
			//desktop
			$logo_container_min_width_desktop = bicycleshop_make_css_rule( 'min-width', $max_allowed_logo_desktop_width, '%spx' );
			$logo_container_max_width_desktop = bicycleshop_make_css_rule( 'max-width', $max_allowed_logo_desktop_width, '%spx' );
			$logo_max_width_half_desktop = (float) ( $max_allowed_logo_desktop_width / 2 ) + $bonus_centered_logo_space . 'px';

			//mobile
			$logo_container_min_width_mobile = bicycleshop_make_css_rule( 'min-width', $max_allowed_logo_mobile_width, '%spx' );
			$logo_container_max_width_mobile = bicycleshop_make_css_rule( 'max-width', $max_allowed_logo_mobile_width, '%spx' );
			$logo_max_width_half_mobile      = (float) ( $max_allowed_logo_mobile_width / 2 ) . 'px';
		}
		//classic image with width defined
		elseif( isset( $_logo_image['width'] ) ){
			//desktop
			$temp_width                       = $_logo_image['width'] > $max_allowed_logo_desktop_width ? $max_allowed_logo_desktop_width : $_logo_image['width'];
			$logo_container_min_width_desktop = bicycleshop_make_css_rule( 'min-width', $temp_width, '%spx' );
			$logo_container_max_width_desktop = bicycleshop_make_css_rule( 'max-width', $temp_width, '%spx' );
			$logo_max_width_half_desktop = (float) ( $temp_width / 2 ) + $bonus_centered_logo_space . 'px';

			//mobile
			$temp_width                      = $_logo_image['width'] > $max_allowed_logo_mobile_width ? $max_allowed_logo_mobile_width : $_logo_image['width'];
			$logo_container_min_width_mobile = bicycleshop_make_css_rule( 'min-width', $temp_width, '%spx' );
			$logo_container_max_width_mobile = bicycleshop_make_css_rule( 'max-width', $temp_width, '%spx' );
			$logo_max_width_half_mobile      = (float) ( $temp_width / 2 ) . 'px';
		}

		if ( $shield_logo ) {
			$mobile_logo_shield_space = bicycleshop_make_css_rule( 'min-width', ((int) $max_allowed_logo_mobile_width + 2*$logo_shield_padding), '%spx' );
		}
	}


	$logo_shield_bg_color     = bicycleshop_make_css_rule( 'fill', $bicycleshop_a13->get_option_color_rgba( 'logo_shield_bg_color' ) );
	$logo_shield_padding      = $logo_shield_padding . 'px';
	$logo_shield_hide         = '-' . $bicycleshop_a13->get_option( 'logo_shield_hide' ) . '%';
	$logo_shield_hide_mobile  = '-' . $bicycleshop_a13->get_option( 'logo_shield_hide_mobile' ) . '%';
	$logo_image_opacity       = bicycleshop_make_css_rule( 'opacity', $bicycleshop_a13->get_option( 'logo_image_normal_opacity' ) );
	$logo_image_opacity_hover = bicycleshop_make_css_rule( 'opacity', $bicycleshop_a13->get_option( 'logo_image_hover_opacity' ) );
	$logo_color               = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'logo_color' ) );
	$logo_color_hover         = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'logo_color_hover' ) );
	$logo_font_size           = bicycleshop_make_css_rule( 'font-size', $bicycleshop_a13->get_option( 'logo_font_size' ), '%spx' );
	$logo_weight              = bicycleshop_make_css_rule( 'font-weight', $bicycleshop_a13->get_option( 'logo_weight' ) );
	$logo_padding             = $bicycleshop_a13->get_option( 'logo_padding' );
	$logo_padding_top         = $logo_padding['padding-top'];
	$logo_padding_bottom      = $logo_padding['padding-bottom'];

	$logo_padding_mobile        = $bicycleshop_a13->get_option( 'logo_padding_mobile' );
	$logo_padding_top_mobile    = $logo_padding_mobile['padding-top'];
	$logo_padding_bottom_mobile = $logo_padding_mobile['padding-bottom'];


	/*
	 *  header part
	 */
	$header_bg_color              = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_bg_color' ) );
	$header_bg_hover_color        = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_bg_hover_color' ) );
	$header_mobile_menu_bg_color  = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_mobile_menu_bg_color' ) );
	$header_bg_image              = bicycleshop_make_css_rule( 'background-image', $bicycleshop_a13->get_option_media_url( 'header_bg_image' ), 'url(%s)' );
	$header_image_fit             = bicycleshop_bg_fit_helper( $bicycleshop_a13->get_option( 'header_bg_image_fit' ) );
	$header_shadow                = $bicycleshop_a13->get_option( 'header_shadow' ) === 'off' ? 'box-shadow: none;' : $box_shadow_on_rule;
	$header_separators_color      = $bicycleshop_a13->get_option_color_rgba( 'header_separators_color' );
	$header_menu_part_bg_color    = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_menu_part_bg_color' ) );
	$header_content_padding       = $bicycleshop_a13->get_option( 'header_content_padding', '40' );
	$header_content_padding_left  = $header_content_padding == '40'? '' : 'padding-left:' . $header_content_padding . 'px;';
	$header_content_padding_right = $header_content_padding == '40'? '' : 'padding-right:' . $header_content_padding . 'px;';

//border
	$header_border       = $bicycleshop_a13->get_option( 'header_border' ) === 'on';
	$header_border_style = $header_border ? '' : 'border-bottom: none;';

	$header_tools_color         = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_tools_color' ) );
	$header_tools_color_hover   = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_tools_color_hover' ) );
	$header_tools_bgcolor       = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_tools_color' ) );
	$header_tools_bgcolor_hover = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_tools_color_hover' ) );

	$header_tools_mobile_menu_icon_size    = bicycleshop_make_css_rule( 'font-size', $bicycleshop_a13->get_option( 'header_tools_mobile_menu_icon_size' ), '%spx' );
	$header_tools_basket_sidebar_icon_size = bicycleshop_make_css_rule( 'font-size', $bicycleshop_a13->get_option( 'header_tools_basket_sidebar_icon_size' ), '%spx' );
	$header_tools_header_search_icon_size  = bicycleshop_make_css_rule( 'font-size', $bicycleshop_a13->get_option( 'header_tools_header_search_icon_size' ), '%spx' );
	$header_tools_hidden_sidebar_icon_size = bicycleshop_make_css_rule( 'font-size', $bicycleshop_a13->get_option( 'header_tools_hidden_sidebar_icon_size' ), '%spx' );
	$header_tools_menu_overlay_icon_size   = bicycleshop_make_css_rule( 'font-size', $bicycleshop_a13->get_option( 'header_tools_menu_overlay_icon_size' ), '%spx' );

	$header_menu_overlay_bg_color    = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_menu_overlay_bg_color' ) );
	$header_menu_overlay_color       = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_menu_overlay_color' ) );
	$header_menu_overlay_bgcolor     = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_menu_overlay_color' ) );
	$header_menu_overlay_color_hover = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_menu_overlay_color_hover' ) );
	$header_menu_overlay_weight      = bicycleshop_make_css_rule( 'font-weight', $bicycleshop_a13->get_option( 'header_menu_overlay_weight' ) );
	$header_menu_overlay_transform   = bicycleshop_make_css_rule( 'text-transform', $bicycleshop_a13->get_option( 'header_menu_overlay_transform' ) );
	$header_menu_overlay_font_size   = bicycleshop_make_css_rule( 'font-size', $bicycleshop_a13->get_option( 'header_menu_overlay_font_size' ), '%spx' );

	$menu_weight             = bicycleshop_make_css_rule( 'font-weight', $bicycleshop_a13->get_option( 'menu_weight' ) );
	$menu_transform          = bicycleshop_make_css_rule( 'text-transform', $bicycleshop_a13->get_option( 'menu_transform' ) );
	$menu_font_size          = bicycleshop_make_css_rule( 'font-size', $bicycleshop_a13->get_option( 'menu_font_size' ), '%spx' );
	$menu_line_height        = bicycleshop_make_css_rule( 'line-height', $bicycleshop_a13->get_option( 'menu_line_height' ), '%spx' );
	$menu_hidden_icon_height = bicycleshop_make_css_rule( 'height', $bicycleshop_a13->get_option( 'menu_line_height' ), '%spx' );
	$menu_color              = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'menu_color' ) );	
	$menu_bg_color              = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'menu_bg_color' ) );	
	$menu_hover_color        = $bicycleshop_a13->get_option_color_rgba( 'menu_hover_color' );
	$menu_hover_bg_color     = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'menu_hover_bg_color' ) );
	$submenu_bg_color        = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'submenu_bg_color' ) );
	$submenu_separator_color = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'submenu_separator_color' ) );
	$submenu_weight          = bicycleshop_make_css_rule( 'font-weight', $bicycleshop_a13->get_option( 'submenu_weight' ) );
	$submenu_transform       = bicycleshop_make_css_rule( 'text-transform', $bicycleshop_a13->get_option( 'submenu_transform' ) );
	$submenu_font_size       = bicycleshop_make_css_rule( 'font-size', $bicycleshop_a13->get_option( 'submenu_font_size' ), '%spx' );
	$submenu_color           = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'submenu_color' ) );
	$submenu_color_hover     = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'submenu_color_hover' ) );
	
	$footer_socials_bg_color        = $bicycleshop_a13->get_option_color_rgba( 'footer_socials_bg_color' );

	//special menu settings for one-line ogo centered
	$_menu_width  = $bicycleshop_a13->get_option( 'header_main_menu_width', 70 );
	$_sides_width = ( 100 - $_menu_width ) / 2;
	$menu_width   = bicycleshop_make_css_rule( 'width', $_menu_width, '%s%%' );
	$sides_width  = bicycleshop_make_css_rule( 'width', $_sides_width, '%s%%' );

	/*
	 *  top-bar part
	 */
	$tb_bg_color         = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'top_bar_bg_color' ) );
	$tb_text_color       = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'top_bar_text_color' ) );
	$tb_link_color       = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'top_bar_link_color' ) );
	$tb_link_color_hover = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'top_bar_link_color_hover' ) );
	$tb_text_transform   = bicycleshop_make_css_rule( 'text-transform', $bicycleshop_a13->get_option( 'top_bar_text_transform' ) );
//border
	$tb_border       = $bicycleshop_a13->get_option( 'top_bar_border' ) === 'on';
	$tb_border_style = $tb_border ? '' : 'border-bottom: none;';
//message
	$tb_text_msg_part_text_align  = bicycleshop_make_css_rule( 'text-align', $bicycleshop_a13->get_option( 'top_bar_msg_part_text_align' ) );


	/*
	 *  sticky header
	 */
	$header_sticky_bg_color                  = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_sticky_bg_color' ) );
	$header_sticky_mobile_menu_bg_color      = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_sticky_mobile_menu_bg_color' ) );
	$header_sticky_separators_color          = $bicycleshop_a13->get_option_color_rgba( 'header_sticky_separators_color' );
	$header_sticky_menu_part_bg_color        = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_sticky_menu_part_bg_color' ) );
	$header_sticky_shadow                    = $bicycleshop_a13->get_option( 'header_sticky_shadow' ) === 'off' ? 'box-shadow: none;' : $box_shadow_on_rule;
	$header_sticky_tools_color               = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_sticky_tools_color' ) );
	$header_sticky_tools_color_hover         = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_sticky_tools_color_hover' ) );
	$header_sticky_tools_bgcolor             = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_sticky_tools_color' ) );
	$header_sticky_tools_bgcolor_hover       = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_sticky_tools_color_hover' ) );
	$header_sticky_button_bg_color           = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_sticky_button_bg_color' ) );
	$header_sticky_button_bg_color_hover     = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_sticky_button_bg_color_hover' ) );
	$header_sticky_button_border_color       = bicycleshop_make_css_rule( 'border-color', $bicycleshop_a13->get_option_color_rgba( 'header_sticky_button_border_color' ) );
	$header_sticky_button_border_color_hover = bicycleshop_make_css_rule( 'border-color', $bicycleshop_a13->get_option_color_rgba( 'header_sticky_button_border_color_hover' ) );
	$header_sticky_tb_bg_color               = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_sticky_top_bar_bg_color' ) );
	$header_sticky_tb_text_color             = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_sticky_top_bar_text_color' ) );
	$header_sticky_tb_link_color             = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_sticky_top_bar_link_color' ) );
	$header_sticky_tb_link_color_hover       = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_sticky_top_bar_link_color_hover' ) );
	$header_sticky_menu_color                = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_sticky_menu_color' ) );
	$header_sticky_menu_hover_color_value    = $bicycleshop_a13->get_option_color_rgba( 'header_sticky_menu_hover_color' );
	$header_sticky_menu_hover_color          = bicycleshop_make_css_rule( 'color', $header_sticky_menu_hover_color_value );
	$header_sticky_menu_hover_bg_color       = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_sticky_menu_hover_bg_color' ) );
	$header_sticky_logo_color                = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_sticky_logo_color' ) );
	$header_sticky_logo_color_hover          = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_sticky_logo_color_hover' ) );
	$header_sticky_logo_image                = bicycleshop_make_css_rule( 'background-image', $bicycleshop_a13->get_option_media_url( 'header_sticky_logo_image' ), 'url(%s)', 'no_none' );
	$header_sticky_logo_image_2x             = bicycleshop_make_css_rule( 'background-image', $bicycleshop_a13->get_option_media_url( 'header_sticky_logo_image_high_dpi' ), 'url(%s)', 'no_none' );
	$header_sticky_logo_padding              = $bicycleshop_a13->get_option( 'header_sticky_logo_padding' );
	$header_sticky_logo_padding_top          = $header_sticky_logo_padding['padding-top'];
	$header_sticky_logo_padding_bottom       = $header_sticky_logo_padding['padding-bottom'];
	$header_sticky_logo_padding_mobile        = $bicycleshop_a13->get_option( 'header_sticky_logo_padding_mobile' );
	$header_sticky_logo_padding_top_mobile    = $header_sticky_logo_padding_mobile['padding-top'];
	$header_sticky_logo_padding_bottom_mobile = $header_sticky_logo_padding_mobile['padding-bottom'];
	$header_sticky_logo_container_min_width_desktop = $header_sticky_logo_container_max_width_desktop = '';
	$header_sticky_logo_container_min_width_mobile  = $header_sticky_logo_container_max_width_mobile = '';
	$header_sticky_logo_max_width_half_desktop      = $header_sticky_logo_max_width_half_mobile = '100px';
	$header_sticky_max_allowed_logo_desktop_width   = $bicycleshop_a13->get_option( 'header_sticky_logo_image_max_desktop_width' );
	$header_sticky_max_allowed_logo_desktop_width   = strlen( $header_sticky_max_allowed_logo_desktop_width ) ? $header_sticky_max_allowed_logo_desktop_width : 200;
	$header_sticky_max_allowed_logo_mobile_width    = $bicycleshop_a13->get_option( 'header_sticky_logo_image_max_mobile_width' );
	$header_sticky_max_allowed_logo_mobile_width    = strlen( $header_sticky_max_allowed_logo_mobile_width ) ? $header_sticky_max_allowed_logo_mobile_width : 200;

	//image logo type and image is set
	if ( $logo_type === 'image' && is_array( $_logo_image ) ){
		//we set dimensions only based on theme settings
		if( $svg_logo ){
			//desktop
			$header_sticky_logo_container_min_width_desktop = bicycleshop_make_css_rule( 'min-width', $header_sticky_max_allowed_logo_desktop_width, '%spx' );
			$header_sticky_logo_container_max_width_desktop = bicycleshop_make_css_rule( 'max-width', $header_sticky_max_allowed_logo_desktop_width, '%spx' );
			$header_sticky_logo_max_width_half_desktop = (float) ( $header_sticky_max_allowed_logo_desktop_width / 2 ) + $bonus_centered_logo_space . 'px';

			//mobile
			$header_sticky_logo_container_min_width_mobile = bicycleshop_make_css_rule( 'min-width', $header_sticky_max_allowed_logo_mobile_width, '%spx' );
			$header_sticky_logo_container_max_width_mobile = bicycleshop_make_css_rule( 'max-width', $header_sticky_max_allowed_logo_mobile_width, '%spx' );
			$header_sticky_logo_max_width_half_mobile      = (float) ( $header_sticky_max_allowed_logo_mobile_width / 2 ) . 'px';
		}
		//classic image with width defined
		elseif( isset( $_logo_image['width'] ) ){
			//desktop
			$temp_width                       = $_logo_image['width'] > $header_sticky_max_allowed_logo_desktop_width ? $header_sticky_max_allowed_logo_desktop_width : $_logo_image['width'];
			$header_sticky_logo_container_min_width_desktop = bicycleshop_make_css_rule( 'min-width', $temp_width, '%spx' );
			$header_sticky_logo_container_max_width_desktop = bicycleshop_make_css_rule( 'max-width', $temp_width, '%spx' );
			$header_sticky_logo_max_width_half_desktop = (float) ( $temp_width / 2 ) + $bonus_centered_logo_space . 'px';

			//mobile
			$temp_width                      = $_logo_image['width'] > $header_sticky_max_allowed_logo_mobile_width ? $header_sticky_max_allowed_logo_mobile_width : $_logo_image['width'];
			$header_sticky_logo_container_min_width_mobile = bicycleshop_make_css_rule( 'min-width', $temp_width, '%spx' );
			$header_sticky_logo_container_max_width_mobile = bicycleshop_make_css_rule( 'max-width', $temp_width, '%spx' );
			$header_sticky_logo_max_width_half_mobile      = (float) ( $temp_width / 2 ) . 'px';
		}
	}


	/*
	 *  header light variant
	 */
	$header_light_bg_color                  = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_light_bg_color' ) );
	$header_light_mobile_menu_bg_color      = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_light_mobile_menu_bg_color' ) );
	$header_light_separators_color          = $bicycleshop_a13->get_option_color_rgba( 'header_light_separators_color' );
	$header_light_menu_part_bg_color        = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_light_menu_part_bg_color' ) );
	$header_light_shadow                    = $bicycleshop_a13->get_option( 'header_light_shadow' ) === 'off' ? 'box-shadow: none;' : $box_shadow_on_rule;
	$header_light_tools_color               = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_light_tools_color' ) );
	$header_light_tools_color_hover         = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_light_tools_color_hover' ) );
	$header_light_tools_bgcolor             = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_light_tools_color' ) );
	$header_light_tools_bgcolor_hover       = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_light_tools_color_hover' ) );
	$header_light_button_bg_color           = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_light_button_bg_color' ) );
	$header_light_button_bg_color_hover     = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_light_button_bg_color_hover' ) );
	$header_light_button_border_color       = bicycleshop_make_css_rule( 'border-color', $bicycleshop_a13->get_option_color_rgba( 'header_light_button_border_color' ) );
	$header_light_button_border_color_hover = bicycleshop_make_css_rule( 'border-color', $bicycleshop_a13->get_option_color_rgba( 'header_light_button_border_color_hover' ) );
	$header_light_tb_bg_color               = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_light_top_bar_bg_color' ) );
	$header_light_tb_text_color             = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_light_top_bar_text_color' ) );
	$header_light_tb_link_color             = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_light_top_bar_link_color' ) );
	$header_light_tb_link_color_hover       = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_light_top_bar_link_color_hover' ) );
	$header_light_menu_color                = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_light_menu_color' ) );
	$header_light_menu_hover_color_value    = $bicycleshop_a13->get_option_color_rgba( 'header_light_menu_hover_color' );
	$header_light_menu_hover_color          = bicycleshop_make_css_rule( 'color', $header_light_menu_hover_color_value );
	$header_light_menu_hover_bg_color       = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_light_menu_hover_bg_color' ) );
	$header_light_logo_color                = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_light_logo_color' ) );
	$header_light_logo_color_hover          = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_light_logo_color_hover' ) );
	$header_light_logo_image                = bicycleshop_make_css_rule( 'background-image', $bicycleshop_a13->get_option_media_url( 'header_light_logo_image' ), 'url(%s)', 'no_none' );
	$header_light_logo_image_2x             = bicycleshop_make_css_rule( 'background-image', $bicycleshop_a13->get_option_media_url( 'header_light_logo_image_high_dpi' ), 'url(%s)', 'no_none' );


	/*
	 *  header dark variant
	 */
	$header_dark_bg_color                  = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_dark_bg_color' ) );
	$header_dark_mobile_menu_bg_color      = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_dark_mobile_menu_bg_color' ) );
	$header_dark_separators_color          = $bicycleshop_a13->get_option_color_rgba( 'header_dark_separators_color' );
	$header_dark_menu_part_bg_color        = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_dark_menu_part_bg_color' ) );
	$header_dark_shadow                    = $bicycleshop_a13->get_option( 'header_dark_shadow' ) === 'off' ? 'box-shadow: none;' : $box_shadow_on_rule;
	$header_dark_tools_color               = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_dark_tools_color' ) );
	$header_dark_tools_color_hover         = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_dark_tools_color_hover' ) );
	$header_dark_tools_bgcolor             = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_dark_tools_color' ) );
	$header_dark_tools_bgcolor_hover       = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_dark_tools_color_hover' ) );
	$header_dark_button_bg_color           = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_dark_button_bg_color' ) );
	$header_dark_button_bg_color_hover     = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_dark_button_bg_color_hover' ) );
	$header_dark_button_border_color       = bicycleshop_make_css_rule( 'border-color', $bicycleshop_a13->get_option_color_rgba( 'header_dark_button_border_color' ) );
	$header_dark_button_border_color_hover = bicycleshop_make_css_rule( 'border-color', $bicycleshop_a13->get_option_color_rgba( 'header_dark_button_border_color_hover' ) );
	$header_dark_tb_bg_color               = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_dark_top_bar_bg_color' ) );
	$header_dark_tb_text_color             = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_dark_top_bar_text_color' ) );
	$header_dark_tb_link_color             = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_dark_top_bar_link_color' ) );
	$header_dark_tb_link_color_hover       = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_dark_top_bar_link_color_hover' ) );
	$header_dark_menu_color                = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_dark_menu_color' ) );
	$header_dark_menu_hover_color_value    = $bicycleshop_a13->get_option_color_rgba( 'header_dark_menu_hover_color' );
	$header_dark_menu_hover_color          = bicycleshop_make_css_rule( 'color', $header_dark_menu_hover_color_value );
	$header_dark_menu_hover_bg_color       = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'header_dark_menu_hover_bg_color' ) );
	$header_dark_logo_color                = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_dark_logo_color' ) );
	$header_dark_logo_color_hover          = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'header_dark_logo_color_hover' ) );
	$header_dark_logo_image                = bicycleshop_make_css_rule( 'background-image', $bicycleshop_a13->get_option_media_url( 'header_dark_logo_image' ), 'url(%s)', 'no_none' );
	$header_dark_logo_image_2x             = bicycleshop_make_css_rule( 'background-image', $bicycleshop_a13->get_option_media_url( 'header_dark_logo_image_high_dpi' ), 'url(%s)', 'no_none' );


	/*
	 *  to top button
	 */
	$to_top_bg_color       = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'to_top_bg_color' ) );
	$to_top_hover_bg_color = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'to_top_bg_hover_color' ) );
	$to_top_color          = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'to_top_color' ) );
	$to_top_hover_color    = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'to_top_hover_color' ) );
	$to_top_font_size      = bicycleshop_make_css_rule( 'font-size', $bicycleshop_a13->get_option( 'to_top_font_size' ), '%spx' );


	/*
	 *  buttons
	 */
	$button_submit_bg_color       = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'button_submit_bg_color' ) );
	$button_submit_hover_bg_color = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'button_submit_bg_hover_color' ) );
	$button_submit_color          = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'button_submit_color' ) );
	$button_submit_hover_color    = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'button_submit_hover_color' ) );
	$button_submit_font_size      = bicycleshop_make_css_rule( 'font-size', $bicycleshop_a13->get_option( 'button_submit_font_size' ), '%spx' );
	$button_submit_radius         = $bicycleshop_a13->get_option( 'button_submit_radius' ) . 'px';
	$button_submit_weight         = bicycleshop_make_css_rule( 'font-weight', $bicycleshop_a13->get_option( 'button_submit_weight' ) );
	$button_submit_transform      = bicycleshop_make_css_rule( 'text-transform', $bicycleshop_a13->get_option( 'button_submit_transform' ) );
	$button_submit_padding        = $bicycleshop_a13->get_option( 'button_submit_padding' );
	$button_submit_padding_left   = isset( $button_submit_padding['padding-left'] ) ? $button_submit_padding['padding-left'] : '0px';
	$button_submit_padding_right  = isset( $button_submit_padding['padding-right'] ) ? $button_submit_padding['padding-right'] : '0px';



	/*
	 *  posts list(blog)
	 */
//title bar
	$blog_title_bar_image       = bicycleshop_make_css_rule( 'background-image', $bicycleshop_a13->get_option_media_url( 'blog_title_bar_image' ), 'url(%s)' );
	$blog_title_bar_image_fit   = bicycleshop_bg_fit_helper( $bicycleshop_a13->get_option( 'blog_title_bar_image_fit' ) );
	$blog_title_bar_bg_color    = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'blog_title_bar_bg_color' ) );
	$blog_title_bar_title_color = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'blog_title_bar_title_color' ) );
	$blog_title_bar_color_1     = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'blog_title_bar_color_1' ) );
	$blog_title_bar_space_width = $bicycleshop_a13->get_option( 'blog_title_bar_space_width' ) . 'px';

//filter
	$blog_filter_padding        = $bicycleshop_a13->get_option( 'blog_filter_padding' );
	$blog_filter_padding_top    = isset( $blog_filter_padding['padding-top'] ) ? $blog_filter_padding['padding-top'] : '0px';
	$blog_filter_padding_bottom = isset( $blog_filter_padding['padding-bottom'] ) ? $blog_filter_padding['padding-bottom'] : '0px';
	$blog_filter_bg_color       = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'blog_filter_bg_color' ) );
	$blog_filter_color          = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'blog_filter_color' ) );
	$blog_filter_hover_color    = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'blog_filter_hover_color' ) );
	$blog_filter_font_size      = bicycleshop_make_css_rule( 'font-size', $bicycleshop_a13->get_option( 'blog_filter_font_size' ), '%spx' );
	$blog_filter_weight         = bicycleshop_make_css_rule( 'font-weight', $bicycleshop_a13->get_option( 'blog_filter_weight' ) );
	$blog_filter_transform      = bicycleshop_make_css_rule( 'text-transform', $bicycleshop_a13->get_option( 'blog_filter_transform' ) );
	$blog_filter_text_align     = bicycleshop_make_css_rule( 'text-align', $bicycleshop_a13->get_option( 'blog_filter_text_align' ) );


	$post_title_bar_image       = bicycleshop_make_css_rule( 'background-image', $bicycleshop_a13->get_option_media_url( 'post_title_bar_image' ), 'url(%s)' );
	$post_title_bar_image_fit   = bicycleshop_bg_fit_helper( $bicycleshop_a13->get_option( 'post_title_bar_image_fit' ) );
	$post_title_bar_bg_color    = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'post_title_bar_bg_color' ) );
	$post_title_bar_title_color = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'post_title_bar_title_color' ) );
	$post_title_bar_color_1     = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'post_title_bar_color_1' ) );
	$post_title_bar_space_width = $bicycleshop_a13->get_option( 'post_title_bar_space_width' ) . 'px';


	/*
	 *  Pages layout
	 */
	$page_title_bar_image       = bicycleshop_make_css_rule( 'background-image', $bicycleshop_a13->get_option_media_url( 'page_title_bar_image' ), 'url(%s)' );
	$page_title_bar_image_fit   = bicycleshop_bg_fit_helper( $bicycleshop_a13->get_option( 'page_title_bar_image_fit' ) );
	$page_title_bar_bg_color    = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'page_title_bar_bg_color' ) );
	$page_title_bar_title_color = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'page_title_bar_title_color' ) );
	$page_title_bar_color_1     = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'page_title_bar_color_1' ) );
	$page_title_bar_space_width = $bicycleshop_a13->get_option( 'page_title_bar_space_width' ) . 'px';


	/*
	 *  content
	 */
	$content_bg_color         = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'content_bg_color' ) );
	$content_font_size        = bicycleshop_make_css_rule( 'font-size', $bicycleshop_a13->get_option( 'content_font_size' ), '%spx' );
	$content_font_color       = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'content_color' ) );
	$content_link_color       = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'content_link_color' ) );
	$content_link_color_hover = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'content_link_color_hover' ) );
	$content_first_p_show     = ( $bicycleshop_a13->get_option( 'first_paragraph' ) === 'off' ) ? 'font-size: inherit; color: inherit; line-height: inherit;' : '';
	$content_first_p_color    = ( $bicycleshop_a13->get_option( 'first_paragraph' ) === 'off' ) ? '' : bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'first_paragraph_color' ) );
	$page_title_font_size     = bicycleshop_make_css_rule( 'font-size', $bicycleshop_a13->get_option( 'page_title_font_size' ), '%spx' );
	$page_title_font_size_768 = bicycleshop_make_css_rule( 'font-size', $bicycleshop_a13->get_option( 'page_title_font_size_768' ), '%spx' );
	$widget_title_font_size   = bicycleshop_make_css_rule( 'font-size', $bicycleshop_a13->get_option( 'widget_title_font_size' ), '%spx' );
	$widget_font_size         = bicycleshop_make_css_rule( 'font-size', $bicycleshop_a13->get_option( 'widget_font_size' ), '%spx' );


	/*
	 *  lightbox
	 */
	$lg_lightbox_bg_color                     = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'lg_lightbox_bg_color' ) );
	$lg_lightbox_elements_bg_color            = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'lg_lightbox_elements_bg_color' ) );
	$lg_lightbox_elements_color               = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'lg_lightbox_elements_color' ) );
	$lg_lightbox_elements_color_hover         = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'lg_lightbox_elements_color_hover' ) );
	$lg_lightbox_elements_text_color          = bicycleshop_make_css_rule( 'color', $bicycleshop_a13->get_option_color_rgba( 'lg_lightbox_elements_text_color' ) );
	$lg_lightbox_thumbs_bg_color              = bicycleshop_make_css_rule( 'background-color', $bicycleshop_a13->get_option_color_rgba( 'lg_lightbox_thumbs_bg_color' ) );
	$lg_lightbox_thumbs_border_bg_color       = bicycleshop_make_css_rule( 'border-color', $bicycleshop_a13->get_option_color_rgba( 'lg_lightbox_thumbs_border_bg_color' ) );
	$lg_lightbox_thumbs_border_bg_color_hover = bicycleshop_make_css_rule( 'border-color', $bicycleshop_a13->get_option_color_rgba( 'lg_lightbox_thumbs_border_bg_color_hover' ) );

	/*
	 *  fonts
	 */
	$temp                        = $bicycleshop_a13->get_option( 'normal_fonts' );
	$normal_fonts                = ( $temp['font-family'] === 'default' ) ? '' : bicycleshop_make_css_rule( 'font-family', $temp['font-family'], '%s, sans-serif' );
	$normal_fonts_letter_spacing = bicycleshop_make_css_rule( 'letter-spacing', $temp['letter-spacing'] );
	$normal_fonts_word_spacing   = bicycleshop_make_css_rule( 'word-spacing', $temp['word-spacing'] );

	$temp                        = $bicycleshop_a13->get_option( 'titles_fonts' );
	$titles_fonts                = ( $temp['font-family'] === 'default' ) ? '' : bicycleshop_make_css_rule( 'font-family', $temp['font-family'], '%s, sans-serif' );
	$titles_fonts_letter_spacing = bicycleshop_make_css_rule( 'letter-spacing', $temp['letter-spacing'] );
	$titles_fonts_word_spacing   = bicycleshop_make_css_rule( 'word-spacing', $temp['word-spacing'] );

	$temp                        = $bicycleshop_a13->get_option( 'logo_fonts', $temp );//default to titles fonts as it was in previous versions
	$logo_fonts                = ( $temp['font-family'] === 'default' ) ? '' : bicycleshop_make_css_rule( 'font-family', $temp['font-family'], '%s, sans-serif' );
	$logo_fonts_letter_spacing = bicycleshop_make_css_rule( 'letter-spacing', $temp['letter-spacing'] );
	$logo_fonts_word_spacing   = bicycleshop_make_css_rule( 'word-spacing', $temp['word-spacing'] );

	$temp                          = $bicycleshop_a13->get_option( 'nav_menu_fonts' );
	$nav_menu_fonts                = ( $temp['font-family'] === 'default' ) ? '' : bicycleshop_make_css_rule( 'font-family', $temp['font-family'], '%s, sans-serif' );
	$nav_menu_fonts_letter_spacing = bicycleshop_make_css_rule( 'letter-spacing', $temp['letter-spacing'] );
	$nav_menu_fonts_word_spacing   = bicycleshop_make_css_rule( 'word-spacing', $temp['word-spacing'] );


	/**********************************
	 * START OF CSS
	 **********************************/
	$user_css = '';

//prelaoder
	$user_css .= bicycleshop_page_preloader_css();

//menu hover effect
	$menu_hover_effect          = $bicycleshop_a13->get_option( 'menu_hover_effect' );
	$menu_hover_effect_property = 'background-color';
	$ignored_effects            = array( 'none', 'show_icon' );
	if ( strlen( $menu_hover_effect ) && ! in_array( $menu_hover_effect, $ignored_effects ) ) {
		$menu_hover_effect_css_file = get_theme_file_path( 'css/menu-effects/' . $menu_hover_effect . '.css' );
		$content = bicycleshop_read_contents( $menu_hover_effect_css_file );

		$user_css .= ($content === false ? '' : $content);

		$border_menu_effects = array( 'iris' );
		//check if this effect switch different property
		if ( in_array( $menu_hover_effect, $border_menu_effects ) ) {
			$menu_hover_effect_property = 'border-color';
		}
	}


	$user_css .= "
/* ==================
   GLOBAL
   ==================*/
a{
    $content_link_color
}
a:hover{
    $content_link_color_hover
}
body{
    $cursor_css
}

" . bicycleshop_page_background_css() . "

/* GLOBAL SIDEBARS */
#basket-menu{
	$basket_sidebar_bg_color
}
#basket-menu, #basket-menu .widget{
	$basket_sidebar_font_size
}
#side-menu{
	$hidden_sidebar_bg_color
}
#side-menu, #side-menu .widget{
	$hidden_sidebar_font_size
}

/* boxed layout */
.site-layout-boxed #mid{
    $boxed_layout_bg_color
}

/* theme borders */
.theme-borders div{
    $theme_borders_color
}

/* lightbox */
.lg-backdrop {
    $lg_lightbox_bg_color
}
.lg-toolbar,
.lg-sub-html .customHtml h4,
.lg-sub-html .customHtml .description,
.lg-actions .lg-next, .lg-actions .lg-prev{
    $lg_lightbox_elements_bg_color
}
.lg-toolbar .lg-icon,
.lg-actions .lg-next, .lg-actions .lg-prev{
    $lg_lightbox_elements_color
}
.lg-toolbar .lg-icon:hover,
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover{
    $lg_lightbox_elements_color_hover
}
#lg-counter,
.lg-sub-html,
.customHtml > h4{
    $lg_lightbox_elements_text_color
}
.lg-outer .lg-thumb-outer,
.lg-outer .lg-toogle-thumb{
    $lg_lightbox_thumbs_bg_color
}
.lg-outer .lg-thumb-item {
    $lg_lightbox_thumbs_border_bg_color
}
.lg-outer .lg-thumb-item:hover {
    $lg_lightbox_thumbs_border_bg_color_hover
}


/* ==================
   TYPOGRAPHY
   ==================*/
/* Titles and titles alike font */
h1,h2,h3,h4,h5,h6,
h1 a,h2 a,h3 a,h4 a,h5 a, h6 a,
.page-title,
.widget .title{
    $headings_color
    $titles_fonts
    $titles_fonts_letter_spacing
    $titles_fonts_word_spacing
    $headings_weight
    $headings_transform
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,
.post .post-title a:hover, .post a.post-title:hover{
    $headings_color_hover
}
input[type=\"submit\"],
form button,
.posts-nav a span,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
ul.products .product-meta .product_name{
    $titles_fonts
    $titles_fonts_letter_spacing
    $titles_fonts_word_spacing
}

/* Top menu font */
ul.top-menu,
#menu-overlay{
	$nav_menu_fonts
}
ul.top-menu li,
#menu-overlay li{
	$nav_menu_fonts_letter_spacing
	$nav_menu_fonts_word_spacing
}

/* Text content font */
html,input,select,textarea{
    $normal_fonts
    $normal_fonts_letter_spacing
    $normal_fonts_word_spacing
}




/* ==================
   HEADER
   ==================*/

#header-tools .tool,
#header-tools .tool a{
    $header_tools_color
}
#header-tools .tool:hover,
#header-tools .tool a:hover,
#header-tools .tool.highlight,
#header-tools .tool.active{
	$header_tools_color_hover
}
" . bicycleshop_header_button_css() . "
#header-tools .languages{
	$header_bg_color
}
.hamburger i,
.hamburger i::before,
.hamburger i::after{
	$header_tools_bgcolor
}
.hamburger.active i,
.hamburger.active i::before,
.hamburger.active i::after,
.hamburger:hover i,
.hamburger:hover i::before,
.hamburger:hover i::after{
	$header_tools_bgcolor_hover
}
#header-tools #mobile-menu-opener{
	$header_tools_mobile_menu_icon_size
}
#header-tools #basket-menu-switch{
	$header_tools_basket_sidebar_icon_size
}
#header-tools #search-button{
	$header_tools_header_search_icon_size
}
#header-tools #side-menu-switch{
	$header_tools_hidden_sidebar_icon_size
}
#header-tools #menu-overlay-switch{
	$header_tools_menu_overlay_icon_size
}
#header{
    $header_bg_color
    $header_shadow
    $header_bg_image
    $header_image_fit
}
#header:hover{
    $header_bg_hover_color
}
#header.a13-horizontal{
	$header_border_style
}
.header-type-multi_line .bottom-head{
	$header_menu_part_bg_color
}
.header-horizontal #header .head,
.top-bar-container .top-bar{
	$header_content_padding_left
	$header_content_padding_right
}

/* separators color */
#header.a13-horizontal,
.top-bar-container,
.header-type-multi_line .bottom-head{
	border-color: $header_separators_color;
}
.a13-horizontal #header-tools::before,
.a13-horizontal .head .socials::before,
.top-bar .language-switcher li::before{
    background-color: $header_separators_color;
}

/* LOGO */
a.logo{
	$logo_color
    $logo_font_size
    $logo_weight
    $logo_fonts
    $logo_fonts_letter_spacing
    $logo_fonts_word_spacing
    padding-top: $logo_padding_top;
    padding-bottom: $logo_padding_bottom;
    $logo_image
    $logo_image_height
}
a.logo img{
    $logo_image_height
}
a.normal-logo{
    $logo_image
}
a.logo:hover{
	$logo_color_hover
}
a.logo.image-logo{
	$logo_image_opacity
}
a.logo.image-logo:hover{
    $logo_image_opacity_hover;
}
.header-horizontal .logo-container{
    $logo_container_min_width_desktop
}
.header-variant-one_line_centered .logo-container,
.header-horizontal .logo-container a.logo{
    $logo_container_max_width_desktop
}
.header-variant-one_line_centered.sticky-values .logo-container.shield{
	-webkit-transform: translate(-50%, $logo_shield_hide);
		-ms-transform: translate(-50%, $logo_shield_hide);
			transform: translate(-50%, $logo_shield_hide);
}
.header-variant-one_line_centered.sticky-hide .logo-container.shield,
.header-variant-one_line_centered.hide-until-scrolled-to .logo-container.shield{
	-webkit-transform: translate(-50%, -102%);
		-ms-transform: translate(-50%, -102%);
			transform: translate(-50%, -102%);
}
.header-variant-one_line_centered .logo-container.shield:hover{
	-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
			transform: translate(-50%, 0);
}
.header-variant-one_line_centered .menu-cell{
	$menu_width
}
.header-variant-one_line_centered .socials-cell,
.header-variant-one_line_centered .tools-cell{
	$sides_width
}
.header-variant-one_line_centered .menu-cell .top-menu{
	width: 50%;
	width: calc(50% - $logo_max_width_half_desktop);
}
.header-variant-one_line_centered .logo-container.shield{
	padding-left: $logo_shield_padding;
    padding-right: $logo_shield_padding;
}
.header-variant-one_line_centered .logo-container .scaling-svg-container path{
	$logo_shield_bg_color
}
@media only screen and (max-width: 1024px) {
	a.logo{
	    padding-top: $logo_padding_top_mobile;
	    padding-bottom: $logo_padding_bottom_mobile;
	}
	.header-horizontal .logo-container{
        $logo_container_min_width_mobile
	}
	.header-variant-one_line_centered .logo-container,
	.header-horizontal .logo-container a.logo{
	    $logo_container_max_width_mobile
	}
	.header-variant-one_line_centered .logo-container.shield,
	.header-variant-one_line_centered.sticky-values .logo-container.shield{
		-webkit-transform: translate(-50%, $logo_shield_hide_mobile);
			-ms-transform: translate(-50%, $logo_shield_hide_mobile);
				transform: translate(-50%, $logo_shield_hide_mobile);
	}
	.header-variant-one_line_centered.sticky-hide .logo-container.shield,
	.mobile-menu-open .header-variant-one_line_centered .logo-container.shield,
	.header-variant-one_line_centered.hide-until-scrolled-to .logo-container.shield{
		-webkit-transform: translate(-50%, -102%);
			-ms-transform: translate(-50%, -102%);
				transform: translate(-50%, -102%);
	}
	.header-variant-one_line_centered .logo-container.shield:hover{
		-webkit-transform: translate(-50%, 0);
			-ms-transform: translate(-50%, 0);
				transform: translate(-50%, 0);
	}
	.header-variant-one_line_centered .menu-cell{
		/* no sticky CSS for this as icons might jump around then */
		$mobile_logo_shield_space
	}
	.header-variant-one_line_centered .menu-cell .top-menu{
		width: 50%;
		width: calc(50% - $logo_max_width_half_mobile);
	}
}

/* MAIN MENU */
.sitenav ul li.menu-item-has-children:hover > ul, .sitenav ul li.menu-item-has-children:focus > ul, .sitenav ul li.menu-item-has-children.focus > ul, .top-menu ul{
	$header_bg_color
	$header_bg_hover_color
    $submenu_bg_color
}
.mega-menu > ul > li::before {
	$submenu_separator_color
}

.sitenav ul,
.top-menu > li > a,
.top-menu > li > span.title,
.top-menu .mega-menu > ul > li > span.title,
.top-menu .mega-menu > ul > li > a{
    $menu_font_size
    $menu_weight
    $menu_transform
}
.top-menu li a,
.top-menu li span.title{
    $menu_color
}

.main-menu-area{
    $menu_bg_color
}

.socials a{
    background-color: $footer_socials_bg_color !important;
}

.top-menu i.sub-mark{
    $menu_color
}

.sitenav ul li a{
	 $menu_color
}

/* hover and active */
.top-menu > li:hover,
.top-menu > li.open,
.top-menu > li.current-menu-item,
.top-menu > li.current-menu-ancestor{
    $menu_hover_bg_color;
}
.top-menu > li > a:hover,
.top-menu > li.menu-parent-item:hover > span.title,
.top-menu > li.open > a,
.top-menu > li.open > span.title,
.top-menu > li.current_page_item > a,
.top-menu > li.current_page_item > span.title,
.top-menu > li.current-menu-item > a,
.top-menu > li.current-menu-ancestor > a,
.top-menu > li.current-menu-item > span.title,
.top-menu > li.current-menu-ancestor > span.title,
.menu-container :focus{
    color: $menu_hover_color;
}
.top-menu li.menu-parent-item:hover > span.title + i.sub-mark,
.top-menu i.sub-mark:hover,
.top-menu li.open > i.sub-mark{
    color: $menu_hover_color;
}

.sitenav ul li a:hover, .sitenav ul li.current-menu-item a,  .sitenav ul li.current_page_item a{color: $menu_hover_color !important;}

.top-menu.with-effect > li > a span::before,
.top-menu.with-effect > li > a span::after,
.top-menu.with-effect > li > span.title span::before,
.top-menu.with-effect > li > span.title span::after,
.top-menu.with-effect > li > a em::before,
.top-menu.with-effect > li > a em::after,
.top-menu.with-effect > li > span.title em::before,
.top-menu.with-effect > li > span.title em::after{
   $menu_hover_effect_property: $menu_hover_color;
}
/* group titles */
.top-menu .mega-menu > ul > li > span.title,
.top-menu .mega-menu > ul > li > a{
    $submenu_color !important;
}

.sitenav ul li ul li a{
    $submenu_color !important;
}

.sitenav ul li a:hover, .sitenav ul li.current-menu-item a, .sitenav ul li.current_page_item a{
	    $submenu_color_hover !important;
}

.top-menu .mega-menu > ul > li:hover > span.title,
.top-menu .mega-menu > ul > li:hover > a,
.top-menu .mega-menu > ul > li.current-menu-item > span.title,
.top-menu .mega-menu > ul > li.current-menu-item > a,
.top-menu .mega-menu > ul > li.current-menu-ancestor > span.title,
.top-menu .mega-menu > ul > li.current-menu-ancestor > a{
    $submenu_color_hover  !important;
}
.top-menu li li a,
.top-menu li li span.title{
    $submenu_font_size
    $submenu_weight
    $submenu_transform
    $submenu_color
}
.top-menu li li:hover > a,
.top-menu li li:hover > span.title,
.top-menu li li.menu-parent-item:hover > span.title,
.top-menu li li.open > a,
.top-menu li li.open > span.title,
.top-menu li li.current-menu-item > a,
.top-menu li li.current-menu-ancestor > a,
.top-menu li li.current-menu-item > span.title,
.top-menu li li.current-menu-ancestor > span.title{
    $submenu_color_hover;
}
.top-menu li li i.sub-mark{
    $submenu_color
}
.top-menu li li.menu-parent-item:hover > span.title + i.sub-mark,
.top-menu li li i.sub-mark:hover,
.top-menu li li.open > i.sub-mark{
    $submenu_color_hover
}


@media only screen and (max-width: 1024px) {
	.mobile-menu .navigation-bar .menu-container{
	    $header_mobile_menu_bg_color
	}
	.header-vertical .logo-container .logo{
        $logo_container_max_width_mobile
	}
}
@media only screen and (min-width: 1025px) {
	.header-vertical .top-menu li a,
	.header-vertical .top-menu li span.title {
	    $menu_line_height
	}
	.header-vertical .top-menu > li.hidden-icon > a,
	.header-vertical .top-menu > li.hidden-icon > span.title{
		$menu_hidden_icon_height
	}
}

/* MENU OVERLAY */
#menu-overlay,
#menu-overlay.eff-circle::before{
	$header_menu_overlay_bg_color
}
#menu-overlay ul a{
	$header_menu_overlay_color
	$header_menu_overlay_font_size
	$header_menu_overlay_transform
	$header_menu_overlay_weight
}
#menu-overlay ul a:hover{
	$header_menu_overlay_color_hover
}
.close-menu::before,
.close-menu::after{
	$header_menu_overlay_bgcolor
}


/* ==================
   TOP BAR
   ==================*/
.top-bar-container{
	$tb_bg_color
	$tb_border_style
	$tb_text_color
	$tb_text_transform
}
.top-bar-container a{
	$tb_link_color
}
.top-bar-container a.current,
.top-bar-container a:hover{
	$tb_link_color_hover
}
.top-bar .part1{
    $tb_text_msg_part_text_align
}

/* ==================
   LIGHT VARIANT HEADER OVERWRITES
   ==================*/
/* Main */
#header.a13-light-variant,
#header.a13-light-variant:hover{
	$header_light_bg_color
	$header_light_shadow
}
#header.a13-light-variant{
	border-color: $header_light_separators_color;
}
.a13-light-variant .top-bar-container,
.header-type-multi_line.a13-light-variant .bottom-head{
	border-color: $header_light_separators_color;
}
.a13-light-variant #header-tools::before,
.a13-light-variant .head .socials::before,
.a13-light-variant .top-bar .language-switcher li::before {
	background-color: $header_light_separators_color;
}
.a13-light-variant.header-type-multi_line .bottom-head{
	$header_light_menu_part_bg_color
}

/* Logo */
a.light-logo{
	$header_light_logo_image
}
.a13-light-variant a.logo{
	$header_light_logo_color
}
.a13-light-variant a.logo:hover{
	$header_light_logo_color_hover
}

/* Menu */
.a13-light-variant .top-menu > li > a, .a13-light-variant .top-menu > li > span.title {
	$header_light_menu_color
}
.a13-light-variant .top-menu > li:hover,
.a13-light-variant .top-menu > li.open,
.a13-light-variant .top-menu > li.current-menu-item,
.a13-light-variant .top-menu > li.current-menu-ancestor{
    $header_light_menu_hover_bg_color;
}
.a13-light-variant .top-menu > li > a:hover,
.a13-light-variant .top-menu > li.menu-parent-item:hover > span.title,
.a13-light-variant .top-menu > li.open > a,
.a13-light-variant .top-menu > li.open > span.title,
.a13-light-variant .top-menu > li.current-menu-item > a,
.a13-light-variant .top-menu > li.current-menu-ancestor > a,
.a13-light-variant .top-menu > li.current-menu-item > span.title,
.a13-light-variant .top-menu > li.current-menu-ancestor > span.title{
	$header_light_menu_hover_color
}
.a13-light-variant .top-menu > li > i.sub-mark{
	$header_light_menu_color
}
.a13-light-variant .top-menu > li.menu-parent-item:hover > span.title + i.sub-mark,
.a13-light-variant .top-menu > li > i.sub-mark:hover,
.a13-light-variant .top-menu > li.open > i.sub-mark {
	$header_light_menu_hover_color
}
.a13-light-variant .top-menu.with-effect > li > a span::before,
.a13-light-variant .top-menu.with-effect > li > a span::after,
.a13-light-variant .top-menu.with-effect > li > span.title span::before,
.a13-light-variant .top-menu.with-effect > li > span.title span::after,
.a13-light-variant .top-menu.with-effect > li > a em::before,
.a13-light-variant .top-menu.with-effect > li > a em::after,
.a13-light-variant .top-menu.with-effect > li > span.title em::before,
.a13-light-variant .top-menu.with-effect > li > span.title em::after{
   $menu_hover_effect_property: $header_light_menu_hover_color_value;
}

/* Tools */
.a13-light-variant #header-tools .tool,
.a13-light-variant #header-tools .tool a{
	$header_light_tools_color
}
.a13-light-variant #header-tools .tool:hover,
.a13-light-variant #header-tools .tool a:hover,
.a13-light-variant #header-tools .tool.highlight,
.a13-light-variant #header-tools .tool.active{
	$header_light_tools_color_hover
}
.a13-light-variant .tools_button {
	$header_light_tools_color
	$header_light_button_bg_color
	$header_light_button_border_color
}
.a13-light-variant .tools_button:hover {
	$header_light_tools_color_hover
	$header_light_button_bg_color_hover
	$header_light_button_border_color_hover
}
.a13-light-variant #header-tools .languages{
	$header_light_bg_color
}
.a13-light-variant .hamburger i,
.a13-light-variant .hamburger i::before,
.a13-light-variant .hamburger i::after{
	$header_light_tools_bgcolor
}
.a13-light-variant .hamburger.active i,
.a13-light-variant .hamburger.active i::before,
.a13-light-variant .hamburger.active i::after,
.a13-light-variant .hamburger:hover i,
.a13-light-variant .hamburger:hover i::before,
.a13-light-variant .hamburger:hover i::after{
	$header_light_tools_bgcolor_hover
}

/* Top bar */
.a13-light-variant .topbar_tools_button {
	$header_light_tools_color
	$header_light_button_bg_color
	$header_light_button_border_color
}
.a13-light-variant .topbar_tools_button:hover {
	$header_light_tools_color_hover
	$header_light_button_bg_color_hover
	$header_light_button_border_color_hover
}
.a13-light-variant .top-bar-container{
	$header_light_tb_bg_color
	$header_light_tb_text_color
}
.a13-light-variant .top-bar-container .part1 a,
.a13-light-variant .top-bar-container .language-switcher a{
	$header_light_tb_link_color
}
.a13-light-variant .top-bar-container .part1 a:hover,
.a13-light-variant .top-bar-container .language-switcher a:hover,
.a13-light-variant .top-bar-container .language-switcher a.current{
	$header_light_tb_link_color_hover
}

@media only screen and (max-width: 1024px) {
	.a13-light-variant.mobile-menu .navigation-bar .menu-container{
	    $header_light_mobile_menu_bg_color
	}
}


/* ==================
   DARK VARIANT HEADER OVERWRITES
   ==================*/
/* Main */
#header.a13-dark-variant,
#header.a13-dark-variant:hover{
	$header_dark_bg_color
	$header_dark_shadow
}
#header.a13-dark-variant{
	border-color: $header_dark_separators_color;
}
.a13-dark-variant .top-bar-container,
.header-type-multi_line.a13-dark-variant .bottom-head{
	border-color: $header_dark_separators_color;
}
.a13-dark-variant #header-tools::before,
.a13-dark-variant .head .socials::before,
.a13-dark-variant .top-bar .language-switcher li::before {
	background-color: $header_dark_separators_color;
}
.a13-dark-variant.header-type-multi_line .bottom-head{
	$header_dark_menu_part_bg_color
}

/* Logo */
a.dark-logo{
	$header_dark_logo_image
}
.a13-dark-variant a.logo{
	$header_dark_logo_color
}
.a13-dark-variant a.logo:hover{
	$header_dark_logo_color_hover
}

/* Menu */
.a13-dark-variant .top-menu > li > a, .a13-dark-variant .top-menu > li > span.title {
	$header_dark_menu_color
}
.a13-dark-variant .top-menu > li:hover,
.a13-dark-variant .top-menu > li.open,
.a13-dark-variant .top-menu > li.current-menu-item,
.a13-dark-variant .top-menu > li.current-menu-ancestor{
    $header_dark_menu_hover_bg_color;
}
.a13-dark-variant .top-menu > li > a:hover,
.a13-dark-variant .top-menu > li.menu-parent-item:hover > span.title,
.a13-dark-variant .top-menu > li.open > a,
.a13-dark-variant .top-menu > li.open > span.title,
.a13-dark-variant .top-menu > li.current-menu-item > a,
.a13-dark-variant .top-menu > li.current-menu-ancestor > a,
.a13-dark-variant .top-menu > li.current-menu-item > span.title,
.a13-dark-variant .top-menu > li.current-menu-ancestor > span.title{
	$header_dark_menu_hover_color
}
.a13-dark-variant .top-menu > li > i.sub-mark{
	$header_dark_menu_color
}
.a13-dark-variant .top-menu > li.menu-parent-item:hover > span.title + i.sub-mark,
.a13-dark-variant .top-menu > li > i.sub-mark:hover,
.a13-dark-variant .top-menu > li.open > i.sub-mark {
	$header_dark_menu_hover_color
}
.a13-dark-variant .top-menu.with-effect > li > a span::before,
.a13-dark-variant .top-menu.with-effect > li > a span::after,
.a13-dark-variant .top-menu.with-effect > li > span.title span::before,
.a13-dark-variant .top-menu.with-effect > li > span.title span::after,
.a13-dark-variant .top-menu.with-effect > li > a em::before,
.a13-dark-variant .top-menu.with-effect > li > a em::after,
.a13-dark-variant .top-menu.with-effect > li > span.title em::before,
.a13-dark-variant .top-menu.with-effect > li > span.title em::after{
   $menu_hover_effect_property: $header_dark_menu_hover_color_value;
}

/* Tools */
.a13-dark-variant #header-tools .tool,
.a13-dark-variant #header-tools .tool a{
	$header_dark_tools_color
}
.a13-dark-variant #header-tools .tool:hover,
.a13-dark-variant #header-tools .tool a:hover,
.a13-dark-variant #header-tools .tool.highlight,
.a13-dark-variant #header-tools .tool.active{
	$header_dark_tools_color_hover
}
.a13-dark-variant .tools_button {
	$header_dark_tools_color
	$header_dark_button_bg_color
	$header_dark_button_border_color
}
.a13-dark-variant .tools_button:hover {
	$header_dark_tools_color_hover
	$header_dark_button_bg_color_hover
	$header_dark_button_border_color_hover
}
.a13-dark-variant #header-tools .languages{
	$header_dark_bg_color
}
.a13-dark-variant .hamburger i,
.a13-dark-variant .hamburger i::before,
.a13-dark-variant .hamburger i::after{
	$header_dark_tools_bgcolor
}
.a13-dark-variant .hamburger.active i,
.a13-dark-variant .hamburger.active i::before,
.a13-dark-variant .hamburger.active i::after,
.a13-dark-variant .hamburger:hover i,
.a13-dark-variant .hamburger:hover i::before,
.a13-dark-variant .hamburger:hover i::after{
	$header_dark_tools_bgcolor_hover
}

/* Top bar */
.a13-dark-variant .top-bar-container{
	$header_dark_tb_bg_color
	$header_dark_tb_text_color
}
.a13-dark-variant .top-bar-container .part1 a,
.a13-dark-variant .top-bar-container .language-switcher a{
	$header_dark_tb_link_color
}
.a13-dark-variant .top-bar-container .part1 a:hover,
.a13-dark-variant .top-bar-container .language-switcher a:hover,
.a13-dark-variant .top-bar-container .language-switcher a.current{
	$header_dark_tb_link_color_hover
}

@media only screen and (max-width: 1024px) {
	.a13-dark-variant.mobile-menu .navigation-bar .menu-container{
	    $header_dark_mobile_menu_bg_color
	}
}


/* ==================
   STICKY HEADER OVERWRITES
   ==================*/
/* Main */
#header.a13-sticky-variant,
#header.a13-sticky-variant:hover{
	$header_sticky_bg_color
	border-color: $header_sticky_separators_color;
	$header_sticky_shadow
}
.a13-sticky-variant .top-bar-container,
.header-type-multi_line.a13-sticky-variant .bottom-head{
	border-color: $header_sticky_separators_color;
}
.a13-sticky-variant #header-tools::before,
.a13-sticky-variant .head .socials::before,
.a13-sticky-variant .top-bar .language-switcher li::before {
	background-color: $header_sticky_separators_color;
}
.a13-sticky-variant.header-type-multi_line .bottom-head{
	$header_sticky_menu_part_bg_color
}

/* Logo */
a.sticky-logo{
	$header_sticky_logo_image
}
.sticky-values a.logo{
    padding-top: $header_sticky_logo_padding_top;
    padding-bottom: $header_sticky_logo_padding_bottom;
}
.header-horizontal .sticky-values .logo-container{
    $header_sticky_logo_container_min_width_desktop
}
.header-variant-one_line_centered.sticky-values .logo-container,
.header-horizontal .sticky-values .logo-container a.logo{
    $header_sticky_logo_container_max_width_desktop
}
.header-variant-one_line_centered.sticky-values .menu-cell .top-menu{
	width: 50%;
	width: calc(50% - $header_sticky_logo_max_width_half_desktop);
}
.a13-sticky-variant a.logo{
	$header_sticky_logo_color
}
.a13-sticky-variant a.logo:hover{
	$header_sticky_logo_color_hover
}

/* Menu */
.a13-sticky-variant .top-menu > li > a, .a13-sticky-variant .top-menu > li > span.title {
	$header_sticky_menu_color
}
.a13-sticky-variant .top-menu > li:hover,
.a13-sticky-variant .top-menu > li.open,
.a13-sticky-variant .top-menu > li.current-menu-item,
.a13-sticky-variant .top-menu > li.current-menu-ancestor{
    $header_sticky_menu_hover_bg_color;
}
.a13-sticky-variant .top-menu > li > a:hover,
.a13-sticky-variant .top-menu > li.menu-parent-item:hover > span.title,
.a13-sticky-variant .top-menu > li.open > a,
.a13-sticky-variant .top-menu > li.open > span.title,
.a13-sticky-variant .top-menu > li.current-menu-item > a,
.a13-sticky-variant .top-menu > li.current-menu-ancestor > a,
.a13-sticky-variant .top-menu > li.current-menu-item > span.title,
.a13-sticky-variant .top-menu > li.current-menu-ancestor > span.title{
	$header_sticky_menu_hover_color
}
.a13-sticky-variant .top-menu > li > i.sub-mark{
	$header_sticky_menu_color
}
.a13-sticky-variant .top-menu > li.menu-parent-item:hover > span.title + i.sub-mark,
.a13-sticky-variant .top-menu > li > i.sub-mark:hover,
.a13-sticky-variant .top-menu > li.open > i.sub-mark {
	$header_sticky_menu_hover_color
}
.a13-sticky-variant .top-menu.with-effect > li > a span::before,
.a13-sticky-variant .top-menu.with-effect > li > a span::after,
.a13-sticky-variant .top-menu.with-effect > li > span.title span::before,
.a13-sticky-variant .top-menu.with-effect > li > span.title span::after,
.a13-sticky-variant .top-menu.with-effect > li > a em::before,
.a13-sticky-variant .top-menu.with-effect > li > a em::after,
.a13-sticky-variant .top-menu.with-effect > li > span.title em::before,
.a13-sticky-variant .top-menu.with-effect > li > span.title em::after{
   $menu_hover_effect_property: $header_sticky_menu_hover_color_value;
}

/* Tools */
.a13-sticky-variant #header-tools .tool,
.a13-sticky-variant #header-tools .tool a{
	$header_sticky_tools_color
}
.a13-sticky-variant #header-tools .tool:hover,
.a13-sticky-variant #header-tools .tool a:hover,
.a13-sticky-variant #header-tools .tool.highlight,
.a13-sticky-variant #header-tools .tool.active{
	$header_sticky_tools_color_hover
}
.a13-sticky-variant .hamburger i,
.a13-sticky-variant .hamburger i::before,
.a13-sticky-variant .hamburger i::after{
	$header_sticky_tools_bgcolor
}
.a13-sticky-variant .hamburger.active i,
.a13-sticky-variant .hamburger.active i::before,
.a13-sticky-variant .hamburger.active i::after,
.a13-sticky-variant .hamburger:hover i,
.a13-sticky-variant .hamburger:hover i::before,
.a13-sticky-variant .hamburger:hover i::after{
	$header_sticky_tools_bgcolor_hover
}
.a13-sticky-variant .tools_button {
	$header_sticky_tools_color
	$header_sticky_button_bg_color
	$header_sticky_button_border_color
}
.a13-sticky-variant .tools_button:hover {
	$header_sticky_tools_color_hover
	$header_sticky_button_bg_color_hover
	$header_sticky_button_border_color_hover
}
.a13-sticky-variant #header-tools .languages{
	$header_sticky_bg_color
}

/* Top bar */
.a13-sticky-variant .top-bar-container{
	$header_sticky_tb_bg_color
	$header_sticky_tb_text_color
}
.a13-sticky-variant .top-bar-container .part1 a,
.a13-sticky-variant .top-bar-container .language-switcher a{
	$header_sticky_tb_link_color
}
.a13-sticky-variant .top-bar-container .part1 a:hover,
.a13-sticky-variant .top-bar-container .language-switcher a:hover,
.a13-sticky-variant .top-bar-container .language-switcher a.current{
	$header_sticky_tb_link_color_hover
}

@media only screen and (max-width: 1024px) {
	.a13-sticky-variant.mobile-menu .navigation-bar .menu-container{
	    $header_sticky_mobile_menu_bg_color
	}
	.sticky-values a.logo{
	    padding-top: $header_sticky_logo_padding_top_mobile;
	    padding-bottom: $header_sticky_logo_padding_bottom_mobile;
	}
	.header-horizontal .sticky-values .logo-container{
        $header_sticky_logo_container_min_width_mobile
	}
	.header-variant-one_line_centered.sticky-values .logo-container,
	.header-horizontal .sticky-values .logo-container a.logo{
	    $header_sticky_logo_container_max_width_mobile
	}
	.header-variant-one_line_centered.sticky-values .menu-cell .top-menu{
		width: 50%;
		width: calc(50% - $header_sticky_logo_max_width_half_mobile);
	}
}

" . bicycleshop_cookie_message_css() . "
" . bicycleshop_footer_css() . "



/* ==================
   TO TOP BUTTON
   ==================*/
a.to-top{
	$to_top_bg_color
	$to_top_color
	$to_top_font_size
}
a.to-top:hover {
	$to_top_hover_bg_color
	$to_top_hover_color
}



/* ==================
   BUTTONS
   ==================*/
input[type=\"submit\"],
button[type=\"submit\"]{
	$button_submit_bg_color
	$button_submit_color
	$button_submit_font_size
	$button_submit_weight
	$button_submit_transform
	padding-left: $button_submit_padding_left;
	padding-right: $button_submit_padding_right;
	-webkit-border-radius: $button_submit_radius;
			border-radius: $button_submit_radius;
}
input[type=\"submit\"]:hover,
input[type=\"submit\"]:focus,
button[type=\"submit\"]:hover,
button[type=\"submit\"]:focus{
	$button_submit_hover_bg_color
	$button_submit_hover_color
}



/* ==================
   PAGES
   ==================*/
.page .title-bar.outside{
    $page_title_bar_image
    $page_title_bar_image_fit

}
.page .title-bar.outside .overlay-color{
    $page_title_bar_bg_color
    padding-top: $page_title_bar_space_width;
    padding-bottom: $page_title_bar_space_width;

}
.page .title-bar.outside .page-title,
.page .title-bar.outside h2{
    $page_title_bar_title_color
}
.page .title-bar.outside .breadcrumbs,
.page .title-bar.outside .breadcrumbs a,
.page .title-bar.outside .breadcrumbs a:hover{
    $page_title_bar_color_1
}

/* posts list */
.category-filter.posts-filter{
	padding-top: $blog_filter_padding_top;
    padding-bottom: $blog_filter_padding_bottom;
	$blog_filter_bg_color
	$blog_filter_text_align
}
.category-filter.posts-filter a{
	$blog_filter_color
	$blog_filter_font_size
	$blog_filter_weight
	$blog_filter_transform
}
.category-filter.posts-filter .selected a,
.category-filter.posts-filter a:hover{
    $blog_filter_hover_color
}

/* ==================
   POSTS LIST & POST
   ==================*/
.posts-list .title-bar.outside{
    $blog_title_bar_image
    $blog_title_bar_image_fit
}
.posts-list .title-bar.outside .overlay-color{
    $blog_title_bar_bg_color
    padding-top: $blog_title_bar_space_width;
    padding-bottom: $blog_title_bar_space_width;

}
.posts-list .title-bar.outside .page-title,
.posts-list .title-bar.outside h2{
    $blog_title_bar_title_color
}
.posts-list .title-bar.outside .breadcrumbs,
.posts-list .title-bar.outside .breadcrumbs a,
.posts-list .title-bar.outside .breadcrumbs a:hover{
    $blog_title_bar_color_1
}
.single-post .title-bar.outside{
    $post_title_bar_image
    $post_title_bar_image_fit

}
.single-post .title-bar.outside .overlay-color{
    $post_title_bar_bg_color
    padding-top: $post_title_bar_space_width;
    padding-bottom: $post_title_bar_space_width;
}
.single-post .title-bar.outside .page-title,
.single-post .title-bar.outside h2{
    $post_title_bar_title_color
}
.single-post .title-bar.outside .post-meta,
.single-post .title-bar.outside .post-meta a,
.single-post .title-bar.outside .post-meta a:hover,
.single-post .title-bar.outside .breadcrumbs,
.single-post .title-bar.outside .breadcrumbs a,
.single-post .title-bar.outside .breadcrumbs a:hover{
    $post_title_bar_color_1
}
" . ( bicycleshop_is_woocommerce_activated() ? bicycleshop_woocommerce_css() : '' ) . "

/* ==================
   CONTENT
   ==================*/
.layout-full #content,
.layout-full_fixed #content,
.layout-full_padding #content,
.layout-parted .content-box,
.layout-parted #secondary,
.default404 .page-background,
body.password-protected .page-background,
.posts-list.search-no-results .layout-full #content,
.posts-list.search-no-results .layout-full_fixed #content,
.posts-list.search-no-results .layout-full_padding #content,
.posts-list.search-no-results .layout-parted .content-box,
.posts-list .layout-full #secondary,
.posts-list .layout-full_fixed #secondary,
.posts-list .layout-full_padding #secondary,
.bricks-frame .formatter,
.posts_horizontal .archive-item,
.variant-under .caption{
	$content_bg_color
}
#content{
    $content_font_size
    $content_font_color
}
.real-content > p:first-child{
    $content_first_p_show
    $content_first_p_color
}
.page-title{
    $page_title_font_size
}
.widget{
    $widget_font_size
}
.widget h3.title {
    $widget_title_font_size
}


/* ==================
   RESPONSIVE
   ==================*/
@media only screen and (max-width: 1024px) {
    #header{
        background-image: none;
    }
}
@media only screen and (max-width: 768px) {
    .page-title{
	    $page_title_font_size_768
	}
}
@media print,
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-resolution: 120dpi) {
	a.normal-logo{
	    $logo_image_2x
	}
    a.light-logo{
        $header_light_logo_image_2x
    }
    a.dark-logo{
        $header_dark_logo_image_2x
    }
	a.sticky-logo{
        $header_sticky_logo_image_2x
    }
}

" . ($with_custom_css? bicycleshop_user_custom_css() : '') . "
";

	return bicycleshop_minify_css( $user_css );
}
/* get custom CSS setting value
 */
function bicycleshop_user_custom_css(){
	global $bicycleshop_a13;

	$custom_CSS = $bicycleshop_a13->get_option( 'custom_css' );

	$css = "
/* ==================
   CUSTOM CSS
   ==================*/
" . stripslashes( $custom_CSS );

	return $css;
}
bicycleshop_get_user_css();