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();