function sf_custom_styles()
{
$options = get_option('sf_dante_options');
$enable_responsive = $options['enable_responsive'];
$site_maxwidth = "1170";
if (isset($options['site_maxwidth']) && $options['site_maxwidth'] == "940") {
$site_maxwidth = "940";
}
// Standard Styling
$accent_color = get_option('accent_color', '#1dc6df');
$accent_alt_color = get_option('accent_alt_color', '#ffffff');
$secondary_accent_color = get_option('secondary_accent_color', '#222222');
$secondary_accent_alt_color = get_option('secondary_accent_alt_color', '#ffffff');
// Page Styling
$page_bg_color = get_option('page_bg_color', '#222222');
$inner_page_bg_color = get_option('inner_page_bg_color', '#FFFFFF');
$body_bg_use_image = $options['use_bg_image'];
$body_upload_bg = $body_preset_bg = "";
if (isset($options['custom_bg_image'])) {
$body_upload_bg = $options['custom_bg_image'];
}
if (isset($options['preset_bg_image'])) {
$body_preset_bg = $options['preset_bg_image'];
}
$section_divide_color = get_option('section_divide_color', '#e4e4e4');
$alt_bg_color = get_option('alt_bg_color', '#f7f7f7');
$bg_size = $options['bg_size'];
$overlay_opacity = 100;
$hover_overlay_rgb = "";
if (isset($options['overlay_opacity'])) {
$overlay_opacity = $options['overlay_opacity'];
$hover_overlay_rgb = sf_hex2rgb($accent_color);
}
// Header Styling
$header_aux_text_color = get_option('header_aux_text_color', '#fff');
$topbar_bg_color = get_option('topbar_bg_color', '#1dc6df');
$topbar_text_color = get_option('topbar_text_color', '#ffffff');
$topbar_link_color = get_option('topbar_link_color', '#ffffff');
$topbar_link_hover_color = get_option('topbar_link_hover_color', '#1dc6df');
$topbar_divider_color = get_option('topbar_divider_color', '#f7f7f7');
$header_bg_color1 = get_option('header_bg_color1', '#ffffff');
$header_bg_color2 = get_option('header_bg_color2', '#ffffff');
$header_border_color = get_option('header_border_color', '#e4e4e4');
$header_opacity = $options['header_opacity'];
$header_layout = $options['header_layout'];
// Navigation Styling
$nav_text_color = get_option('nav_text_color', '#252525');
$nav_text_hover_color = get_option('nav_text_hover_color', '#07c1b6');
$nav_selected_text_color = get_option('nav_selected_text_color', '#1bbeb4');
$nav_pointer_color = get_option('nav_pointer_color', '#07c1b6');
$nav_sm_bg_color = get_option('nav_sm_bg_color', '#FFFFFF');
$nav_sm_text_color = get_option('nav_sm_text_color', '#666666');
$nav_sm_bg_hover_color = get_option('nav_sm_bg_hover_color', '#f7f7f7');
$nav_sm_text_hover_color = get_option('nav_sm_text_hover_color', '#000000');
$nav_sm_selected_text_color = get_option('nav_sm_selected_text_color', '#000000');
$nav_divider = get_option('nav_divider', 'solid');
$nav_divider_color = get_option('nav_divider_color', '#f0f0f0');
// Promo Bar Styling
$promo_bar_bg_color = get_option('promo_bar_bg_color', '#e4e4e4');
$promo_bar_text_color = get_option('promo_bar_text_color', '#222');
// Page Heading Styling
$breadcrumb_text_color = get_option('breadcrumb_text_color', '#333333');
$breadcrumb_link_color = get_option('breadcrumb_link_color', '#333333');
$page_heading_bg_color = get_option('page_heading_bg_color', '#f7f7f7');
$page_heading_text_color = get_option('page_heading_text_color', '#222222');
// Body Styling
$body_text_color = get_option('body_color', '#222222');
$body_alt_text_color = get_option('body_alt_color', '#222222');
$link_text_color = get_option('link_color', '#666666');
$link_hover_color = get_option('link_hover_color', $accent_color);
$h1_text_color = get_option('h1_color', '#222222');
$h2_text_color = get_option('h2_color', '#222222');
$h3_text_color = get_option('h3_color', '#222222');
$h4_text_color = get_option('h4_color', '#222222');
$h5_text_color = get_option('h5_color', '#222222');
$h6_text_color = get_option('h6_color', '#222222');
$impact_text_color = get_option('impact_text_color', '#222222');
// Shortcode Stying
$pt_primary_bg_color = get_option('pt_primary_bg_color', '#07c1b6');
$pt_secondary_bg_color = get_option('pt_secondary_bg_color', '#fd9d96');
$pt_tertiary_bg_color = get_option('pt_tertiary_bg_color', '#fed8d5');
$lpt_primary_row_color = get_option('lpt_primary_row_color', '#fff');
$lpt_secondary_row_color = get_option('lpt_secondary_row_color', '#f7f7f7');
$lpt_default_pricing_header = get_option('lpt_default_pricing_header', '#e4e4e4');
$lpt_default_package_header = get_option('lpt_default_package_header', '#f7f7f7');
$lpt_default_footer = get_option('lpt_default_footer', '#e4e4e4');
$icon_container_bg_color = get_option('icon_container_bg_color', '#1dc6df');
$icon_container_border_color = sf_hex2rgb($icon_container_bg_color);
$icon_color = get_option('sf_icon_color', '#1dc6df');
$icon_alt_color = get_option('sf_icon_alt_color', '#ffffff');
$boxed_content_color = get_option('boxed_content_color', '#07c1b6');
// Extra Icon Styling
$icon_one_color = get_option('icon_one_color', '#FF9900');
$icon_one_alt_color = get_option('icon_one_alt_color', '#ffffff');
$icon_two_color = get_option('icon_two_color', '#339933');
$icon_two_alt_color = get_option('icon_two_alt_color', '#ffffff');
$icon_three_color = get_option('icon_three_color', '#cccccc');
$icon_three_alt_color = get_option('icon_three_alt_color', '#222222');
$icon_four_color = get_option('icon_four_color', '#6633ff');
$icon_four_alt_color = get_option('icon_four_alt_color', '#ffffff');
// Footer Styling
$footer_bg_color = get_option('footer_bg_color', '#222222');
$footer_text_color = get_option('footer_text_color', '#cccccc');
$footer_link_color = get_option('footer_link_color', '#71747b');
$footer_border_color = get_option('footer_border_color', '#333333');
$copyright_bg_color = get_option('copyright_bg_color', '#222222');
$copyright_text_color = get_option('copyright_text_color', '#999999');
$copyright_link_color = get_option('copyright_link_color', '#ffffff');
$copyright_link_hover_color = get_option('copyright_link_hover_color', '#e4e4e4');
// Logo/Nav Spacing
$logo_width = $logo_height = $logo_resized_height = $logo_resized_width = $nav_top_spacing = "";
$logo_width = $options['logo_width'];
$logo_spacing_top = $options['logo_top_spacing'];
$logo_spacing_bottom = $options['logo_bottom_spacing'];
if (isset($options['logo_height'])) {
$logo_height = $options['logo_height'];
}
if (isset($options['logo_resized_height'])) {
$logo_resized_height = $options['logo_resized_height'];
}
if (isset($options['logo_resized_width'])) {
$logo_resized_width = $options['logo_resized_width'];
}
if (isset($options['nav_top_spacing'])) {
$nav_top_spacing = $options['nav_top_spacing'];
}
// Font
$body_font_option = $options['body_font_option'];
$standard_font = $options['web_body_font'];
$google_standard_font = $google_heading_font = $google_menu_font = $google_font_one = $google_font_one_weight = $google_font_one_style = $google_font_two = $google_font_two_weight = $google_font_two_style = $google_font_three = $google_font_three_weight = $google_font_three_style = $custom_fonts = "";
if (isset($options['google_standard_font'])) {
$google_standard_font = explode(':', $options['google_standard_font']);
$google_font_one = str_replace("+", " ", $google_standard_font[0]);
if (isset($google_standard_font[1])) {
$google_font_one_style = strpos($google_standard_font[1], 'italic') ? "italic" : "normal";
$google_font_one_weight = str_replace('italic', '', $google_standard_font[1]);
}
}
$fontdeck_standard_font = $options['fontdeck_standard_font'];
$headings_font_option = $options['headings_font_option'];
$heading_font = $options['web_heading_font'];
if (isset($options['google_heading_font'])) {
$google_heading_font = explode(':', $options['google_heading_font']);
$google_font_two = str_replace("+", " ", $google_heading_font[0]);
if (isset($google_heading_font[1])) {
$google_font_two_style = strpos($google_heading_font[1], 'italic') ? "italic" : "normal";
$google_font_two_weight = str_replace('italic', '', $google_heading_font[1]);
}
}
$menu_font_option = $menu_font = $fontdeck_menu_font = "";
$fontdeck_heading_font = $options['fontdeck_heading_font'];
if (isset($options['menu_font_option'])) {
$menu_font_option = $options['menu_font_option'];
}
if (isset($options['web_menu_font'])) {
$menu_font = $options['web_menu_font'];
}
if (isset($options['google_menu_font'])) {
$google_menu_font = explode(':', $options['google_menu_font']);
$google_font_three = str_replace("+", " ", $google_menu_font[0]);
if (isset($google_menu_font[1])) {
$google_font_three_style = strpos($google_menu_font[1], 'italic') ? "italic" : "normal";
$google_font_three_weight = str_replace('italic', '', $google_menu_font[1]);
}
}
if (isset($options['fontdeck_menu_font'])) {
$fontdeck_menu_font = $options['fontdeck_menu_font'];
}
// Font Sizing
$menu_font_size = "";
$body_font_size = $options['body_font_size'];
$body_font_line_height = $options['body_font_line_height'];
if (isset($options['menu_font_size'])) {
$menu_font_size = $options['menu_font_size'];
}
$h1_font_size = $options['h1_font_size'];
$h1_font_line_height = $options['h1_font_line_height'];
$h2_font_size = $options['h2_font_size'];
$h2_font_line_height = $options['h2_font_line_height'];
$h3_font_size = $options['h3_font_size'];
$h3_font_line_height = $options['h3_font_line_height'];
$h4_font_size = $options['h4_font_size'];
$h4_font_line_height = $options['h4_font_line_height'];
$h5_font_size = $options['h5_font_size'];
$h5_font_line_height = $options['h5_font_line_height'];
$h6_font_size = $options['h6_font_size'];
$h6_font_line_height = $options['h6_font_line_height'];
// Alt Background Setup
$alt_one_bg_color = $options['alt_one_bg_color'];
$alt_one_text_color = $options['alt_one_text_color'];
if (isset($options['alt_one_bg_image'])) {
$alt_one_bg_image = $options['alt_one_bg_image'];
}
$alt_one_bg_image_size = $options['alt_one_bg_image_size'];
$alt_two_bg_color = $options['alt_two_bg_color'];
$alt_two_text_color = $options['alt_two_text_color'];
if (isset($options['alt_two_bg_image'])) {
$alt_two_bg_image = $options['alt_two_bg_image'];
}
$alt_two_bg_image_size = $options['alt_two_bg_image_size'];
$alt_three_bg_color = $options['alt_three_bg_color'];
$alt_three_text_color = $options['alt_three_text_color'];
if (isset($options['alt_three_bg_image'])) {
$alt_three_bg_image = $options['alt_three_bg_image'];
}
$alt_three_bg_image_size = $options['alt_three_bg_image_size'];
$alt_four_bg_color = $options['alt_four_bg_color'];
$alt_four_text_color = $options['alt_four_text_color'];
if (isset($options['alt_four_bg_image'])) {
$alt_four_bg_image = $options['alt_four_bg_image'];
}
$alt_four_bg_image_size = $options['alt_four_bg_image_size'];
$alt_five_bg_color = $options['alt_five_bg_color'];
$alt_five_text_color = $options['alt_five_text_color'];
if (isset($options['alt_five_bg_image'])) {
$alt_five_bg_image = $options['alt_five_bg_image'];
}
$alt_five_bg_image_size = $options['alt_five_bg_image_size'];
$alt_six_bg_color = $options['alt_six_bg_color'];
$alt_six_text_color = $options['alt_six_text_color'];
if (isset($options['alt_six_bg_image'])) {
$alt_six_bg_image = $options['alt_six_bg_image'];
}
$alt_six_bg_image_size = $options['alt_six_bg_image_size'];
$alt_seven_bg_color = $options['alt_seven_bg_color'];
$alt_seven_text_color = $options['alt_seven_text_color'];
if (isset($options['alt_seven_bg_image'])) {
$alt_seven_bg_image = $options['alt_seven_bg_image'];
}
$alt_seven_bg_image_size = $options['alt_seven_bg_image_size'];
$alt_eight_bg_color = $options['alt_eight_bg_color'];
$alt_eight_text_color = $options['alt_eight_text_color'];
if (isset($options['alt_eight_bg_image'])) {
$alt_eight_bg_image = $options['alt_eight_bg_image'];
}
$alt_eight_bg_image_size = $options['alt_eight_bg_image_size'];
$alt_nine_bg_color = $options['alt_nine_bg_color'];
$alt_nine_text_color = $options['alt_nine_text_color'];
if (isset($options['alt_nine_bg_image'])) {
$alt_nine_bg_image = $options['alt_nine_bg_image'];
}
$alt_nine_bg_image_size = $options['alt_nine_bg_image_size'];
$alt_ten_bg_color = $options['alt_ten_bg_color'];
$alt_ten_text_color = $options['alt_ten_text_color'];
if (isset($options['alt_ten_bg_image'])) {
$alt_ten_bg_image = $options['alt_ten_bg_image'];
}
$alt_ten_bg_image_size = $options['alt_ten_bg_image_size'];
// PAGE BACKGROUND IMAGE //
$bg_image_url = $inner_bg_image_url = "";
$page_background_image = rwmb_meta('sf_background_image', 'type=image&size=full');
$inner_page_background_image = rwmb_meta('sf_inner_background_image', 'type=image&size=full');
if (is_array($page_background_image)) {
foreach ($page_background_image as $image) {
$bg_image_url = $image['url'];
break;
}
}
if (is_array($inner_page_background_image)) {
foreach ($inner_page_background_image as $image) {
$inner_bg_image_url = $image['url'];
break;
}
}
global $post;
if ($post) {
$background_image_size = sf_get_post_meta($post->ID, 'sf_background_image_size', true);
}
// Custom CSS
$custom_css = $options['custom_css'];
// OPEN STYLE TAG
echo '<style type="text/css">' . "\n";
// 940PX OPTION
if ($site_maxwidth == "940") {
echo '@media only screen and (min-width: 1200px) {
.header-overlay .header-wrap {
margin-left: -485px;
max-width: 970px;
}
#header .is-sticky .sticky-header, .boxed-layout #header-section.header-3 #header .is-sticky .sticky-header, .boxed-layout #header-section.header-4 #header .is-sticky .sticky-header, .boxed-layout #header-section.header-5 #header .is-sticky .sticky-header {
max-width: 940px;
}
nav.mega-menu li .mega .sub, nav.mega-menu li .mega .sub > .row {
width: 940px!important;
}
.container {
width: 970px;
}
.span12 {
width: 940px;
}
.span11 {
width: 860px;
}
.span10 {
width: 779px;
}
.span9 {
width: 698px;
}
.span8 {
width: 617px;
}
.span7 {
width: 536px;
}
.span6 {
width: 455px;
}
.span5 {
width: 374px;
}
.span4 {
width: 293px;
}
.span3 {
width: 212px;
}
.span2 {
width: 131px;
}
.span1 {
width: 50px;
}
.span-third {
width: 193px;
}
.span-twothirds {
width: 407px;
}
.span-bs-quarter {
width: 100px;
}
.span-bs-threequarter {
width: 340px;
}
/* PRODUCTS */
body .has-no-sidebar ul.products li.product {
width: 212px;
float: left;
}
body .has-one-sidebar ul.products li.product {
width: 140px;
}
body.woocommerce .has-no-sidebar ul.products li.product, body.woocommerce .has-one-sidebar ul.products li.product {
width: 212px
}
body .has-one-sidebar .products-standard.span8 ul.products li.product {
width: 193px;
}
body .has-both-sidebars ul.products li.product {
width: 220px;
}
body .has-no-sidebar .products-mini ul.products li.product {
width: 140px;
}
body .has-one-sidebar .products-mini ul.products li.product {
width: 140px;
}
body .has-both-sidebars .products-mini ul.products li.product {
width: 140px;
}
body.woocommerce .has-no-sidebar ul.products li.product {
width: 212px;
}
body.woocommerce .has-one-sidebar ul.products li.product {
width: 219px;
}
body.woocommerce .has-both-sidebars ul.products li.product {
width: 217px;
}
}
';
}
// NON-RESPONSIVE STYLES
if (!$enable_responsive) {
echo '
html {
min-width: 1200px;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 30px;
box-sizing:content-box!important;
-moz-box-sizing:content-box!important; /* Firefox */
-webkit-box-sizing:content-box!important; /* Safari */
}
.sidebar {
box-sizing:border-box!important;
-moz-box-sizing:border-box!important; /* Firefox */
-webkit-box-sizing:border-box!important; /* Safari */
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 1170px!important;
max-width: none!important;
}
#header .is-sticky .sticky-header {
width: 100%!important;
max-width: none!important;
}
.span12 {
width: 1170px;
}
.span11 {
width: 1070px;
}
.span10 {
width: 970px;
}
.span9 {
width: 870px;
}
.span8 {
width: 770px;
}
.span7 {
width: 670px;
}
.span6 {
width: 570px;
}
.span5 {
width: 470px;
}
.span4 {
width: 370px;
}
.span3 {
width: 270px;
}
.span2 {
width: 170px;
}
.span1 {
width: 70px;
}
.span-third {
width: 236px;
}
.span-twothirds {
width: 504px;
}
.span-bs-quarter {
width: 120px;
}
.span-bs-threequarter {
width: 420px;
}
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666666666666%;
}
.col-sm-10 {
width: 83.33333333333334%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666666666666%;
}
.col-sm-7 {
width: 58.333333333333336%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666666666667%;
}
.col-sm-4 {
width: 33.33333333333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.666666666666664%;
}
.col-sm-1 {
width: 8.333333333333332%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666666666666%;
}
.col-sm-pull-10 {
right: 83.33333333333334%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666666666666%;
}
.col-sm-pull-7 {
right: 58.333333333333336%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666666666667%;
}
.col-sm-pull-4 {
right: 33.33333333333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.666666666666664%;
}
.col-sm-pull-1 {
right: 8.333333333333332%;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666666666666%;
}
.col-sm-push-10 {
left: 83.33333333333334%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666666666666%;
}
.col-sm-push-7 {
left: 58.333333333333336%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666666666667%;
}
.col-sm-push-4 {
left: 33.33333333333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.666666666666664%;
}
.col-sm-push-1 {
left: 8.333333333333332%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666666666666%;
}
.col-sm-offset-10 {
margin-left: 83.33333333333334%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666666666666%;
}
.col-sm-offset-7 {
margin-left: 58.333333333333336%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666666666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.666666666666664%;
}
.col-sm-offset-1 {
margin-left: 8.333333333333332%;
}
#container.boxed-layout, .boxed-layout #header-section .is-sticky #main-nav.sticky-header, .boxed-layout #header-section.header-6 .is-sticky #header.sticky-header {
width: 1230px;
}
.header-overlay .header-wrap {
margin-left: -585px;
}
#swift-slider {
min-width: 1170px;
}
.visible-xs, .visible-sm, .visible-xs.visible-sm {
display:none!important;
}
/* PRODUCTS */
.woocommerce ul.products li.product {
margin-left: 30px;
}
.carousel-wrap ul.products li.product {
margin-left: 30px!important;
margin-right: 0!important;
}
body .has-no-sidebar ul.products li.product {
width: 262px;
}
body .has-one-sidebar .products-standard.span8 ul.products li.product {
width: 236px;
}
body .has-one-sidebar ul.products li.product {
width: 170px;
}
body .has-both-sidebars ul.products li.product {
width: 252px;
}
body .has-no-sidebar .products-mini ul.products li.product {
width: 170px;
}
body .has-one-sidebar .products-mini ul.products li.product {
width: 170px;
}
body .has-both-sidebars .products-mini ul.products li.product {
width: 170px;
}
body.woocommerce .has-no-sidebar ul.products li.product {
width: 262px;
}
body.woocommerce .has-one-sidebar ul.products li.product {
width: 270px;
}
body.woocommerce .has-both-sidebars ul.products li.product, body.woocommerce .has-both-sidebars ul.products li.product {
width: 252px;
}
/* WIDGETS */
.caroufredsel_wrapper {
margin-left: -30px!important;
}
.spb_portfolio_carousel_widget.span12 .caroufredsel_wrapper {
min-width: 1200px;
}
' . "\n";
}
// FONT SIZING
echo 'body, p, #commentform label, .contact-form label {font-size: ' . $body_font_size . 'px;line-height: ' . $body_font_line_height . 'px;}';
echo 'h1 {font-size: ' . $h1_font_size . 'px;line-height: ' . $h1_font_line_height . 'px;}';
echo 'h2 {font-size: ' . $h2_font_size . 'px;line-height: ' . $h2_font_line_height . 'px;}';
echo 'h3, .blog-item .quote-excerpt {font-size: ' . $h3_font_size . 'px;line-height: ' . $h3_font_line_height . 'px;}';
echo 'h4, .body-content.quote, #respond-wrap h3, #respond h3 {font-size: ' . $h4_font_size . 'px;line-height: ' . $h4_font_line_height . 'px;}';
echo 'h5 {font-size: ' . $h5_font_size . 'px;line-height: ' . $h5_font_line_height . 'px;}';
echo 'h6 {font-size: ' . $h6_font_size . 'px;line-height: ' . $h6_font_line_height . 'px;}';
echo 'nav .menu li {font-size: ' . $menu_font_size . 'px;}';
// CUSTOM COLOUR STYLES
echo '::selection, ::-moz-selection {background-color: ' . $accent_color . '; color: #fff;}';
echo '.recent-post figure, span.highlighted, span.dropcap4, .loved-item:hover .loved-count, .flickr-widget li, .portfolio-grid li, input[type="submit"], .wpcf7 input.wpcf7-submit[type="submit"], .gform_wrapper input[type="submit"], .mymail-form input[type="submit"], .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li span.current, figcaption .product-added, .woocommerce .wc-new-badge, .yith-wcwl-wishlistexistsbrowse a, .yith-wcwl-wishlistaddedbrowse a, .woocommerce .widget_layered_nav ul li.chosen > *, .woocommerce .widget_layered_nav_filters ul li a, .sticky-post-icon, .fw-video-close:hover {background-color: ' . $accent_color . '!important; color: ' . $accent_alt_color . ';}';
echo 'a:hover, #sidebar a:hover, .pagination-wrap a:hover, .carousel-nav a:hover, .portfolio-pagination div:hover > i, #footer a:hover, #copyright a, .beam-me-up a:hover span, .portfolio-item .portfolio-item-permalink, .read-more-link, .blog-item .read-more, .blog-item-details a:hover, .author-link, #reply-title small a, #respond .form-submit input:hover, span.dropcap2, .spb_divider.go_to_top a, love-it-wrapper:hover .love-it, .love-it-wrapper:hover span.love-count, .love-it-wrapper .loved, .comments-likes .loved span.love-count, .comments-likes a:hover i, .comments-likes .love-it-wrapper:hover a i, .comments-likes a:hover span, .love-it-wrapper:hover a i, .item-link:hover, #header-translation p a, #swift-slider .flex-caption-large h1 a:hover, .wooslider .slide-title a:hover, .caption-details-inner .details span > a, .caption-details-inner .chart span, .caption-details-inner .chart i, #swift-slider .flex-caption-large .chart i, #breadcrumbs a:hover, .ui-widget-content a:hover, .yith-wcwl-add-button a:hover, #product-img-slider li a.zoom:hover, .woocommerce .star-rating span, .article-body-wrap .share-links a:hover, ul.member-contact li a:hover, .price ins, .bag-product a.remove:hover, .bag-product-title a:hover, #back-to-top:hover, ul.member-contact li a:hover, .fw-video-link-image:hover i, .ajax-search-results .all-results:hover, .search-result h5 a:hover .ui-state-default a:hover {color: ' . $link_hover_color . ';}';
echo '.carousel-wrap > a:hover, #mobile-menu ul li:hover > a {color: ' . $accent_color . '!important;}';
echo '.comments-likes a:hover span, .comments-likes a:hover i {color: ' . $accent_color . '!important;}';
echo '.read-more i:before, .read-more em:before {color: ' . $accent_color . ';}';
echo 'input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, .bypostauthor .comment-wrap .comment-avatar,.search-form input:focus, .wpcf7 input:focus, .wpcf7 textarea:focus, .ginput_container input:focus, .ginput_container textarea:focus, .mymail-form input:focus, .mymail-form textarea:focus {border-color: ' . $accent_color . '!important;}';
echo 'nav .menu ul li:first-child:after,.navigation a:hover > .nav-text, .returning-customer a:hover {border-bottom-color: ' . $accent_color . ';}';
echo 'nav .menu ul ul li:first-child:after {border-right-color: ' . $accent_color . ';}';
echo '.spb_impact_text .spb_call_text {border-left-color: ' . $accent_color . ';}';
echo '.spb_impact_text .spb_button span {color: #fff;}';
echo '#respond .form-submit input#submit {border-color: ' . $section_divide_color . ';background-color: ' . $inner_page_bg_color . ';}';
echo '#respond .form-submit input#submit:hover {border-color: ' . $accent_color . ';background-color: ' . $accent_color . ';color: ' . $accent_alt_color . ';}';
echo '.woocommerce .free-badge, .my-account-login-wrap .login-wrap form.login p.form-row input[type="submit"], .woocommerce .my-account-login-wrap form input[type="submit"] {background-color: ' . $secondary_accent_color . '; color: ' . $secondary_accent_alt_color . ';}';
echo 'a[rel="tooltip"], ul.member-contact li a, .blog-item-details a, .post-info a, a.text-link, .tags-wrap .tags a, .logged-in-as a, .comment-meta-actions .edit-link, .comment-meta-actions .comment-reply, .read-more {border-color: ' . $accent_color . ';}';
echo '.super-search-go {border-color: ' . $accent_color . '!important;}';
echo '.super-search-go:hover {background: ' . $accent_color . '!important;border-color: ' . $accent_color . '!important;}';
// MAIN STYLES
echo 'body {color: ' . $body_text_color . ';}';
echo '.pagination-wrap a, .search-pagination a {color: ' . $body_text_color . ';}';
echo '.layout-boxed #header-search, .layout-boxed #super-search, body > .sf-super-search {background-color: ' . $page_bg_color . ';}';
if ($body_bg_use_image) {
if ($body_upload_bg) {
echo 'body {background: ' . $page_bg_color . ' url(' . $body_upload_bg . ') repeat center top fixed;}';
} else {
if ($body_preset_bg) {
echo 'body {background: ' . $page_bg_color . ' url(' . $body_preset_bg . ') repeat center top fixed;}';
}
}
echo 'body {background-color: ' . $page_bg_color . ';background-size: ' . $bg_size . ';}';
} else {
echo 'body {background-color: ' . $page_bg_color . ';}';
}
echo '#main-container, .tm-toggle-button-wrap a {background-color: ' . $inner_page_bg_color . ';}';
echo 'a, .ui-widget-content a {color: ' . $link_text_color . ';}';
echo '.pagination-wrap li a:hover, ul.bar-styling li:not(.selected) > a:hover, ul.bar-styling li > .comments-likes:hover, ul.page-numbers li > a:hover, ul.page-numbers li > span.current {color: ' . $accent_alt_color . '!important;background: ' . $accent_color . ';border-color: ' . $accent_color . ';}';
echo 'ul.bar-styling li > .comments-likes:hover * {color: ' . $accent_alt_color . '!important;}';
echo '.pagination-wrap li a, .pagination-wrap li span, .pagination-wrap li span.expand, ul.bar-styling li > a, ul.bar-styling li > div, ul.page-numbers li > a, ul.page-numbers li > span, .curved-bar-styling, ul.bar-styling li > form input {border-color: ' . $section_divide_color . ';}';
echo 'ul.bar-styling li > a, ul.bar-styling li > span, ul.bar-styling li > div, ul.bar-styling li > form input {background-color: ' . $inner_page_bg_color . ';}';
echo 'input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select {border-color: ' . $section_divide_color . ';background: ' . $alt_bg_color . ';}';
echo 'textarea:focus, input:focus {border-color: #999!important;}';
echo '.modal-header {background: ' . $alt_bg_color . ';}';
echo '.recent-post .post-details, .team-member .team-member-position, .portfolio-item h5.portfolio-subtitle, .mini-items .blog-item-details, .standard-post-content .blog-item-details, .masonry-items .blog-item .blog-item-details, .jobs > li .job-date, .search-item-content time, .search-item-content span, .blog-item-details a, .portfolio-details-wrap .date, .portfolio-details-wrap .tags-link-wrap {color: ' . $body_alt_text_color . ';}';
echo 'ul.bar-styling li.facebook > a:hover {color: #fff!important;background: #3b5998;border-color: #3b5998;}';
echo 'ul.bar-styling li.twitter > a:hover {color: #fff!important;background: #4099FF;border-color: #4099FF;}';
echo 'ul.bar-styling li.google-plus > a:hover {color: #fff!important;background: #d34836;border-color: #d34836;}';
echo 'ul.bar-styling li.pinterest > a:hover {color: #fff!important;background: #cb2027;border-color: #cb2027;}';
// HEADER STYLES
echo '#header-search input, #header-search a, .super-search-close, #header-search i.ss-search {color: ' . $header_aux_text_color . ';}';
echo '#header-search a:hover, .super-search-close:hover {color: ' . $accent_color . ';}';
echo '.sf-super-search, .spb_supersearch_widget.asset-bg {background-color: ' . $secondary_accent_color . ';}';
echo '.sf-super-search .search-options .ss-dropdown > span, .sf-super-search .search-options input {color: ' . $accent_color . '; border-bottom-color: ' . $accent_color . ';}';
echo '.sf-super-search .search-options .ss-dropdown ul li .fa-check {color: ' . $accent_color . ';}';
echo '.sf-super-search-go:hover, .sf-super-search-close:hover { background-color: ' . $accent_color . '; border-color: ' . $accent_color . '; color: ' . $accent_alt_color . ';}';
echo '#top-bar {background: ' . $topbar_bg_color . '; color: ' . $topbar_text_color . ';}';
echo '#top-bar .tb-welcome {border-color: ' . $topbar_divider_color . ';}';
echo '#top-bar a {color: ' . $topbar_link_color . ';}';
echo '#top-bar .menu li {border-left-color: ' . $topbar_divider_color . '; border-right-color: ' . $topbar_divider_color . ';}';
echo '#top-bar .menu > li > a, #top-bar .menu > li.parent:after {color: ' . $topbar_link_color . ';}';
echo '#top-bar .menu > li > a:hover, #top-bar a:hover {color: ' . $topbar_link_hover_color . ';}';
echo '#top-bar .show-menu {background-color: ' . $topbar_divider_color . ';color: ' . $secondary_accent_color . ';}';
echo '#header-languages .current-language {background: ' . $nav_sm_bg_hover_color . '; color: ' . $nav_sm_selected_text_color . ';}';
echo '#header-section:before, #header .is-sticky .sticky-header, #header-section .is-sticky #main-nav.sticky-header, #header-section.header-6 .is-sticky #header.sticky-header, .ajax-search-wrap {background-color: ' . $header_bg_color1 . ';background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(' . $header_bg_color2 . '), to(' . $header_bg_color1 . '));background: -webkit-linear-gradient(top, ' . $header_bg_color1 . ', ' . $header_bg_color2 . ');background: -moz-linear-gradient(top, ' . $header_bg_color1 . ', ' . $header_bg_color2 . ');background: -ms-linear-gradient(top, ' . $header_bg_color1 . ', ' . $header_bg_color2 . ');background: -o-linear-gradient(top, ' . $header_bg_color1 . ', ' . $header_bg_color2 . ');}';
echo '#logo img {padding-top: ' . $logo_spacing_top . 'px;padding-bottom: ' . $logo_spacing_bottom . 'px;}';
if ($logo_width > 0) {
echo '#logo img, #logo img.retina {width: ' . $logo_width . 'px;}';
}
if ($logo_height && $logo_height > 0) {
$logo_row_height = $logo_height + 20;
echo '#logo {height: ' . $logo_height . 'px!important;}';
echo '#logo img {height: ' . $logo_height . 'px;min-height:' . $logo_height . 'px;}';
echo '.header-container > .row, .header-5 header .container > .row, .header-6 header > .container > .row {height: ' . $logo_row_height . 'px;}';
echo '@media only screen and (max-width: 991px) {#logo img {max-height:' . $logo_height . 'px;}}';
} else {
echo '#logo {max-height: 42px;}';
}
if ($logo_resized_height && $logo_resized_height > 0 && ($logo_height && $logo_height > 0)) {
$logo_resized_row_height = $logo_resized_height + 20;
echo '.sticky-header-resized #logo {height: ' . $logo_resized_height . 'px!important;}';
echo '.sticky-header-resized #logo img {height: ' . $logo_resized_height . 'px;}';
echo '.header-container.sticky-header-resized > .row, .header-5 header .container.sticky-header-resized > .row, .header-6 header > .container.sticky-header-resized > .row, .sticky-header-resized .header-container > .row {height: ' . $logo_resized_row_height . 'px;}';
}
if ($logo_resized_width && $logo_resized_width > 0 && ($logo_width && $logo_width > 0)) {
echo '.sticky-header-resized #logo img {width: ' . $logo_resized_width . 'px;}';
}
if ($header_opacity != "100" && ($header_layout == "header-3" || $header_layout == "header-4" || $header_layout == "header-5")) {
echo '#header-section:before {opacity: 0.' . $header_opacity . ';}';
}
echo '#header-section .header-menu .menu li, #mini-header .header-right nav .menu li {border-left-color: ' . $section_divide_color . ';}';
echo '#header-section #main-nav {border-top-color: ' . $section_divide_color . ';}';
echo '#top-header {border-bottom-color: ' . $header_border_color . ';}';
echo '#top-header {border-bottom-color: ' . $header_border_color . ';}';
echo '#top-header .th-right > nav .menu li, .ajax-search-wrap:after {border-bottom-color: ' . $header_border_color . ';}';
if ($nav_top_spacing && $nav_top_spacing > 0) {
echo '.header-3 .header-right, .header-4 .header-right, .header-5 .header-right, .header-6 .header-right, .header-7 .header-right {margin-top: ' . $nav_top_spacing . 'px;}';
}
echo '.ajax-search-wrap, .ajax-search-results, .search-result-pt .search-result {border-color: ' . $section_divide_color . ';}';
echo '.page-content {border-bottom-color: ' . $section_divide_color . ';}';
echo '.ajax-search-wrap input[type="text"], .search-result-pt h6, .no-search-results h6, .search-result h5 a {color: ' . $nav_text_color . ';}';
if ($header_bg_color1 != "#ffffff") {
echo '.search-item-content time {color: ' . $nav_divider_color . ';}';
}
echo '@media only screen and (max-width: 991px) {
.naked-header #header-section, .naked-header #header-section:before, .naked-header #header .is-sticky .sticky-header, .naked-header .is-sticky #header.sticky-header {background-color: ' . $header_bg_color1 . ';background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(' . $header_bg_color2 . '), to(' . $header_bg_color1 . '));background: -webkit-linear-gradient(top, ' . $header_bg_color1 . ', ' . $header_bg_color2 . ');background: -moz-linear-gradient(top, ' . $header_bg_color1 . ', ' . $header_bg_color2 . ');background: -ms-linear-gradient(top, ' . $header_bg_color1 . ', ' . $header_bg_color2 . ');background: -o-linear-gradient(top, ' . $header_bg_color1 . ', ' . $header_bg_color2 . ');}
}';
// NAVIGATION STYLES
echo 'nav#main-navigation .menu > li > a span.nav-line {background-color: ' . $nav_pointer_color . ';}';
echo '.show-menu {background-color: ' . $secondary_accent_color . ';color: ' . $secondary_accent_alt_color . ';}';
echo 'nav .menu > li:before {background: ' . $nav_pointer_color . ';}';
echo 'nav .menu .sub-menu .parent > a:after {border-left-color: ' . $nav_pointer_color . ';}';
echo 'nav .menu ul.sub-menu {background-color: ' . $nav_sm_bg_color . ';}';
echo 'nav .menu ul.sub-menu li {border-bottom-color: ' . $nav_divider_color . ';border-bottom-style: ' . $nav_divider . ';}';
echo 'nav.mega-menu li .mega .sub .sub-menu, nav.mega-menu li .mega .sub .sub-menu li, nav.mega-menu li .sub-container.non-mega li, nav.mega-menu li .sub li.mega-hdr {border-top-color: ' . $nav_divider_color . ';border-top-style: ' . $nav_divider . ';}';
echo 'nav.mega-menu li .sub li.mega-hdr {border-right-color: ' . $nav_divider_color . ';border-right-style: ' . $nav_divider . ';}';
echo 'nav .menu > li.menu-item > a, #menubar-controls a, nav.search-nav .menu>li>a, .naked-header .is-sticky nav .menu > li a {color: ' . $nav_text_color . ';}';
echo 'nav .menu > li.menu-item:hover > a {color: ' . $nav_text_hover_color . ';}';
echo 'nav .menu ul.sub-menu li.menu-item > a, nav .menu ul.sub-menu li > span, #top-bar nav .menu ul li > a {color: ' . $nav_sm_text_color . ';}';
echo 'nav .menu ul.sub-menu li.menu-item:hover > a {color: ' . $nav_sm_text_hover_color . '!important; background: ' . $nav_sm_bg_hover_color . ';}';
echo 'nav .menu li.parent > a:after, nav .menu li.parent > a:after:hover {color: #aaa;}';
echo 'nav .menu li.current-menu-ancestor > a, nav .menu li.current-menu-item > a, #mobile-menu .menu ul li.current-menu-item > a, nav .menu li.current-scroll-item > a {color: ' . $nav_selected_text_color . ';}';
echo 'nav .menu ul li.current-menu-ancestor > a, nav .menu ul li.current-menu-item > a {color: ' . $nav_sm_selected_text_color . '; background: ' . $nav_sm_bg_hover_color . ';}';
echo '#main-nav .header-right ul.menu > li, .wishlist-item {border-left-color: ' . $nav_divider_color . ';}';
echo '#nav-search, #mini-search {background: ' . $topbar_bg_color . ';}';
echo '#nav-search a, #mini-search a {color: ' . $topbar_text_color . ';}';
echo '.bag-header, .bag-product, .bag-empty, .wishlist-empty {border-color: ' . $nav_divider_color . ';}';
echo '.bag-buttons a.sf-button.bag-button, .bag-buttons a.sf-button.wishlist-button, .bag-buttons a.sf-button.guest-button {background-color: ' . $section_divide_color . '; color: ' . $body_text_color . '!important;}';
echo '.bag-buttons a.checkout-button, .bag-buttons a.create-account-button, .woocommerce input.button.alt, .woocommerce .alt-button, .woocommerce button.button.alt, .woocommerce #account_details .login form p.form-row input[type="submit"], #login-form .modal-body form.login p.form-row input[type="submit"] {background: ' . $secondary_accent_color . '; color: ' . $secondary_accent_alt_color . ';}';
echo '.woocommerce .button.update-cart-button:hover, .woocommerce #account_details .login form p.form-row input[type="submit"]:hover, #login-form .modal-body form.login p.form-row input[type="submit"]:hover {background: ' . $accent_color . '; color: ' . $accent_alt_color . ';}';
echo '.woocommerce input.button.alt:hover, .woocommerce .alt-button:hover, .woocommerce button.button.alt:hover {background: ' . $accent_color . '; color: ' . $accent_alt_color . ';}';
echo '.shopping-bag:before, nav .menu ul.sub-menu li:first-child:before {border-bottom-color: ' . $nav_pointer_color . ';}';
echo 'nav ul.menu > li.menu-item.sf-menu-item-btn > a {background-color: ' . $nav_text_hover_color . ';color: ' . $nav_text_color . ';}';
echo 'nav ul.menu > li.menu-item.sf-menu-item-btn:hover > a {color: ' . $nav_text_hover_color . ';background-color: ' . $nav_text_color . ';}';
// PROMO BAR STYLES
echo '#base-promo {background-color: ' . $promo_bar_bg_color . ';}';
echo '#base-promo > p, #base-promo.footer-promo-text > a, #base-promo.footer-promo-arrow > a {color: ' . $promo_bar_text_color . ';}';
echo '#base-promo.footer-promo-arrow:hover, #base-promo.footer-promo-text:hover {background-color: ' . $accent_color . ';color: ' . $accent_alt_color . ';}';
echo '#base-promo.footer-promo-arrow:hover > *, #base-promo.footer-promo-text:hover > * {color: ' . $accent_alt_color . ';}';
// PAGE HEADING STYLES
echo '.page-heading {background-color: ' . $page_heading_bg_color . ';border-bottom-color: ' . $section_divide_color . ';}';
echo '.page-heading h1, .page-heading h3 {color: ' . $page_heading_text_color . ';}';
echo '#breadcrumbs {color: ' . $breadcrumb_text_color . ';}';
echo '#breadcrumbs a, #breadcrumb i {color: ' . $breadcrumb_link_color . ';}';
// BODY STYLES
echo 'body, input[type="text"], input[type="password"], input[type="email"], textarea, select, .ui-state-default a {color: ' . $body_text_color . ';}';
echo 'h1, h1 a {color: ' . $h1_text_color . ';}';
echo 'h2, h2 a {color: ' . $h2_text_color . ';}';
echo 'h3, h3 a {color: ' . $h3_text_color . ';}';
echo 'h4, h4 a, .carousel-wrap > a {color: ' . $h4_text_color . ';}';
echo 'h5, h5 a {color: ' . $h5_text_color . ';}';
echo 'h6, h6 a {color: ' . $h6_text_color . ';}';
echo '.spb_impact_text .spb_call_text, .impact-text, .impact-text-large {color: ' . $impact_text_color . ';}';
echo '.read-more i, .read-more em {color: transparent;}';
// CONTENT STYLES
echo '.pb-border-bottom, .pb-border-top, .read-more-button {border-color: ' . $section_divide_color . ';}';
echo '#swift-slider ul.slides {background: ' . $secondary_accent_color . ';}';
echo '#swift-slider .flex-caption .flex-caption-headline {background: ' . $inner_page_bg_color . ';}';
echo '#swift-slider .flex-caption .flex-caption-details .caption-details-inner {background: ' . $inner_page_bg_color . '; border-bottom: ' . $section_divide_color . '}';
echo '#swift-slider .flex-caption-large, #swift-slider .flex-caption-large h1 a {color: ' . $secondary_accent_alt_color . ';}';
echo '#swift-slider .flex-caption h4 i {line-height: ' . $h4_font_line_height . 'px;}';
echo '#swift-slider .flex-caption-large .comment-chart i {color: ' . $secondary_accent_alt_color . ';}';
echo '#swift-slider .flex-caption-large .loveit-chart span {color: ' . $accent_color . ';}';
echo '#swift-slider .flex-caption-large a {color: ' . $accent_color . ';}';
echo '#swift-slider .flex-caption .comment-chart i, #swift-slider .flex-caption .comment-chart span {color: ' . $secondary_accent_color . ';}';
echo 'figure.animated-overlay figcaption {background-color: ' . $accent_color . ';}' . "\n";
if ($overlay_opacity < 100) {
echo 'figure.animated-overlay figcaption {background-color: rgba(' . $hover_overlay_rgb["red"] . ',' . $hover_overlay_rgb["green"] . ',' . $hover_overlay_rgb["blue"] . ', 0.' . $overlay_opacity . ');}';
}
echo 'figure.animated-overlay figcaption .thumb-info h4, figure.animated-overlay figcaption .thumb-info h5, figcaption .thumb-info-excerpt p {color: ' . $accent_alt_color . ';}';
echo 'figure.animated-overlay figcaption .thumb-info i {background: ' . $secondary_accent_color . '; color: ' . $secondary_accent_alt_color . ';}';
echo 'figure:hover .overlay {box-shadow: inset 0 0 0 500px ' . $accent_color . ';}';
echo 'h4.spb-heading span:before, h4.spb-heading span:after, h3.spb-heading span:before, h3.spb-heading span:after, h4.lined-heading span:before, h4.lined-heading span:after {border-color: ' . $section_divide_color . '}';
echo 'h4.spb-heading:before, h3.spb-heading:before, h4.lined-heading:before {border-top-color: ' . $section_divide_color . '}';
echo '.spb_parallax_asset h4.spb-heading {border-bottom-color: ' . $h4_text_color . '}';
echo '.testimonials.carousel-items li .testimonial-text {background-color: ' . $alt_bg_color . ';}';
// SIDEBAR STYLES
echo '.sidebar .widget-heading h4 {color: ' . $h4_text_color . ';}';
echo '.widget ul li, .widget.widget_lip_most_loved_widget li {border-color: ' . $section_divide_color . ';}';
echo '.widget.widget_lip_most_loved_widget li {background: ' . $inner_page_bg_color . '; border-color: ' . $section_divide_color . ';}';
echo '.widget_lip_most_loved_widget .loved-item > span {color: ' . $body_alt_text_color . ';}';
echo '.widget_search form input {background: ' . $inner_page_bg_color . ';}';
echo '.widget .wp-tag-cloud li a {background: ' . $alt_bg_color . '; border-color: ' . $section_divide_color . ';}';
echo '.widget .tagcloud a:hover, .widget ul.wp-tag-cloud li:hover > a {background-color: ' . $accent_color . '; color: ' . $accent_alt_color . ';}';
echo '.loved-item .loved-count > i {color: ' . $body_text_color . ';background: ' . $section_divide_color . ';}';
echo '.subscribers-list li > a.social-circle {color: ' . $secondary_accent_alt_color . ';background: ' . $secondary_accent_color . ';}';
echo '.subscribers-list li:hover > a.social-circle {color: #fbfbfb;background: ' . $accent_color . ';}';
echo '.sidebar .widget_categories ul > li a, .sidebar .widget_archive ul > li a, .sidebar .widget_nav_menu ul > li a, .sidebar .widget_meta ul > li a, .sidebar .widget_recent_entries ul > li, .widget_product_categories ul > li a, .widget_layered_nav ul > li a {color: ' . $link_text_color . ';}';
echo '.sidebar .widget_categories ul > li a:hover, .sidebar .widget_archive ul > li a:hover, .sidebar .widget_nav_menu ul > li a:hover, .widget_nav_menu ul > li.current-menu-item a, .sidebar .widget_meta ul > li a:hover, .sidebar .widget_recent_entries ul > li a:hover, .widget_product_categories ul > li a:hover, .widget_layered_nav ul > li a:hover {color: ' . $accent_color . ';}';
echo '#calendar_wrap caption {border-bottom-color: ' . $secondary_accent_color . ';}';
echo '.sidebar .widget_calendar tbody tr > td a {color: ' . $secondary_accent_alt_color . ';background-color: ' . $secondary_accent_color . ';}';
echo '.sidebar .widget_calendar tbody tr > td a:hover {background-color: ' . $accent_color . ';}';
echo '.sidebar .widget_calendar tfoot a {color: ' . $secondary_accent_color . ';}';
echo '.sidebar .widget_calendar tfoot a:hover {color: ' . $accent_color . ';}';
echo '.widget_calendar #calendar_wrap, .widget_calendar th, .widget_calendar tbody tr > td, .widget_calendar tbody tr > td.pad {border-color: ' . $section_divide_color . ';}';
echo '.widget_sf_infocus_widget .infocus-item h5 a {color: ' . $secondary_accent_color . ';}';
echo '.widget_sf_infocus_widget .infocus-item h5 a:hover {color: ' . $accent_color . ';}';
echo '.sidebar .widget hr {border-color: ' . $section_divide_color . ';}';
echo '.widget ul.flickr_images li a:after, .portfolio-grid li a:after {color: ' . $accent_alt_color . ';}';
// PORTFOLIO STYLES
echo '.slideout-filter .select:after {background: ' . $inner_page_bg_color . ';}';
echo '.slideout-filter ul li a {color: ' . $accent_alt_color . ';}';
echo '.slideout-filter ul li a:hover {color: ' . $accent_color . ';}';
echo '.slideout-filter ul li.selected a {color: ' . $accent_alt_color . ';background: ' . $accent_color . ';}';
echo 'ul.portfolio-filter-tabs li.selected a {background: ' . $alt_bg_color . ';}';
echo '.spb_blog_widget .filter-wrap {background-color: #222;}';
echo '.portfolio-item {border-bottom-color: ' . $section_divide_color . ';}';
echo '.masonry-items .portfolio-item-details {background: ' . $alt_bg_color . ';}';
echo '.spb_portfolio_carousel_widget .portfolio-item {background: ' . $inner_page_bg_color . ';}';
echo '.spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title a > i {line-height: ' . $h4_font_line_height . 'px;}';
echo '.masonry-items .blog-item .blog-details-wrap:before {background-color: ' . $alt_bg_color . ';}';
echo '.masonry-items .portfolio-item figure {border-color: ' . $section_divide_color . ';}';
echo '.portfolio-details-wrap span span {color: #666;}';
echo '.share-links > a:hover {color: ' . $accent_color . ';}';
// BLOG STYLES
echo '.blog-aux-options li.selected a {background: ' . $accent_color . ';border-color: ' . $accent_color . ';color: ' . $accent_alt_color . ';}';
echo '.blog-filter-wrap .aux-list li:hover {border-bottom-color: transparent;}';
echo '.blog-filter-wrap .aux-list li:hover a {color: ' . $accent_alt_color . ';background: ' . $accent_color . ';}';
echo '.mini-blog-item-wrap, .mini-items .mini-alt-wrap, .mini-items .mini-alt-wrap .quote-excerpt, .mini-items .mini-alt-wrap .link-excerpt, .masonry-items .blog-item .quote-excerpt, .masonry-items .blog-item .link-excerpt, .standard-post-content .quote-excerpt, .standard-post-content .link-excerpt, .timeline, .post-info, .body-text .link-pages, .page-content .link-pages {border-color: ' . $section_divide_color . ';}';
echo '.post-info, .article-body-wrap .share-links .share-text, .article-body-wrap .share-links a {color: ' . $body_alt_text_color . ';}';
echo '.standard-post-date {background: ' . $section_divide_color . ';}';
echo '.standard-post-content {background: ' . $alt_bg_color . ';}';
echo '.format-quote .standard-post-content:before, .standard-post-content.no-thumb:before {border-left-color: ' . $alt_bg_color . ';}';
echo '.search-item-img .img-holder {background: ' . $alt_bg_color . ';border-color:' . $section_divide_color . ';}';
echo '.masonry-items .blog-item .masonry-item-wrap {background: ' . $alt_bg_color . ';}';
echo '.mini-items .blog-item-details, .share-links, .single-portfolio .share-links, .single .pagination-wrap, ul.portfolio-filter-tabs li a {border-color: ' . $section_divide_color . ';}';
echo '.related-item figure {background-color: ' . $secondary_accent_color . '; color: ' . $secondary_accent_alt_color . '}';
echo '.required {color: #ee3c59;}';
echo '.comments-likes a i, .comments-likes a span, .comments-likes .love-it-wrapper a i, .comments-likes span.love-count, .share-links ul.bar-styling > li > a {color: ' . $body_alt_text_color . ';}';
echo '#respond .form-submit input:hover {color: #fff!important;}';
echo '.recent-post {background: ' . $inner_page_bg_color . ';}';
echo '.recent-post .post-item-details {border-top-color: ' . $section_divide_color . ';color: ' . $section_divide_color . ';}';
echo '.post-item-details span, .post-item-details a, .post-item-details .comments-likes a i, .post-item-details .comments-likes a span {color: ' . $body_alt_text_color . ';}';
// SHORTCODE STYLES
echo '.sf-button.accent {color: ' . $accent_alt_color . '; background-color: ' . $accent_color . ';}';
echo '.sf-button.sf-icon-reveal.accent {color: ' . $accent_alt_color . '!important; background-color: ' . $accent_color . '!important;}';
echo '.sf-button.accent:hover {background-color: ' . $secondary_accent_color . ';color: ' . $secondary_accent_alt_color . ';}';
echo 'a.sf-button, a.sf-button:hover, #footer a.sf-button:hover {background-image: none;color: #fff!important;}';
echo 'a.sf-button.gold, a.sf-button.gold:hover, a.sf-button.lightgrey, a.sf-button.lightgrey:hover, a.sf-button.white, a.sf-button.white:hover {color: #222!important;}';
echo 'a.sf-button.transparent-dark {color: ' . $body_text_color . '!important;}';
echo 'a.sf-button.transparent-light:hover, a.sf-button.transparent-dark:hover {color: ' . $accent_color . '!important;}';
echo ' input[type="submit"], .wpcf7 input.wpcf7-submit[type="submit"], .gform_wrapper input[type="submit"], .mymail-form input[type="submit"] {color: #fff;}';
echo 'input[type="submit"]:hover, .wpcf7 input.wpcf7-submit[type="submit"]:hover, .gform_wrapper input[type="submit"]:hover, .mymail-form input[type="submit"]:hover {background-color: ' . $secondary_accent_color . '!important;color: ' . $secondary_accent_alt_color . ';}';
echo 'input[type="text"], input[type="email"], input[type="password"], textarea, select, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select, .ginput_container input[type="text"], .ginput_container input[type="email"], .ginput_container textarea, .ginput_container select, .mymail-form input[type="text"], .mymail-form input[type="email"], .mymail-form textarea, .mymail-form select {background: ' . $alt_bg_color . '; border-color: ' . $section_divide_color . ';}';
echo '.sf-icon {color: ' . $icon_color . ';}';
echo '.sf-icon-cont {border-color: rgba(' . $icon_container_border_color["red"] . ',' . $icon_container_border_color["green"] . ',' . $icon_container_border_color["blue"] . ',0.5);}';
echo '.sf-icon-cont:hover, .sf-hover .sf-icon-cont, .sf-icon-box[class*="icon-box-boxed-"] .sf-icon-cont, .sf-hover .sf-icon-box-hr {background-color: ' . $icon_container_bg_color . ';}';
echo '.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont:after {border-top-color: ' . $icon_container_bg_color . ';border-left-color: ' . $icon_container_bg_color . ';}';
echo '.sf-icon-cont:hover .sf-icon, .sf-hover .sf-icon-cont .sf-icon, .sf-icon-box.sf-icon-box-boxed-one .sf-icon, .sf-icon-box.sf-icon-box-boxed-three .sf-icon {color: ' . $icon_alt_color . ';}';
echo '.sf-icon-box-animated .front {background: ' . $alt_bg_color . '; border-color: ' . $section_divide_color . ';}';
echo '.sf-icon-box-animated .front h3 {color: ' . $body_text_color . '!important;}';
echo '.sf-icon-box-animated .back {background: ' . $accent_color . '; border-color: ' . $accent_color . ';}';
echo '.sf-icon-box-animated .back, .sf-icon-box-animated .back h3 {color: ' . $accent_alt_color . '!important;}';
echo '.sf-icon-accent.sf-icon-cont, .sf-icon-accent > i {color: ' . $accent_color . ';}';
echo '.sf-icon-cont.sf-icon-accent {border-color: ' . $accent_color . ';}';
echo '.sf-icon-cont.sf-icon-accent:hover, .sf-hover .sf-icon-cont.sf-icon-accent, .sf-icon-box[class*="icon-box-boxed-"] .sf-icon-cont.sf-icon-accent, .sf-hover .sf-icon-box-hr.sf-icon-accent {background-color: ' . $accent_color . ';}';
echo '.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont.sf-icon-accent:after {border-top-color: ' . $accent_color . ';border-left-color: ' . $accent_color . ';}';
echo '.sf-icon-cont.sf-icon-accent:hover .sf-icon, .sf-hover .sf-icon-cont.sf-icon-accent .sf-icon, .sf-icon-box.sf-icon-box-boxed-one.sf-icon-accent .sf-icon, .sf-icon-box.sf-icon-box-boxed-three.sf-icon-accent .sf-icon {color: ' . $accent_alt_color . ';}';
echo '.sf-icon-secondary-accent.sf-icon-cont, .sf-icon-secondary-accent > i {color: ' . $secondary_accent_color . ';}';
echo '.sf-icon-cont.sf-icon-secondary-accent {border-color: ' . $secondary_accent_color . ';}';
echo '.sf-icon-cont.sf-icon-secondary-accent:hover, .sf-hover .sf-icon-cont.sf-icon-secondary-accent, .sf-icon-box[class*="icon-box-boxed-"] .sf-icon-cont.sf-icon-secondary-accent, .sf-hover .sf-icon-box-hr.sf-icon-secondary-accent {background-color: ' . $secondary_accent_color . ';}';
echo '.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont.sf-icon-secondary-accent:after {border-top-color: ' . $secondary_accent_color . ';border-left-color: ' . $secondary_accent_color . ';}';
echo '.sf-icon-cont.sf-icon-secondary-accent:hover .sf-icon, .sf-hover .sf-icon-cont.sf-icon-secondary-accent .sf-icon, .sf-icon-box.sf-icon-box-boxed-one.sf-icon-secondary-accent .sf-icon, .sf-icon-box.sf-icon-box-boxed-three.sf-icon-secondary-accent .sf-icon {color: ' . $secondary_accent_alt_color . ';}';
echo '.sf-icon-box-animated .back.sf-icon-secondary-accent {background: ' . $secondary_accent_color . '; border-color: ' . $secondary_accent_color . ';}';
echo '.sf-icon-box-animated .back.sf-icon-secondary-accent, .sf-icon-box-animated .back.sf-icon-secondary-accent h3 {color: ' . $secondary_accent_alt_color . '!important;}';
echo '.sf-icon-icon-one.sf-icon-cont, .sf-icon-icon-one > i, i.sf-icon-icon-one {color: ' . $icon_one_color . ';}';
echo '.sf-icon-cont.sf-icon-icon-one {border-color: ' . $icon_one_color . ';}';
echo '.sf-icon-cont.sf-icon-icon-one:hover, .sf-hover .sf-icon-cont.sf-icon-icon-one, .sf-icon-box[class*="icon-box-boxed-"] .sf-icon-cont.sf-icon-icon-one, .sf-hover .sf-icon-box-hr.sf-icon-icon-one {background-color: ' . $icon_one_color . ';}';
echo '.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont.sf-icon-icon-one:after {border-top-color: ' . $icon_one_color . ';border-left-color: ' . $icon_one_color . ';}';
echo '.sf-icon-cont.sf-icon-icon-one:hover .sf-icon, .sf-hover .sf-icon-cont.sf-icon-icon-one .sf-icon, .sf-icon-box.sf-icon-box-boxed-one.sf-icon-icon-one .sf-icon, .sf-icon-box.sf-icon-box-boxed-three.sf-icon-icon-one .sf-icon {color: ' . $icon_one_alt_color . ';}';
echo '.sf-icon-box-animated .back.sf-icon-icon-one {background: ' . $icon_one_color . '; border-color: ' . $icon_one_color . ';}';
echo '.sf-icon-box-animated .back.sf-icon-icon-one, .sf-icon-box-animated .back.sf-icon-icon-one h3 {color: ' . $icon_one_alt_color . '!important;}';
echo '.sf-icon-icon-two.sf-icon-cont, .sf-icon-icon-two > i, i.sf-icon-icon-two {color: ' . $icon_two_color . ';}';
echo '.sf-icon-cont.sf-icon-icon-two {border-color: ' . $icon_two_color . ';}';
echo '.sf-icon-cont.sf-icon-icon-two:hover, .sf-hover .sf-icon-cont.sf-icon-icon-two, .sf-icon-box[class*="icon-box-boxed-"] .sf-icon-cont.sf-icon-icon-two, .sf-hover .sf-icon-box-hr.sf-icon-icon-two {background-color: ' . $icon_two_color . ';}';
echo '.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont.sf-icon-icon-two:after {border-top-color: ' . $icon_two_color . ';border-left-color: ' . $icon_two_color . ';}';
echo '.sf-icon-cont.sf-icon-icon-two:hover .sf-icon, .sf-hover .sf-icon-cont.sf-icon-icon-two .sf-icon, .sf-icon-box.sf-icon-box-boxed-one.sf-icon-icon-two .sf-icon, .sf-icon-box.sf-icon-box-boxed-three.sf-icon-icon-two .sf-icon {color: ' . $icon_two_alt_color . ';}';
echo '.sf-icon-box-animated .back.sf-icon-icon-two {background: ' . $icon_two_color . '; border-color: ' . $icon_two_color . ';}';
echo '.sf-icon-box-animated .back.sf-icon-icon-two, .sf-icon-box-animated .back.sf-icon-icon-two h3 {color: ' . $icon_two_alt_color . '!important;}';
echo '.sf-icon-icon-three.sf-icon-cont, .sf-icon-icon-three > i, i.sf-icon-icon-three {color: ' . $icon_three_color . ';}';
echo '.sf-icon-cont.sf-icon-icon-three {border-color: ' . $icon_three_color . ';}';
echo '.sf-icon-cont.sf-icon-icon-three:hover, .sf-hover .sf-icon-cont.sf-icon-icon-three, .sf-icon-box[class*="icon-box-boxed-"] .sf-icon-cont.sf-icon-icon-three, .sf-hover .sf-icon-box-hr.sf-icon-icon-three {background-color: ' . $icon_three_color . ';}';
echo '.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont.sf-icon-icon-three:after {border-top-color: ' . $icon_three_color . ';border-left-color: ' . $icon_three_color . ';}';
echo '.sf-icon-cont.sf-icon-icon-three:hover .sf-icon, .sf-hover .sf-icon-cont.sf-icon-icon-three .sf-icon, .sf-icon-box.sf-icon-box-boxed-one.sf-icon-icon-three .sf-icon, .sf-icon-box.sf-icon-box-boxed-three.sf-icon-icon-three .sf-icon {color: ' . $icon_three_alt_color . ';}';
echo '.sf-icon-box-animated .back.sf-icon-icon-three {background: ' . $icon_three_color . '; border-color: ' . $icon_three_color . ';}';
echo '.sf-icon-box-animated .back.sf-icon-icon-three, .sf-icon-box-animated .back.sf-icon-icon-three h3 {color: ' . $icon_three_alt_color . '!important;}';
echo '.sf-icon-icon-four.sf-icon-cont, .sf-icon-icon-four > i, i.sf-icon-icon-four {color: ' . $icon_four_color . ';}';
echo '.sf-icon-cont.sf-icon-icon-four {border-color: ' . $icon_four_color . ';}';
echo '.sf-icon-cont.sf-icon-icon-four:hover, .sf-hover .sf-icon-cont.sf-icon-icon-four, .sf-icon-box[class*="icon-box-boxed-"] .sf-icon-cont.sf-icon-icon-four, .sf-hover .sf-icon-box-hr.sf-icon-icon-four {background-color: ' . $icon_four_color . ';}';
echo '.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont.sf-icon-icon-four:after {border-top-color: ' . $icon_four_color . ';border-left-color: ' . $icon_four_color . ';}';
echo '.sf-icon-cont.sf-icon-icon-four:hover .sf-icon, .sf-hover .sf-icon-cont.sf-icon-icon-four .sf-icon, .sf-icon-box.sf-icon-box-boxed-one.sf-icon-icon-four .sf-icon, .sf-icon-box.sf-icon-box-boxed-three.sf-icon-icon-four .sf-icon {color: ' . $icon_four_alt_color . ';}';
echo '.sf-icon-box-animated .back.sf-icon-icon-four {background: ' . $icon_four_color . '; border-color: ' . $icon_four_color . ';}';
echo '.sf-icon-box-animated .back.sf-icon-icon-four, .sf-icon-box-animated .back.sf-icon-icon-four h3 {color: ' . $icon_four_alt_color . '!important;}';
echo 'span.dropcap3 {background: #000;color: #fff;}';
echo 'span.dropcap4 {color: #fff;}';
echo '.spb_divider, .spb_divider.go_to_top_icon1, .spb_divider.go_to_top_icon2, .testimonials > li, .jobs > li, .spb_impact_text, .tm-toggle-button-wrap, .tm-toggle-button-wrap a, .portfolio-details-wrap, .spb_divider.go_to_top a, .impact-text-wrap, .widget_search form input, .asset-bg.spb_divider {border-color: ' . $section_divide_color . ';}';
echo '.spb_divider.go_to_top_icon1 a, .spb_divider.go_to_top_icon2 a {background: ' . $inner_page_bg_color . ';}';
echo '.spb_tabs .ui-tabs .ui-tabs-panel, .spb_content_element .ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-nav li {border-color: ' . $section_divide_color . ';}';
echo '.spb_tabs .ui-tabs .ui-tabs-panel, .ui-tabs .ui-tabs-nav li.ui-tabs-active a {background: ' . $inner_page_bg_color . '!important;}';
echo '.spb_tabs .nav-tabs li a, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .spb_accordion .spb_accordion_section, .spb_tour .nav-tabs li a {border-color: ' . $section_divide_color . ';}';
echo '.spb_tabs .nav-tabs li.active a, .spb_tour .nav-tabs li.active a, .spb_accordion .spb_accordion_section > h3.ui-state-active a {background-color: ' . $alt_bg_color . ';}';
echo '.spb_tour .ui-tabs .ui-tabs-nav li a {border-color: ' . $section_divide_color . ';}';
echo '.spb_tour.span3 .ui-tabs .ui-tabs-nav li {border-color: ' . $section_divide_color . '!important;}';
echo '.toggle-wrap .spb_toggle, .spb_toggle_content {border-color: ' . $section_divide_color . ';}';
echo '.toggle-wrap .spb_toggle:hover {color: ' . $accent_color . ';}';
echo '.ui-accordion h3.ui-accordion-header .ui-icon {color: ' . $body_text_color . ';}';
echo '.ui-accordion h3.ui-accordion-header.ui-state-active:hover a, .ui-accordion h3.ui-accordion-header:hover .ui-icon {color: ' . $accent_color . ';}';
echo 'blockquote.pullquote {border-color: ' . $accent_color . ';}';
echo '.borderframe img {border-color: #eeeeee;}';
echo '.labelled-pricing-table .column-highlight {background-color: #fff;}';
echo '.labelled-pricing-table .pricing-table-label-row, .labelled-pricing-table .pricing-table-row {background: ' . $lpt_secondary_row_color . ';}';
echo '.labelled-pricing-table .alt-row {background: ' . $lpt_primary_row_color . ';}';
echo '.labelled-pricing-table .pricing-table-price {background: ' . $lpt_default_pricing_header . ';}';
echo '.labelled-pricing-table .pricing-table-package {background: ' . $lpt_default_package_header . ';}';
echo '.labelled-pricing-table .lpt-button-wrap {background: ' . $lpt_default_footer . ';}';
echo '.labelled-pricing-table .lpt-button-wrap a.accent {background: #222!important;}';
echo '.labelled-pricing-table .column-highlight .lpt-button-wrap {background: transparent!important;}';
echo '.labelled-pricing-table .column-highlight .lpt-button-wrap a.accent {background: ' . $accent_color . '!important;}';
echo '.column-highlight .pricing-table-price {color: #fff;background: ' . $pt_primary_bg_color . ';border-bottom-color: ' . $pt_primary_bg_color . ';}';
echo '.column-highlight .pricing-table-package {background: ' . $pt_secondary_bg_color . ';}';
echo '.column-highlight .pricing-table-details {background: ' . $pt_tertiary_bg_color . ';}';
echo '.spb_box_text.coloured .box-content-wrap {background: ' . $boxed_content_color . ';color: #fff;}';
echo '.spb_box_text.whitestroke .box-content-wrap {background-color: #fff;border-color: ' . $section_divide_color . ';}';
echo '.client-item figure {border-color: ' . $section_divide_color . ';}';
echo '.client-item figure:hover {border-color: #333;}';
echo 'ul.member-contact li a:hover {color: #333;}';
echo '.testimonials.carousel-items li .testimonial-text {border-color: ' . $section_divide_color . ';}';
echo '.testimonials.carousel-items li .testimonial-text:after {border-left-color: ' . $section_divide_color . ';border-top-color: ' . $section_divide_color . ';}';
echo '.team-member figure figcaption {background: ' . $alt_bg_color . ';}';
echo '.horizontal-break {background-color: ' . $section_divide_color . ';}';
echo '.progress .bar {background-color: ' . $accent_color . ';}';
echo '.progress.standard .bar {background: ' . $accent_color . ';}';
echo '.progress-bar-wrap .progress-value {color: ' . $accent_color . ';}';
echo '.asset-bg-detail {background:' . $inner_page_bg_color . ';border-color:' . $section_divide_color . ';}';
// FOOTER STYLES
echo '#footer {background: ' . $footer_bg_color . ';}';
echo '#footer, #footer p {color: ' . $footer_text_color . ';}';
echo '#footer h6 {color: ' . $footer_text_color . ';}';
echo '#footer a {color: ' . $footer_text_color . ';}';
echo '#footer .widget ul li, #footer .widget_categories ul, #footer .widget_archive ul, #footer .widget_nav_menu ul, #footer .widget_recent_comments ul, #footer .widget_meta ul, #footer .widget_recent_entries ul, #footer .widget_product_categories ul {border-color: ' . $footer_border_color . ';}';
echo '#copyright {background-color: ' . $copyright_bg_color . ';border-top-color: ' . $footer_border_color . ';}';
echo '#copyright p {color: ' . $copyright_text_color . ';}';
echo '#copyright a {color: ' . $copyright_link_color . ';}';
echo '#copyright a:hover {color: ' . $copyright_link_hover_color . ';}';
echo '#copyright nav .menu li {border-left-color: ' . $footer_border_color . ';}';
echo '#footer .widget_calendar #calendar_wrap, #footer .widget_calendar th, #footer .widget_calendar tbody tr > td, #footer .widget_calendar tbody tr > td.pad {border-color: ' . $footer_border_color . ';}';
echo '.widget input[type="email"] {background: #f7f7f7; color: #999}';
echo '#footer .widget hr {border-color: ' . $footer_border_color . ';}';
// WOOCOMMERCE STYLES
echo '.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .modal-body .comment-form-rating, .woocommerce form .form-row input.input-text, ul.checkout-process, #billing .proceed, ul.my-account-nav > li, .woocommerce #payment, .woocommerce-checkout p.thank-you, .woocommerce .order_details, .woocommerce-page .order_details, .woocommerce ul.products li.product figure figcaption .yith-wcwl-add-to-wishlist, #product-accordion .panel, .review-order-wrap { border-color: ' . $section_divide_color . ' ;}';
echo 'nav.woocommerce-pagination ul li span.current, nav.woocommerce-pagination ul li a:hover {background:' . $accent_color . '!important;border-color:' . $accent_color . ';color: ' . $accent_alt_color . '!important;}';
echo '.woocommerce-account p.myaccount_address, .woocommerce-account .page-content h2, p.no-items, #order_review table.shop_table, #payment_heading, .returning-customer a {border-bottom-color: ' . $section_divide_color . ';}';
echo '.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products, p.no-items {border-top-color: ' . $section_divide_color . ';}';
echo '.woocommerce-ordering .woo-select, .variations_form .woo-select, .add_review a, .woocommerce .quantity, .woocommerce-page .quantity, .woocommerce .coupon input.apply-coupon, .woocommerce table.shop_table tr td.product-remove .remove, .woocommerce .button.update-cart-button, .shipping-calculator-form .woo-select, .woocommerce .shipping-calculator-form .update-totals-button button, .woocommerce #billing_country_field .woo-select, .woocommerce #shipping_country_field .woo-select, .woocommerce #review_form #respond .form-submit input, .woocommerce form .form-row input.input-text, .woocommerce table.my_account_orders .order-actions .button, .woocommerce #payment div.payment_box, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce.widget .buttons a, .load-more-btn {background: ' . $alt_bg_color . '; color: ' . $secondary_accent_color . '}';
echo '.woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li span.current { color: ' . $accent_alt_color . ';}';
echo 'li.product figcaption a.product-added {color: ' . $accent_alt_color . ';}';
echo '.woocommerce ul.products li.product figure figcaption, .yith-wcwl-add-button a, ul.products li.product a.quick-view-button, .yith-wcwl-add-to-wishlist, .woocommerce form.cart button.single_add_to_cart_button, .woocommerce p.cart a.single_add_to_cart_button, .lost_reset_password p.form-row input[type="submit"], .track_order p.form-row input[type="submit"], .change_password_form p input[type="submit"], .woocommerce form.register input[type="submit"], .woocommerce .wishlist_table tr td.product-add-to-cart a, .woocommerce input.button[name="save_address"], .woocommerce .woocommerce-message a.button {background: ' . $alt_bg_color . ';}';
echo '.woocommerce ul.products li.product figure figcaption .shop-actions > a, .woocommerce .wishlist_table tr td.product-add-to-cart a {color: ' . $body_text_color . ';}';
echo '.woocommerce ul.products li.product figure figcaption .shop-actions > a.product-added, .woocommerce ul.products li.product figure figcaption .shop-actions > a.product-added:hover {color: ' . $accent_alt_color . ';}';
echo 'ul.products li.product .product-details .posted_in a {color: ' . $body_alt_text_color . ';}';
echo '.woocommerce ul.products li.product figure figcaption .shop-actions > a:hover, ul.products li.product .product-details .posted_in a:hover {color: ' . $accent_color . ';}';
echo '.woocommerce form.cart button.single_add_to_cart_button, .woocommerce p.cart a.single_add_to_cart_button, .woocommerce input[name="save_account_details"] { background: ' . $alt_bg_color . '!important; color: ' . $body_text_color . ' ;}' . "\n";
echo '.woocommerce form.cart button.single_add_to_cart_button:hover, .woocommerce .button.checkout-button, .woocommerce .wc-proceed-to-checkout > a.checkout-button { background: ' . $accent_color . '!important; color: ' . $accent_alt_color . ' ;}' . "\n";
echo '.woocommerce p.cart a.single_add_to_cart_button:hover, .woocommerce .button.checkout-button:hover, .woocommerce .wc-proceed-to-checkout > a.checkout-button:hover {background: ' . $secondary_accent_color . '!important; color: ' . $accent_color . '!important;}';
echo '.woocommerce table.shop_table tr td.product-remove .remove:hover, .woocommerce .coupon input.apply-coupon:hover, .woocommerce .shipping-calculator-form .update-totals-button button:hover, .woocommerce .quantity .plus:hover, .woocommerce .quantity .minus:hover, .add_review a:hover, .woocommerce #review_form #respond .form-submit input:hover, .lost_reset_password p.form-row input[type="submit"]:hover, .track_order p.form-row input[type="submit"]:hover, .change_password_form p input[type="submit"]:hover, .woocommerce table.my_account_orders .order-actions .button:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover, .woocommerce.widget .buttons a:hover, .woocommerce .wishlist_table tr td.product-add-to-cart a:hover, .woocommerce input.button[name="save_address"]:hover, .woocommerce input[name="apply_coupon"]:hover, .woocommerce .cart input[name="update_cart"]:hover, .woocommerce form.register input[type="submit"]:hover, .woocommerce form.cart button.single_add_to_cart_button:hover, .woocommerce form.cart .yith-wcwl-add-to-wishlist a:hover, .load-more-btn:hover, .woocommerce-account input[name="change_password"]:hover {background: ' . $accent_color . '; color: ' . $accent_alt_color . ';}';
echo '.woocommerce #account_details .login, .woocommerce #account_details .login h4.lined-heading span, .my-account-login-wrap .login-wrap, .my-account-login-wrap .login-wrap h4.lined-heading span, .woocommerce div.product form.cart table div.quantity {background: ' . $alt_bg_color . ';}';
echo '.woocommerce .help-bar ul li a:hover, .woocommerce .continue-shopping:hover, .woocommerce .address .edit-address:hover, .my_account_orders td.order-number a:hover, .product_meta a.inline:hover { border-bottom-color: ' . $accent_color . ';}';
echo '.woocommerce .order-info, .woocommerce .order-info mark {background: ' . $accent_color . '; color: ' . $accent_alt_color . ';}';
echo '.woocommerce #payment div.payment_box:after {border-bottom-color: ' . $alt_bg_color . ';}';
echo '.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {background: ' . $section_divide_color . ';}';
echo '.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {background: ' . $alt_bg_color . ';}';
echo '.yith-wcwl-wishlistexistsbrowse a:hover, .yith-wcwl-wishlistaddedbrowse a:hover {color: ' . $accent_alt_color . ';}';
echo '.woocommerce ul.products li.product .price, .woocommerce div.product p.price {color: ' . $body_text_color . ';}';
echo '.woocommerce ul.products li.product-category .product-cat-info {background: ' . $section_divide_color . ';}';
echo '.woocommerce ul.products li.product-category .product-cat-info:before {border-bottom-color:' . $section_divide_color . ';}';
echo '.woocommerce ul.products li.product-category a:hover .product-cat-info {background: ' . $accent_color . '; color: ' . $accent_alt_color . ';}';
echo '.woocommerce ul.products li.product-category a:hover .product-cat-info h3 {color: ' . $accent_alt_color . '!important;}';
echo '.woocommerce ul.products li.product-category a:hover .product-cat-info:before {border-bottom-color:' . $accent_color . ';}';
echo '.woocommerce input[name="apply_coupon"], .woocommerce .cart input[name="update_cart"], .woocommerce .shipping-calc-wrap button[name="calc_shipping"], .woocommerce-account input[name="change_password"] {background: ' . $alt_bg_color . '!important; color: ' . $secondary_accent_color . '!important}';
echo '.woocommerce input[name="apply_coupon"]:hover, .woocommerce .cart input[name="update_cart"]:hover, .woocommerce .shipping-calc-wrap button[name="calc_shipping"]:hover, .woocommerce-account input[name="change_password"]:hover, .woocommerce input[name="save_account_details"]:hover {background: ' . $accent_color . '!important; color: ' . $accent_alt_color . '!important;}';
// BUDDYPRESS STYLES
echo '#buddypress .activity-meta a, #buddypress .acomment-options a, #buddypress #member-group-links li a {border-color: ' . $section_divide_color . ';}';
echo '#buddypress .activity-meta a:hover, #buddypress .acomment-options a:hover, #buddypress #member-group-links li a:hover {border-color: ' . $accent_color . ';}';
echo '#buddypress .activity-header a, #buddypress .activity-read-more a {border-color: ' . $accent_color . ';}';
echo '#buddypress #members-list .item-meta .activity, #buddypress .activity-header p {color: ' . $body_alt_text_color . ';}';
echo '#buddypress .pagination-links span, #buddypress .load-more.loading a {background-color: ' . $accent_color . ';color: ' . $accent_alt_color . ';border-color: ' . $accent_color . ';}';
// BBPRESS STYLES
echo 'span.bbp-admin-links a, li.bbp-forum-info .bbp-forum-content {color: ' . $body_alt_text_color . ';}';
echo 'span.bbp-admin-links a:hover {color: ' . $accent_color . ';}';
echo '.bbp-topic-action #favorite-toggle a, .bbp-topic-action #subscription-toggle a, .bbp-single-topic-meta a, .bbp-topic-tags a, #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic, #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer, #bbp-user-navigation ul li a, .bbp-pagination-links a, #bbp-your-profile fieldset input, #bbp-your-profile fieldset textarea, #bbp-your-profile, #bbp-your-profile fieldset {border-color: ' . $section_divide_color . ';}';
echo '.bbp-topic-action #favorite-toggle a:hover, .bbp-topic-action #subscription-toggle a:hover, .bbp-single-topic-meta a:hover, .bbp-topic-tags a:hover, #bbp-user-navigation ul li a:hover, .bbp-pagination-links a:hover {border-color: ' . $accent_color . ';}';
echo '#bbp-user-navigation ul li.current a, .bbp-pagination-links span.current {border-color: ' . $accent_color . ';background: ' . $accent_color . '; color: ' . $accent_alt_color . ';}';
echo '#bbpress-forums fieldset.bbp-form button[type="submit"], #bbp_user_edit_submit {background: ' . $alt_bg_color . '; color: ' . $secondary_accent_color . '}';
echo '#bbpress-forums fieldset.bbp-form button[type="submit"]:hover, #bbp_user_edit_submit:hover {background: ' . $accent_color . '; color: ' . $accent_alt_color . ';}';
// ASSET BACKGROUND STYLES
echo '.asset-bg {border-color: ' . $section_divide_color . ';}';
echo '.asset-bg.alt-one {background-color: ' . $alt_one_bg_color . ';}';
if (isset($options['alt_one_bg_image']) && $alt_one_bg_image != "") {
if ($alt_one_bg_image_size == "cover") {
echo '.asset-bg.alt-one {background-image: url(' . $alt_one_bg_image . '); background-repeat: no-repeat; background-position: center center; background-size:cover;}';
} else {
echo '.asset-bg.alt-one {background-image: url(' . $alt_one_bg_image . '); background-repeat: repeat; background-position: center top; background-size:auto;}';
}
}
echo '.asset-bg.alt-one, .asset-bg .alt-one, .asset-bg.alt-one h1, .asset-bg.alt-one h2, .asset-bg.alt-one h3, .asset-bg.alt-one h3, .asset-bg.alt-one h4, .asset-bg.alt-one h5, .asset-bg.alt-one h6, .alt-one .carousel-wrap > a {color: ' . $alt_one_text_color . ';}';
echo '.asset-bg.alt-one h4.spb-center-heading span:before, .asset-bg.alt-one h4.spb-center-heading span:after {border-color: ' . $alt_one_text_color . ';}';
echo '.alt-one .full-width-text:after {border-top-color:' . $alt_one_bg_color . ';}';
echo '.alt-one h4.spb-text-heading, .alt-one h4.spb-heading {border-bottom-color:' . $alt_one_text_color . ';}';
echo '.asset-bg.alt-two {background-color: ' . $alt_two_bg_color . ';}';
if (isset($options['alt_two_bg_image']) && $alt_two_bg_image != "") {
if ($alt_two_bg_image_size == "cover") {
echo '.asset-bg.alt-two {background-image: url(' . $alt_two_bg_image . '); background-repeat: no-repeat; background-position: center center; background-size:cover;}';
} else {
echo '.asset-bg.alt-two {background-image: url(' . $alt_two_bg_image . '); background-repeat: repeat; background-position: center top; background-size:auto;}';
}
}
echo '.asset-bg.alt-two, .asset-bg .alt-two, .asset-bg.alt-two h1, .asset-bg.alt-two h2, .asset-bg.alt-two h3, .asset-bg.alt-two h3, .asset-bg.alt-two h4, .asset-bg.alt-two h5, .asset-bg.alt-two h6, .alt-two .carousel-wrap > a {color: ' . $alt_two_text_color . ';}';
echo '.asset-bg.alt-two h4.spb-center-heading span:before, .asset-bg.alt-two h4.spb-center-heading span:after {border-color: ' . $alt_two_text_color . ';}';
echo '.alt-two .full-width-text:after {border-top-color:' . $alt_two_bg_color . ';}';
echo '.alt-two h4.spb-text-heading, .alt-two h4.spb-heading {border-bottom-color:' . $alt_two_text_color . ';}';
echo '.asset-bg.alt-three {background-color: ' . $alt_three_bg_color . ';}';
if (isset($options['alt_three_bg_image']) && $alt_three_bg_image != "") {
if ($alt_three_bg_image_size == "cover") {
echo '.asset-bg.alt-three {background-image: url(' . $alt_three_bg_image . '); background-repeat: no-repeat; background-position: center center; background-size:cover;}';
} else {
echo '.asset-bg.alt-three {background-image: url(' . $alt_three_bg_image . '); background-repeat: repeat; background-position: center top; background-size:auto;}';
}
}
echo '.asset-bg.alt-three, .asset-bg .alt-three, .asset-bg.alt-three h1, .asset-bg.alt-three h2, .asset-bg.alt-three h3, .asset-bg.alt-three h3, .asset-bg.alt-three h4, .asset-bg.alt-three h5, .asset-bg.alt-three h6, .alt-three .carousel-wrap > a {color: ' . $alt_three_text_color . ';}';
echo '.asset-bg.alt-three h4.spb-center-heading span:before, .asset-bg.alt-three h4.spb-center-heading span:after {border-color: ' . $alt_three_text_color . ';}';
echo '.alt-three .full-width-text:after {border-top-color:' . $alt_three_bg_color . ';}';
echo '.alt-three h4.spb-text-heading, .alt-three h4.spb-heading {border-bottom-color:' . $alt_three_text_color . ';}';
echo '.asset-bg.alt-four {background-color: ' . $alt_four_bg_color . ';}';
if (isset($options['alt_four_bg_image']) && $alt_four_bg_image != "") {
if ($alt_four_bg_image_size == "cover") {
echo '.asset-bg.alt-four {background-image: url(' . $alt_four_bg_image . '); background-repeat: no-repeat; background-position: center center; background-size:cover;}';
} else {
echo '.asset-bg.alt-four {background-image: url(' . $alt_four_bg_image . '); background-repeat: repeat; background-position: center top; background-size:auto;}';
}
}
echo '.asset-bg.alt-four, .asset-bg .alt-four, .asset-bg.alt-four h1, .asset-bg.alt-four h2, .asset-bg.alt-four h3, .asset-bg.alt-four h3, .asset-bg.alt-four h4, .asset-bg.alt-four h5, .asset-bg.alt-four h6, .alt-four .carousel-wrap > a {color: ' . $alt_four_text_color . ';}';
echo '.asset-bg.alt-four h4.spb-center-heading span:before, .asset-bg.alt-four h4.spb-center-heading span:after {border-color: ' . $alt_four_text_color . ';}';
echo '.alt-four .full-width-text:after {border-top-color:' . $alt_four_bg_color . ';}';
echo '.alt-four h4.spb-text-heading, .alt-four h4.spb-heading {border-bottom-color:' . $alt_four_text_color . ';}';
echo '.asset-bg.alt-five {background-color: ' . $alt_five_bg_color . ';}';
if (isset($options['alt_five_bg_image']) && $alt_five_bg_image != "") {
if ($alt_five_bg_image_size == "cover") {
echo '.asset-bg.alt-five {background-image: url(' . $alt_five_bg_image . '); background-repeat: no-repeat; background-position: center center; background-size:cover;}';
} else {
echo '.asset-bg.alt-five {background-image: url(' . $alt_five_bg_image . '); background-repeat: repeat; background-position: center top; background-size:auto;}';
}
}
echo '.asset-bg.alt-five, .asset-bg .alt-five, .asset-bg.alt-five h1, .asset-bg.alt-five h2, .asset-bg.alt-five h3, .asset-bg.alt-five h3, .asset-bg.alt-five h4, .asset-bg.alt-five h5, .asset-bg.alt-five h6, .alt-five .carousel-wrap > a {color: ' . $alt_five_text_color . ';}';
echo '.asset-bg.alt-five h4.spb-center-heading span:before, .asset-bg.alt-five h4.spb-center-heading span:after {border-color: ' . $alt_five_text_color . ';}';
echo '.alt-five .full-width-text:after {border-top-color:' . $alt_five_bg_color . ';}';
echo '.alt-five h4.spb-text-heading, .alt-five h4.spb-heading {border-bottom-color:' . $alt_five_text_color . ';}';
echo '.asset-bg.alt-six {background-color: ' . $alt_six_bg_color . ';}';
if (isset($options['alt_six_bg_image']) && $alt_six_bg_image != "") {
if ($alt_six_bg_image_size == "cover") {
echo '.asset-bg.alt-six {background-image: url(' . $alt_six_bg_image . '); background-repeat: no-repeat; background-position: center center; background-size:cover;}';
} else {
echo '.asset-bg.alt-six {background-image: url(' . $alt_six_bg_image . '); background-repeat: repeat; background-position: center top; background-size:auto;}';
}
}
echo '.asset-bg.alt-six, .asset-bg .alt-six, .asset-bg.alt-six h1, .asset-bg.alt-six h2, .asset-bg.alt-six h3, .asset-bg.alt-six h3, .asset-bg.alt-six h4, .asset-bg.alt-six h5, .asset-bg.alt-six h6, .alt-six .carousel-wrap > a {color: ' . $alt_six_text_color . ';}';
echo '.asset-bg.alt-six h4.spb-center-heading span:before, .asset-bg.alt-six h4.spb-center-heading span:after {border-color: ' . $alt_six_text_color . ';}';
echo '.alt-six .full-width-text:after {border-top-color:' . $alt_six_bg_color . ';}';
echo '.alt-six h4.spb-text-heading, .alt-six h4.spb-heading {border-bottom-color:' . $alt_six_text_color . ';}';
echo '.asset-bg.alt-seven {background-color: ' . $alt_seven_bg_color . ';}';
if (isset($options['alt_seven_bg_image']) && $alt_seven_bg_image != "") {
if ($alt_seven_bg_image_size == "cover") {
echo '.asset-bg.alt-seven {background-image: url(' . $alt_seven_bg_image . '); background-repeat: no-repeat; background-position: center center; background-size:cover;}';
} else {
echo '.asset-bg.alt-seven {background-image: url(' . $alt_seven_bg_image . '); background-repeat: repeat; background-position: center top; background-size:auto;}';
}
}
echo '.asset-bg.alt-seven, .asset-bg .alt-seven, .asset-bg.alt-seven h1, .asset-bg.alt-seven h2, .asset-bg.alt-seven h3, .asset-bg.alt-seven h3, .asset-bg.alt-seven h4, .asset-bg.alt-seven h5, .asset-bg.alt-seven h6, .alt-seven .carousel-wrap > a {color: ' . $alt_seven_text_color . ';}';
echo '.asset-bg.alt-seven h4.spb-center-heading span:before, .asset-bg.alt-seven h4.spb-center-heading span:after {border-color: ' . $alt_seven_text_color . ';}';
echo '.alt-seven .full-width-text:after {border-top-color:' . $alt_seven_bg_color . ';}';
echo '.alt-seven h4.spb-text-heading, .alt-seven h4.spb-heading {border-bottom-color:' . $alt_seven_text_color . ';}';
echo '.asset-bg.alt-eight {background-color: ' . $alt_eight_bg_color . ';}';
if (isset($options['alt_eight_bg_image']) && $alt_eight_bg_image != "") {
if ($alt_eight_bg_image_size == "cover") {
echo '.asset-bg.alt-eight {background-image: url(' . $alt_eight_bg_image . '); background-repeat: no-repeat; background-position: center center; background-size:cover;}';
} else {
echo '.asset-bg.alt-eight {background-image: url(' . $alt_eight_bg_image . '); background-repeat: repeat; background-position: center top; background-size:auto;}';
}
}
echo '.asset-bg.alt-eight, .asset-bg .alt-eight, .asset-bg.alt-eight h1, .asset-bg.alt-eight h2, .asset-bg.alt-eight h3, .asset-bg.alt-eight h3, .asset-bg.alt-eight h4, .asset-bg.alt-eight h5, .asset-bg.alt-eight h6, .alt-eight .carousel-wrap > a {color: ' . $alt_eight_text_color . ';}';
echo '.asset-bg.alt-eight h4.spb-center-heading span:before, .asset-bg.alt-eight h4.spb-center-heading span:after {border-color: ' . $alt_eight_text_color . ';}';
echo '.alt-eight .full-width-text:after {border-top-color:' . $alt_eight_bg_color . ';}';
echo '.alt-eight h4.spb-text-heading, .alt-eight h4.spb-heading {border-bottom-color:' . $alt_eight_text_color . ';}';
echo '.asset-bg.alt-nine {background-color: ' . $alt_nine_bg_color . ';}';
if (isset($options['alt_nine_bg_image']) && $alt_nine_bg_image != "") {
if ($alt_nine_bg_image_size == "cover") {
echo '.asset-bg.alt-nine {background-image: url(' . $alt_nine_bg_image . '); background-repeat: no-repeat; background-position: center center; background-size:cover;}';
} else {
echo '.asset-bg.alt-nine {background-image: url(' . $alt_nine_bg_image . '); background-repeat: repeat; background-position: center top; background-size:auto;}';
}
}
echo '.asset-bg.alt-nine, .asset-bg .alt-nine, .asset-bg.alt-nine h1, .asset-bg.alt-nine h2, .asset-bg.alt-nine h3, .asset-bg.alt-nine h3, .asset-bg.alt-nine h4, .asset-bg.alt-nine h5, .asset-bg.alt-nine h6, .alt-nine .carousel-wrap > a {color: ' . $alt_nine_text_color . ';}';
echo '.asset-bg.alt-nine h4.spb-center-heading span:before, .asset-bg.alt-nine h4.spb-center-heading span:after {border-color: ' . $alt_nine_text_color . ';}';
echo '.alt-nine .full-width-text:after {border-top-color:' . $alt_nine_bg_color . ';}';
echo '.alt-nine h4.spb-text-heading, .alt-nine h4.spb-heading {border-bottom-color:' . $alt_nine_text_color . ';}';
echo '.asset-bg.alt-ten {background-color: ' . $alt_ten_bg_color . ';}';
if (isset($options['alt_ten_bg_image']) && $alt_ten_bg_image != "") {
if ($alt_ten_bg_image_size == "cover") {
echo '.asset-bg.alt-ten {background-image: url(' . $alt_ten_bg_image . '); background-repeat: no-repeat; background-position: center center; background-size:cover;}';
} else {
echo '.asset-bg.alt-ten {background-image: url(' . $alt_ten_bg_image . '); background-repeat: repeat; background-position: center top; background-size:auto;}';
}
}
echo '.asset-bg.alt-ten, .asset-bg .alt-ten, .asset-bg.alt-ten h1, .asset-bg.alt-ten h2, .asset-bg.alt-ten h3, .asset-bg.alt-ten h3, .asset-bg.alt-ten h4, .asset-bg.alt-ten h5, .asset-bg.alt-ten h6, .alt-ten .carousel-wrap > a {color: ' . $alt_ten_text_color . ';}';
echo '.asset-bg.alt-ten h4.spb-center-heading span:before, .asset-bg.alt-ten h4.spb-center-heading span:after {border-color: ' . $alt_ten_text_color . ';}';
echo '.alt-ten .full-width-text:after {border-top-color:' . $alt_ten_bg_color . ';}';
echo '.alt-ten h4.spb-text-heading, .alt-ten h4.spb-heading {border-bottom-color:' . $alt_ten_text_color . ';}';
echo '.asset-bg.light-style, .asset-bg.light-style h1, .asset-bg.light-style h2, .asset-bg.light-style h3, .asset-bg.light-style h3, .asset-bg.light-style h4, .asset-bg.light-style h5, .asset-bg.light-style h6 {color: #fff!important;}';
echo '.asset-bg.dark-style, .asset-bg.dark-style h1, .asset-bg.dark-style h2, .asset-bg.dark-style h3, .asset-bg.dark-style h3, .asset-bg.dark-style h4, .asset-bg.dark-style h5, .asset-bg.dark-style h6 {color: #222!important;}';
// PAGE BACKGROUND STYLES
if ($bg_image_url != "") {
if ($background_image_size == "cover") {
echo 'body { background: transparent url("' . $bg_image_url . '") no-repeat center top fixed; background-size: cover; }';
} else {
echo 'body { background: transparent url("' . $bg_image_url . '") repeat center top fixed; background-size: auto; }';
}
}
// INNER PAGE BACKGROUND STYLES
if ($inner_bg_image_url != "") {
echo '#main-container { background: transparent url("' . $inner_bg_image_url . '") repeat center top; background-size: auto; }';
echo '.standard-post-content, .blog-aux-options li a, .blog-aux-options li form input, .masonry-items .blog-item .masonry-item-wrap, .widget .wp-tag-cloud li a, ul.portfolio-filter-tabs li.selected a, .masonry-items .portfolio-item-details {background: ' . $inner_page_bg_color . ';}';
echo '.format-quote .standard-post-content:before, .standard-post-content.no-thumb:before {border-left-color: ' . $inner_page_bg_color . ';}';
}
// CUSTOM FONT STYLES
if ($body_font_option == "standard") {
echo 'body, h6, #sidebar .widget-heading h3, #header-search input, .header-items h3.phone-number, .related-wrap h4, #comments-list > h3, .item-heading h1, .sf-button, button, input[type="submit"], input[type="email"], input[type="reset"], input[type="button"], .spb_accordion_section h3, #header-login input, #mobile-navigation > div, .search-form input, input, button, select, textarea {font-family: "' . $standard_font . '", Arial, Helvetica, Tahoma, sans-serif;}';
}
if ($headings_font_option == "standard") {
echo 'h1, h2, h3, h4, h5, .custom-caption p, span.dropcap1, span.dropcap2, span.dropcap3, span.dropcap4, .spb_call_text, .impact-text, .impact-text-large, .testimonial-text, .header-advert, .sf-count-asset .count-number, #base-promo, .sf-countdown, .fancy-heading h1, .sf-icon-character {font-family: "' . $heading_font . '", Arial, Helvetica, Tahoma, sans-serif;}';
}
if ($menu_font_option == "standard") {
echo 'nav .menu li {font-family: "' . $menu_font . '", Arial, Helvetica, Tahoma, sans-serif;}';
}
if ($body_font_option == "google") {
echo 'body, h6, #sidebar .widget-heading h3, #header-search input, .header-items h3.phone-number, .related-wrap h4, #comments-list > h4, .item-heading h1, .sf-button, button, input[type="submit"], input[type="reset"], input[type="button"], input[type="email"], .spb_accordion_section h3, #header-login input, #mobile-navigation > div, .search-form input, input, button, select, textarea {font-family: "' . $google_font_one . '", sans-serif;font-weight: ' . $google_font_one_weight . ';font-style: ' . $google_font_one_style . ';}';
echo 'strong, .sf-button, h6, .standard-post-date, .sf-count-asset h6.count-subject, .progress-bar-wrap .bar-text > span.progress-value, .portfolio-showcase-wrap ul li .item-info span.item-title, table.sf-table th, .team-member figcaption span, .read-more-button, .pagination-wrap li span.current, #respond .form-submit input#submit, .twitter-link a, .comment-meta .comment-author, .woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge, .woocommerce a.button.alt, .woocommerce .coupon input.apply-coupon, .bag-product-title a, .woocommerce .shipping-calculator-form .update-totals-button button, table.totals_table tr.total, .woocommerce .button.update-cart-button, .woocommerce .button.checkout-button, #product-accordion .accordion-toggle, .woocommerce ul.products li.product-category h3 {font-family: "' . $google_font_one . '", sans-serif;font-style: ' . $google_font_one_style . ';letter-spacing: normal; font-weight: bold!important;}';
}
if ($headings_font_option == "google") {
echo 'h1, h2, h3, h4, h5, .heading-font, .custom-caption p, span.dropcap1, span.dropcap2, span.dropcap3, span.dropcap4, .spb_call_text, .impact-text, .impact-text-large, .testimonial-text, .header-advert, .spb_call_text, .impact-text, .sf-count-asset .count-number, #base-promo, .sf-countdown, .fancy-heading h1, .sf-icon-character {font-family: "' . $google_font_two . '", sans-serif;font-weight: ' . $google_font_two_weight . ';font-style: ' . $google_font_two_style . ';}';
}
if ($menu_font_option == "google") {
echo 'nav .menu li {font-family: "' . $google_font_three . '", sans-serif;font-weight: ' . $google_font_three_weight . ';font-style: ' . $google_font_three_style . ';}';
}
if ($body_font_option == "fontdeck") {
$replace_with = 'body, h6, #sidebar .widget-heading h3, #header-search input, .header-items h3.phone-number, .related-wrap h4, #comments-list > h4, .item-heading h1, .sf-button, button, input[type="submit"], input[type="reset"], input[type="button"], input[type="email"], .spb_accordion_section h3, #header-login input, #mobile-navigation > div, .search-form input, input, button, select, textarea {';
$fd_standard_output = str_replace("div {", $replace_with, $fontdeck_standard_font);
echo $fd_standard_output;
$replace_with_bold = 'strong, .sf-button, h6, .standard-post-date, .sf-count-asset h6.count-subject, .progress-bar-wrap .bar-text > span.progress-value, .portfolio-showcase-wrap ul li .item-info span.item-title, table.sf-table th, .team-member figcaption span, .read-more-button, .pagination-wrap li span.current, #respond .form-submit input#submit, .twitter-link a, .comment-meta .comment-author, .woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge, .woocommerce a.button.alt, .woocommerce .coupon input.apply-coupon, .bag-product-title a, .woocommerce .shipping-calculator-form .update-totals-button button, table.totals_table tr.total, .woocommerce .button.update-cart-button, .woocommerce .button.checkout-button, #product-accordion .accordion-toggle, .woocommerce ul.products li.product-category h3 {';
$fd_standard_bold_output = str_replace("div {", $replace_with_bold, $fontdeck_standard_font);
echo $fd_standard_bold_output;
}
if ($headings_font_option == "fontdeck") {
$replace_with = 'h1, h2, h3, h4, h5, .heading-font, .custom-caption p, span.dropcap1, span.dropcap2, span.dropcap3, span.dropcap4, .spb_call_text, .impact-text, .impact-text-large, .testimonial-text, .header-advert, .spb_call_text, .impact-text, .sf-count-asset .count-number, #base-promo, .sf-countdown, .fancy-heading h1, .sf-icon-character {';
$fd_heading_output = str_replace("div {", $replace_with, $fontdeck_heading_font);
echo $fd_heading_output;
}
if ($menu_font_option == "fontdeck") {
$replace_with = 'nav .menu li {';
$fd_menu_output = str_replace("div {", $replace_with, $fontdeck_menu_font);
echo $fd_menu_output;
}
// RESPONSIVE STYLES
if ($enable_responsive) {
echo '@media only screen and (max-width: 767px) {';
echo '#top-bar nav .menu > li {border-top-color: ' . $topbar_divider_color . ';}';
echo 'nav .menu > li {border-top-color: ' . $section_divide_color . ';}';
echo '}';
}
// USER STYLES
if ($custom_css) {
echo "\n" . '/*========== User Custom CSS Styles ==========*/' . "\n";
echo $custom_css;
}
// CLOSE STYLE TAG
echo "</style>" . "\n";
}
function sf_custom_styles()
{
global $sf_options, $post;
$enable_responsive = $sf_options['enable_responsive'];
$disable_mobile_animations = $sf_options['disable_mobile_animations'];
$enable_mini_header_resize = $sf_options['enable_mini_header_resize'];
$site_maxwidth = "1170";
if (isset($sf_options['site_maxwidth'])) {
$site_maxwidth = $sf_options['site_maxwidth'];
}
// Standard Styling
$accent_color = sf_get_option('accent_color', '#66cc66');
$accent_alt_color = sf_get_option('accent_alt_color', '#ffffff');
$secondary_accent_color = sf_get_option('secondary_accent_color', '#222222');
$secondary_accent_alt_color = sf_get_option('secondary_accent_alt_color', '#ffffff');
// Page Styling
$page_bg_color = sf_get_option('page_bg_color', '#f7f7f7');
$inner_page_bg_transparent = sf_get_option('inner_page_bg_transparent', 'color');
$inner_page_bg_color = sf_get_option('inner_page_bg_color', '#ffffff');
$body_bg_use_image = $sf_options['use_bg_image'];
$body_upload_bg = $body_preset_bg = "";
if (isset($sf_options['custom_bg_image'])) {
$body_upload_bg = $sf_options['custom_bg_image'];
}
if (isset($sf_options['preset_bg_image'])) {
$body_preset_bg = $sf_options['preset_bg_image'];
}
$section_divide_color = sf_get_option('section_divide_color', '#e4e4e4');
$alt_bg_color = sf_get_option('alt_bg_color', '#f7f7f7');
$bg_size = $sf_options['bg_size'];
// Top Bar Styling
$topbar_bg_color = sf_get_option('topbar_bg_color', '#ffffff');
$topbar_text_color = sf_get_option('topbar_text_color', '#222222');
$topbar_link_color = sf_get_option('topbar_link_color', '#666666');
$topbar_link_hover_color = sf_get_option('topbar_link_hover_color', '#fe504f');
$topbar_divider_color = sf_get_option('topbar_divider_color', '#e3e3e3');
// Header Styling
$header_bg_color = sf_get_option('header_bg_color', '#ffffff');
$header_bg_transparent = sf_get_option('header_bg_transparent', 'color');
$header_border_color = sf_get_option('header_border_color', '#e4e4e4');
$header_text_color = sf_get_option('header_text_color', '#222');
$header_link_color = sf_get_option('header_link_color', '#222');
$header_link_hover_color = sf_get_option('header_link_hover_color', '#fe504f');
$header_layout = $sf_options['header_layout'];
if (isset($_GET['header'])) {
$header_layout = $_GET['header'];
}
$page_header_type = "standard";
if (is_page() && $post) {
$page_header_type = sf_get_post_meta($post->ID, 'sf_page_header_type', true);
} else {
if (is_singular('post') && $post) {
$post_header_type = sf_get_post_meta($post->ID, 'sf_page_header_type', true);
$fw_media_display = sf_get_post_meta($post->ID, 'sf_fw_media_display', true);
$page_title_style = sf_get_post_meta($post->ID, 'sf_page_title_style', true);
if ($page_title_style == "fancy" || $fw_media_display == "fw-media-title" || $fw_media_display == "fw-media") {
$page_header_type = $post_header_type;
}
}
}
if (($page_header_type == "naked-light" || $page_header_type == "naked-dark") && ($header_layout == "header-vert" || $header_layout == "header-vert-right")) {
$header_layout = "header-4";
}
$header_divider_style = sf_get_option('header_divider_style', 'divider');
// Mobile Menu Styling
$mobile_menu_bg_color = sf_get_option('mobile_menu_bg_color', '#222');
$mobile_menu_divider_color = sf_get_option('mobile_menu_divider_color', '#444');
$mobile_menu_text_color = sf_get_option('mobile_menu_text_color', '#e4e4e4');
$mobile_menu_link_color = sf_get_option('mobile_menu_link_color', '#fff');
$mobile_menu_link_hover_color = sf_get_option('mobile_menu_link_hover_color', '#fe504f');
// Logo Setup
$logo_width = $logo_height = $logo_maxheight = $header_height = $resize_header_height = $retina_logo_width = $logo_padding = $resize_logo_padding = $resize_logo_height = $custom_logo_padding = "";
$logo = $retina_logo = array();
$logo_maxheight = $sf_options['logo_maxheight'];
if (isset($sf_options['logo_padding'])) {
$custom_logo_padding = $sf_options['logo_padding'];
}
if (isset($sf_options['logo_upload'])) {
$logo = $sf_options['logo_upload'];
}
if (isset($sf_options['retina_logo_upload'])) {
$retina_logo = $sf_options['retina_logo_upload'];
$retina_logo_width = intval($retina_logo['width'], 10) / 2;
}
if (!isset($retina_logo['url']) && isset($logo['url'])) {
$retina_logo['url'] = $logo['url'];
}
if (isset($logo['height']) && $logo['height'] != "") {
$logo_height = $logo['height'];
$logo_width = $logo['width'];
$header_height = intval($logo['height'], 10);
} else {
$logo_height = $header_height = 60;
}
if ($logo_height < 70) {
$logo_height = 70;
}
if ($logo_height > $logo_maxheight && $logo_maxheight != "" && $logo_maxheight != 0) {
$logo_height = $logo_maxheight;
$header_height = $logo_maxheight;
}
if ($logo_height < 80) {
$logo_padding = apply_filters('sf_logo_padding', 20);
} else {
$logo_padding = apply_filters('sf_logo_padding', 10);
}
if (isset($custom_logo_padding) && $custom_logo_padding != "") {
$logo_padding = $custom_logo_padding;
}
$resize_logo_padding = $logo_padding / 2;
$resize_header_height = $header_height + $resize_logo_padding * 2 . 'px';
$header_height = $header_height + $logo_padding * 2 . 'px';
if ($header_height == "") {
$header_height = '70px';
}
// Navigation Styling
$nav_hover_style = sf_get_option('nav_hover_style', 'standard');
$nav_bg_color = sf_get_option('nav_bg_color', '#fff');
$nav_text_color = sf_get_option('nav_text_color', '#252525');
$nav_bg_hover_color = sf_get_option('nav_bg_hover_color', '#f7f7f7');
$nav_text_hover_color = sf_get_option('nav_text_hover_color', '#fe504f');
$nav_selected_bg_color = sf_get_option('nav_selected_bg_color', '#e3e3e3');
$nav_selected_text_color = sf_get_option('nav_selected_text_color', '#fe504f');
$nav_pointer_color = sf_get_option('nav_pointer_color', '#07c1b6');
$nav_sm_bg_color = sf_get_option('nav_sm_bg_color', '#FFFFFF');
$nav_sm_text_color = sf_get_option('nav_sm_text_color', '#666666');
$nav_sm_text_hover_color = sf_get_option('nav_sm_text_hover_color', '#000000');
$nav_sm_selected_text_color = sf_get_option('nav_sm_selected_text_color', '#000000');
$nav_divider = sf_get_option('nav_divider', 'solid');
$nav_divider_color = sf_get_option('nav_divider_color', '#f0f0f0');
$nav_text_hover_color_rgb = sf_hex2rgb($nav_text_hover_color);
// Overlay Menu Styling
$overlay_menu_bg_color = sf_get_option('overlay_menu_bg_color', '#e4e4e4');
$overlay_menu_text_color = sf_get_option('overlay_menu_text_color', '#666666');
$overlay_menu_link_color = sf_get_option('overlay_menu_link_color', '#222222');
$overlay_menu_link_hover_color = sf_get_option('overlay_menu_link_hover_color', '#1dc6df');
$overlay_menu_bg_color_rgb = sf_hex2rgb($overlay_menu_bg_color);
// Slideout Menu Styling
$slideout_menu_bg_color = sf_get_option('slideout_menu_bg_color', '#222');
$slideout_menu_bg_image = sf_get_option('slideout_menu_bg_image', '');
$slideout_menu_link_color = sf_get_option('slideout_menu_link_color', '#fff');
$slideout_menu_link_hover_color = sf_get_option('slideout_menu_link_hover_color', '#07c1b6');
$slideout_menu_divider_color = sf_get_option('slideout_menu_divider_color', '#ccc');
// Newsletter Bar Styling
$newsletter_bar_bg_color = sf_get_option('newsletter_bar_bg_color', '#222');
$newsletter_bar_text_color = sf_get_option('newsletter_bar_text_color', '#ccc');
$newsletter_bar_link_hover_color = sf_get_option('newsletter_bar_link_hover_color', '#fff');
// Header Banner Styling
$header_banner_bg_color = sf_get_option('header_banner_bg_color', '#fff');
$header_banner_text_color = sf_get_option('header_banner_text_color', '#222');
$header_banner_link_color = sf_get_option('header_banner_link_color', '#333');
$header_banner_link_hover_color = sf_get_option('header_banner_link_hover_color', '#1dc6df');
$header_banner_border_color = sf_get_option('header_banner_border_color', '#e3e3e3');
// Promo Bar Styling
$promo_bar_bg_color = sf_get_option('promo_bar_bg_color', '#e4e4e4');
$promo_bar_text_color = sf_get_option('promo_bar_text_color', '#222');
// Breadcrumbs Styling
$breadcrumb_bg_color = sf_get_option('breadcrumb_bg_color', '#e4e4e4');
$breadcrumb_text_color = sf_get_option('breadcrumb_text_color', '#666666');
$breadcrumb_link_color = sf_get_option('breadcrumb_link_color', '#999999');
// Page Heading Styling
$page_heading_bg_color = sf_get_option('page_heading_bg_color', '#f7f7f7');
$page_heading_text_color = sf_get_option('page_heading_text_color', '#222222');
$page_heading_text_align = sf_get_option('page_heading_text_align', 'left');
// General Styling
$body_text_color = sf_get_option('body_color', '#222222');
$body_alt_text_color = sf_get_option('body_alt_color', '#222222');
$link_text_color = sf_get_option('link_color', '#444444');
$link_hover_color = sf_get_option('link_hover_color', '#999999');
$h1_text_color = sf_get_option('h1_color', '#222222');
$h2_text_color = sf_get_option('h2_color', '#222222');
$h3_text_color = sf_get_option('h3_color', '#222222');
$h4_text_color = sf_get_option('h4_color', '#222222');
$h5_text_color = sf_get_option('h5_color', '#222222');
$h6_text_color = sf_get_option('h6_color', '#222222');
$overlay_bg_color = sf_get_option('overlay_bg_color', '#fe504f');
$overlay_text_color = sf_get_option('overlay_text_color', '#ffffff');
$overlay_opacity = 100;
$hover_overlay_rgb = "";
if (isset($sf_options['overlay_opacity'])) {
$overlay_opacity = $sf_options['overlay_opacity'];
$hover_overlay_rgb = sf_hex2rgb($overlay_bg_color);
}
// Post Detail Styling
$article_review_bar_alt_color = sf_get_option('article_review_bar_alt_color', '#f7f7f7');
$article_review_bar_color = sf_get_option('article_review_bar_color', '#2e2e36');
$article_review_bar_text_color = sf_get_option('article_review_bar_text_color', '#fff');
$article_extras_bg_color = sf_get_option('article_extras_bg_color', '#f7f7f7');
$article_np_bg_color = sf_get_option('article_np_bg_color', '#444');
$article_np_text_color = sf_get_option('article_np_text_color', '#fff');
// UI Elements Styling
$form_styling = sf_get_option('form_styling', 'standard');
$input_bg_color = sf_get_option('input_bg_color', '#f7f7f7');
$input_text_color = sf_get_option('input_text_color', '#222222');
$sale_tag_color = sf_get_option('sale_tag_color', '#ef3f32');
$new_tag_color = sf_get_option('new_tag_color', '#fa726e');
$oos_tag_color = sf_get_option('oos_tag_color', '#999');
// Shortcode Styling
$icon_container_bg_color = sf_get_option('icon_container_bg_color', '#1dc6df');
$icon_color = sf_get_option('sf_icon_color', '#1dc6df');
$icon_container_hover_bg_color = sf_get_option('icon_container_hover_bg_color', '#222');
$icon_alt_color = sf_get_option('sf_icon_alt_color', '#ffffff');
$share_button_bg = sf_get_option('share_button_bg', '#fe504f');
$share_button_text = sf_get_option('share_button_text', '#ffffff');
$bold_rp_bg = sf_get_option('bold_rp_bg', '#fff');
$bold_rp_text = sf_get_option('bold_rp_text', '#222');
$bold_rp_hover_bg = sf_get_option('bold_rp_hover_bg', '#fe504f');
$bold_rp_hover_text = sf_get_option('bold_rp_hover_text', '#ffffff');
// Content Slider Styling
$tweet_slider_bg = sf_get_option('tweet_slider_bg', '#ffffff');
$tweet_slider_text = sf_get_option('tweet_slider_text', '#222222');
$tweet_slider_link = sf_get_option('tweet_slider_link', '#66cc66');
$tweet_slider_link_hover = sf_get_option('tweet_slider_link_hover', '#222222');
$testimonial_slider_bg = sf_get_option('testimonial_slider_bg', '#222222');
$testimonial_slider_text = sf_get_option('testimonial_slider_text', '#ffffff');
// Extra Icon Styling
$icon_one_color = sf_get_option('icon_one_color', '#FF9900');
$icon_one_alt_color = sf_get_option('icon_one_alt_color', '#ffffff');
$icon_two_color = sf_get_option('icon_two_color', '#339933');
$icon_two_alt_color = sf_get_option('icon_two_alt_color', '#ffffff');
$icon_three_color = sf_get_option('icon_three_color', '#cccccc');
$icon_three_alt_color = sf_get_option('icon_three_alt_color', '#222222');
$icon_four_color = sf_get_option('icon_four_color', '#6633ff');
$icon_four_alt_color = sf_get_option('icon_four_alt_color', '#ffffff');
// Footer Styling
$footer_bg_color = sf_get_option('footer_bg_color', '#222222');
$footer_text_color = sf_get_option('footer_text_color', '#cccccc');
$footer_link_color = sf_get_option('footer_link_color', '#ffffff');
$footer_link_hover_color = sf_get_option('footer_link_hover_color', '#cccccc');
$footer_border_color = sf_get_option('footer_border_color', '#333333');
$copyright_bg_color = sf_get_option('copyright_bg_color', '#222222');
$copyright_text_color = sf_get_option('copyright_text_color', '#999999');
$copyright_link_color = sf_get_option('copyright_link_color', '#ffffff');
$copyright_link_hover_color = sf_get_option('copyright_link_hover_color', '#cccccc');
// PAGE BACKGROUND IMAGE
global $post;
$bg_image_url = $inner_bg_image_url = $inner_background_color = $inner_background_image_size = $background_image_size = "";
if ($post && is_singular() && !is_search()) {
$page_background_image = rwmb_meta('sf_background_image', 'type=image&size=full');
$inner_page_background_image = rwmb_meta('sf_inner_background_image', 'type=image&size=full');
if (is_array($page_background_image)) {
foreach ($page_background_image as $image) {
$bg_image_url = $image['url'];
break;
}
}
if (is_array($inner_page_background_image)) {
foreach ($inner_page_background_image as $image) {
$inner_bg_image_url = $image['url'];
break;
}
}
}
if ($post && is_singular() && !is_search()) {
$inner_background_image_size = sf_get_post_meta($post->ID, 'sf_inner_background_image_size', true);
$inner_background_color = sf_get_post_meta($post->ID, 'sf_inner_background_color', true);
$background_image_size = sf_get_post_meta($post->ID, 'sf_background_image_size', true);
}
// WooCommerce Options
$product_imagewidth_override = false;
if (isset($sf_options['product_imagewidth_override'])) {
$product_imagewidth_override = $sf_options['product_imagewidth_override'];
}
// Custom CSS
$custom_css = $sf_options['custom_css'];
// OPEN STYLE TAG
echo '<style type="text/css">' . "\n";
// CUSTOM WIDTH OPTION
if ($site_maxwidth != "1170") {
$site_contwidth = intval($site_maxwidth, 10) - 30;
$site_boxedwidth = intval($site_maxwidth, 10) + 30;
echo '@media only screen and (min-width: ' . $site_boxedwidth . 'px) {
.layout-boxed #container, .boxed-inner-page #main-container, .single-product.page-heading-fancy .product-main, .layout-boxed #sf-newsletter-bar > .container {
width: ' . $site_boxedwidth . 'px;
}
.container {
width: ' . $site_maxwidth . 'px;
}
li.menu-item.sf-mega-menu > ul.sub-menu {
width: ' . $site_contwidth . 'px;
}
#header .is-sticky .sticky-header, #header-section.header-5 #header {
max-width: ' . $site_contwidth . 'px!important;
}
.boxed-layout #header-section.header-3 #header .is-sticky .sticky-header, .boxed-layout #header-section.header-4 #header .is-sticky .sticky-header, .boxed-layout #header-section.header-5 #header .is-sticky .sticky-header {
max-width: ' . $site_contwidth . 'px;
}
}';
}
// NON-RESPONSIVE STYLES
if (!$enable_responsive) {
$site_contwidth = intval($site_maxwidth, 10) - 30;
$site_boxedwidth = intval($site_maxwidth, 10) + 50;
echo '
html {
min-width: ' . $site_maxwidth . 'px;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 30px;
box-sizing:content-box!important;
-moz-box-sizing:content-box!important; /* Firefox */
-webkit-box-sizing:content-box!important; /* Safari */
}
.sidebar {
box-sizing:border-box!important;
-moz-box-sizing:border-box!important; /* Firefox */
-webkit-box-sizing:border-box!important; /* Safari */
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: ' . $site_contwidth . 'px!important;
max-width: none!important;
}
#header .is-sticky .sticky-header {
width: 100%!important;
max-width: none!important;
}
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666666666666%;
}
.col-sm-10 {
width: 83.33333333333334%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666666666666%;
}
.col-sm-7 {
width: 58.333333333333336%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666666666667%;
}
.col-sm-4 {
width: 33.33333333333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.666666666666664%;
}
.col-sm-1 {
width: 8.333333333333332%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666666666666%;
}
.col-sm-pull-10 {
right: 83.33333333333334%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666666666666%;
}
.col-sm-pull-7 {
right: 58.333333333333336%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666666666667%;
}
.col-sm-pull-4 {
right: 33.33333333333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.666666666666664%;
}
.col-sm-pull-1 {
right: 8.333333333333332%;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666666666666%;
}
.col-sm-push-10 {
left: 83.33333333333334%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666666666666%;
}
.col-sm-push-7 {
left: 58.333333333333336%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666666666667%;
}
.col-sm-push-4 {
left: 33.33333333333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.666666666666664%;
}
.col-sm-push-1 {
left: 8.333333333333332%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666666666666%;
}
.col-sm-offset-10 {
margin-left: 83.33333333333334%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666666666666%;
}
.col-sm-offset-7 {
margin-left: 58.333333333333336%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666666666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.666666666666664%;
}
.col-sm-offset-1 {
margin-left: 8.333333333333332%;
}
#container.boxed-layout, .boxed-layout #header-section .is-sticky #main-nav.sticky-header, .boxed-layout #header-section.header-6 .is-sticky #header.sticky-header {
width: ' . $site_boxedwidth . 'px;
}
#swift-slider {
min-width: ' . $site_contwidth . 'px;
}
.visible-xs, .visible-sm, .visible-xs.visible-sm {
display:none!important;
}
' . "\n";
}
// FONT STYLES
if (sf_woocommerce_activated()) {
$font_directory = get_template_directory_uri() . '/css/font';
$shop_icon_style = $sf_options['shop_icon_style'];
if ($shop_icon_style == "stroke") {
echo "@font-face {\n\t\t\t\t\t\tfont-family: 'si-shop-one';\n\t\t\t\t\t\tsrc:url('" . $font_directory . "/si-shop-one.eot?-7oeevn');\n\t\t\t\t\t\tsrc:url('" . $font_directory . "/si-shop-one.eot?#iefix-7oeevn') format('embedded-opentype'),\n\t\t\t\t\t\t\turl('" . $font_directory . "/si-shop-one.woff?-7oeevn') format('woff'),\n\t\t\t\t\t\t\turl('" . $font_directory . "/si-shop-one.ttf?-7oeevn') format('truetype'),\n\t\t\t\t\t\t\turl('" . $font_directory . "/si-shop-one.svg?-7oeevn#atelier') format('svg');\n\t\t\t\t\t\tfont-weight: normal;\n\t\t\t\t\t\tfont-style: normal;\n\t\t\t\t\t}\n\t\t\t\t\t.sf-icon-cart, .sf-icon-add-to-cart, .sf-icon-variable-options, .sf-icon-soldout {\n\t\t\t\t\t\tfont-family: 'si-shop-one'!important;\n\t\t\t\t\t}\n\t\t\t\t\t.sf-icon-cart:before {\n\t\t\t\t\t\tcontent: '\\e609';\n\t\t\t\t\t}\n\t\t\t\t\t.sf-icon-add-to-cart:before {\n\t\t\t\t\t\tcontent: '\\e608';\n\t\t\t\t\t}\n\t\t\t\t\t.sf-icon-variable-options:before {\n\t\t\t\t\t\tcontent: '\\e600';\n\t\t\t\t\t}\n\t\t\t\t\t.sf-icon-soldout:before {\n\t\t\t\t\t\tcontent: '\\e601';\n\t\t\t\t\t}\n\t\t\t\t\t.shopping-bag-item a > span.num-items {\n\t\t\t\t\t\tline-height: 20px!important;\n\t\t\t\t\t}\n\t\t\t\t\t#mobile-menu ul li.shopping-bag-item > a span.num-items {\n\t\t\t\t\t right: 21px;\n\t\t\t\t\t}\n\t\t\t\t\t.wishlist-item > a > i {\n\t\t\t\t\t\tvertical-align: -6px!important;\n\t\t\t\t\t}\n\t\t\t\t\t";
} else {
if ($shop_icon_style == "fill") {
echo "@font-face {\n\t\t\t\t\t\tfont-family: 'si-shop-two';\n\t\t\t\t\t\tsrc:url('" . $font_directory . "/si-shop-two.eot?-7oeevn');\n\t\t\t\t\t\tsrc:url('" . $font_directory . "/si-shop-two.eot?#iefix-7oeevn') format('embedded-opentype'),\n\t\t\t\t\t\t\turl('" . $font_directory . "/si-shop-two.woff?-7oeevn') format('woff'),\n\t\t\t\t\t\t\turl('" . $font_directory . "/si-shop-two.ttf?-7oeevn') format('truetype'),\n\t\t\t\t\t\t\turl('" . $font_directory . "/si-shop-two.svg?-7oeevn#atelier') format('svg');\n\t\t\t\t\t\tfont-weight: normal;\n\t\t\t\t\t\tfont-style: normal;\n\t\t\t\t\t}\n\t\t\t\t\t.sf-icon-cart, .sf-icon-add-to-cart, .sf-icon-variable-options, .sf-icon-soldout {\n\t\t\t\t\t\tfont-family: 'si-shop-two'!important;\n\t\t\t\t\t}\n\t\t\t\t\t.sf-icon-cart:before {\n\t\t\t\t\t\tcontent: '\\e600';\n\t\t\t\t\t}\n\t\t\t\t\t.sf-icon-add-to-cart:before {\n\t\t\t\t\t\tcontent: '\\e601';\n\t\t\t\t\t}\n\t\t\t\t\t.sf-icon-variable-options:before {\n\t\t\t\t\t\tcontent: '\\e602';\n\t\t\t\t\t}\n\t\t\t\t\t.sf-icon-soldout:before {\n\t\t\t\t\t\tcontent: '\\e603';\n\t\t\t\t\t}\n\t\t\t\t\t#mobile-menu ul li.shopping-bag-item > a span.num-items {\n\t\t\t\t\t\tright: 24px;\n\t\t\t\t\t\tmargin-top: -9px;\n\t\t\t\t\t}\n\t\t\t\t\t.wishlist-item > a > i {\n\t\t\t\t\t\tvertical-align: -6px!important;\n\t\t\t\t\t}\n\t\t\t\t\t";
} else {
if ($shop_icon_style == "basket") {
echo "@font-face {\n\t\t\t\t\t\tfont-family: 'si-shop-three';\n\t\t\t\t\t\tsrc:url('" . $font_directory . "/si-shop-three.eot?-7oeevn');\n\t\t\t\t\t\tsrc:url('" . $font_directory . "/si-shop-three.eot?#iefix-7oeevn') format('embedded-opentype'),\n\t\t\t\t\t\t\turl('" . $font_directory . "/si-shop-three.woff?-7oeevn') format('woff'),\n\t\t\t\t\t\t\turl('" . $font_directory . "/si-shop-three.ttf?-7oeevn') format('truetype'),\n\t\t\t\t\t\t\turl('" . $font_directory . "/si-shop-three.svg?-7oeevn#atelier') format('svg');\n\t\t\t\t\t\tfont-weight: normal;\n\t\t\t\t\t\tfont-style: normal;\n\t\t\t\t\t}\n\t\t\t\t\t.sf-icon-cart, .sf-icon-add-to-cart, .sf-icon-variable-options, .sf-icon-soldout {\n\t\t\t\t\t\tfont-family: 'si-shop-three'!important;\n\t\t\t\t\t}\n\t\t\t\t\t.sf-icon-variable-options:before {\n\t\t\t\t\t\tcontent: '\\e600';\n\t\t\t\t\t}\n\t\t\t\t\t.sf-icon-cart:before {\n\t\t\t\t\t\tcontent: '\\e601';\n\t\t\t\t\t}\n\t\t\t\t\t.sf-icon-add-to-cart:before {\n\t\t\t\t\t\tcontent: '\\e602';\n\t\t\t\t\t}\n\t\t\t\t\t.sf-icon-soldout:before {\n\t\t\t\t\t\tcontent: '\\e603';\n\t\t\t\t\t}\n\t\t\t\t\t.shopping-bag-item > a > span.num-items {\n\t\t\t\t\t\tmargin-top: -20px;\n\t\t\t\t\t\tright: 1px;\n\t\t\t\t\t}\n\t\t\t\t\t#mobile-menu ul li.shopping-bag-item > a span.num-items {\n\t\t\t\t\t right: 21px;\n\t\t\t\t\t}\n\t\t\t\t\t.mobile-header-opts > nav {\n\t\t\t\t\t\tvertical-align: 0;\n\t\t\t\t\t}\n\t\t\t\t\t";
}
}
}
}
if ($form_styling == "minimal") {
echo 'input[type="text"], input[type="email"], input[type="password"], textarea, select, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select, .ginput_container input[type="text"], .ginput_container input[type="email"], .ginput_container textarea, .ginput_container select, .mymail-form input[type="text"], .mymail-form input[type="email"], .mymail-form textarea, .mymail-form select, input[type="date"], input[type="tel"], input[type="number"], select {
padding: 10px 0;
border-left-width: 0!important;
border-right-width: 0!important;
border-top-width: 0!important;
height: 40px;
background-color: transparent!important;
}
textarea, .wpcf7 textarea {
height: auto;
}
select {
background-position: 100%;
}
#commentform label {
display: none;
}
.browser-ie #commentform label {
display: block;
}
.select2-container .select2-choice {
border-width: 0!important;
border-bottom-width: 2px!important;
padding-left: 0;
padding: 10px 0;
background: transparent!important;
}
.select2-container .select2-choice .select2-arrow b:after {
left: 100%;
}
.woocommerce form .form-row input.input-text {
padding: 10px 0;
}
.woocommerce .shipping-calculator-form select, #jckqv table.variations td select {
padding: 8px 0;
}
.woocommerce .coupon input.input-text, .woocommerce-cart table.cart td.actions .coupon .input-text {
padding: 6px 0;
}
.woocommerce div.product form.cart .variations select, #jckqv table.variations td select {
padding-left: 0;
background-position: 100% center;
}
@media only screen and (max-width: 767px) {
#commentform p > span.required {
position: absolute;
top: 0;
left: 18px;
}
}
';
}
// CUSTOM COLOUR STYLES
echo '::selection, ::-moz-selection {background-color: ' . $accent_color . '; color: #fff;}';
echo '.accent-bg, .funded-bar .bar {background-color:' . $accent_color . ';}';
echo '.accent {color:' . $accent_color . ';}';
echo 'span.highlighted, span.dropcap4, .loved-item:hover .loved-count, .flickr-widget li, .portfolio-grid li, figcaption .product-added, .woocommerce .widget_layered_nav ul li.chosen > *, .woocommerce .widget_layered_nav ul li.chosen small.count, .woocommerce .widget_layered_nav_filters ul li a, .sticky-post-icon, .fw-video-close:hover {background-color: ' . $accent_color . '!important; color: ' . $accent_alt_color . '!important;}';
echo 'a:hover, a:focus, #sidebar a:hover, .pagination-wrap a:hover, .carousel-nav a:hover, .portfolio-pagination div:hover > i, #footer a:hover, .beam-me-up a:hover span, .portfolio-item .portfolio-item-permalink, .read-more-link, .blog-item .read-more, .blog-item-details a:hover, .author-link, span.dropcap2, .spb_divider.go_to_top a, .item-link:hover, #header-translation p a, #breadcrumbs a:hover, .ui-widget-content a:hover, .yith-wcwl-add-button a:hover, #product-img-slider li a.zoom:hover, .woocommerce .star-rating span, #jckqv .woocommerce-product-rating .star-rating span:before, .article-body-wrap .share-links a:hover, ul.member-contact li a:hover, .bag-product a.remove:hover, .bag-product-title a:hover, #back-to-top:hover, ul.member-contact li a:hover, .fw-video-link-image:hover i, .ajax-search-results .all-results:hover, .search-result h5 a:hover .ui-state-default a:hover, .fw-video-link-icon:hover {color: ' . $accent_color . ';}';
echo '.carousel-wrap > a:hover, .woocommerce p.stars a.active:after, .woocommerce p.stars a:hover:after {color: ' . $accent_color . '!important;}';
//echo '.comments-likes a:hover span, .comments-likes a:hover i {color: '.$accent_color.'!important;}';
echo '.read-more i:before, .read-more em:before {color: ' . $accent_color . ';}';
echo 'textarea:focus, input:focus, input[type="text"]:focus, input[type="email"]:focus, textarea:focus, .bypostauthor .comment-wrap .comment-avatar,.search-form input:focus, .wpcf7 input:focus, .wpcf7 textarea:focus, .ginput_container input:focus, .ginput_container textarea:focus, .mymail-form input:focus, .mymail-form textarea:focus, input[type="tel"]:focus, input[type="number"]:focus {border-color: ' . $accent_color . '!important;}';
echo 'nav .menu ul li:first-child:after,.navigation a:hover > .nav-text, .returning-customer a:hover {border-bottom-color: ' . $accent_color . ';}';
echo 'nav .menu ul ul li:first-child:after {border-right-color: ' . $accent_color . ';}';
echo '.spb_impact_text .spb_call_text {border-left-color: ' . $accent_color . ';}';
echo '.spb_impact_text .spb_button span {color: #fff;}';
echo 'a[rel="tooltip"], ul.member-contact li a, a.text-link, .tags-wrap .tags a, .logged-in-as a, .comment-meta-actions .edit-link, .comment-meta-actions .comment-reply, .read-more {border-color: ' . $link_text_color . ';}';
echo '.super-search-go {border-color: ' . $accent_color . '!important;}';
echo '.super-search-go:hover {background: ' . $accent_color . '!important;border-color: ' . $accent_color . '!important;}';
echo '.owl-pagination .owl-page span {background-color: ' . $section_divide_color . ';}';
echo '.owl-pagination .owl-page::after {background-color: ' . $accent_color . ';}';
echo '.owl-pagination .owl-page:hover span, .owl-pagination .owl-page.active a {background-color: ' . $secondary_accent_color . ';}';
echo 'body.header-below-slider .home-slider-wrap #slider-continue:hover {border-color: ' . $accent_color . ';}';
echo 'body.header-below-slider .home-slider-wrap #slider-continue:hover i {color: ' . $accent_color . ';}';
echo '#one-page-nav li a:hover > i {background: ' . $accent_color . ';}';
echo '#one-page-nav li.selected a:hover > i {border-color: ' . $accent_color . ';}';
echo '#one-page-nav li .hover-caption {background: ' . $accent_color . '; color: ' . $accent_alt_color . ';}';
echo '#one-page-nav li .hover-caption:after {border-left-color: ' . $accent_color . ';}';
echo '.love-it:hover > svg .stroke {stroke: ' . $accent_color . '!important;}';
echo '.love-it:hover > svg .fill {fill: ' . $accent_color . '!important;}';
echo '.comments-wrapper a:hover > svg .stroke {stroke: ' . $accent_color . '!important;}';
echo '.comments-wrapper a:hover span, .love-it:hover span.love-count {color: ' . $accent_color . '!important;}';
echo '.circle-bar .spinner > div {border-top-color: ' . $accent_color . ';border-right-color: ' . $accent_color . ';}';
// MAIN STYLES
echo '#sf-home-preloader, #site-loading {background-color: ' . $inner_page_bg_color . ';}';
echo '.loading-bar-transition .pace .pace-progress {background-color: ' . $accent_color . ';}';
echo '.spinner .circle-bar {border-left-color:' . $section_divide_color . ';border-bottom-color:' . $section_divide_color . ';border-right-color:' . $accent_color . ';border-top-color:' . $accent_color . ';}';
echo '.orbit-bars .spinner > div:before {border-top-color:' . $accent_color . ';border-bottom-color:' . $accent_color . ';}';
echo '.orbit-bars .spinner > div:after {background-color: ' . $section_divide_color . ';}';
if ($body_bg_use_image) {
if (is_array($body_upload_bg) && $body_upload_bg['url'] != "") {
echo 'body, .layout-fullwidth #container {background: ' . $page_bg_color . ' url(' . $body_upload_bg['url'] . ') repeat center top fixed;}';
} else {
if ($body_preset_bg) {
echo 'body, .layout-fullwidth #container {background: ' . $page_bg_color . ' url(' . $body_preset_bg . ') repeat center top fixed;}';
}
}
if ($page_bg_color != "") {
echo 'body, .layout-fullwidth #container {background-color: ' . $page_bg_color . ';background-size: ' . $bg_size . ';}';
}
} else {
if ($page_bg_color != "") {
echo 'body, .layout-fullwidth #container {background-color: ' . $page_bg_color . ';}';
}
}
echo '#main-container, .tm-toggle-button-wrap a {background-color: ' . $inner_page_bg_color . ';}';
echo '.tabbed-heading-wrap .heading-text {background-color: ' . $inner_page_bg_color . ';}';
echo '.single-product.page-heading-fancy .product-main {background-color: ' . $inner_page_bg_color . ';}';
echo '.spb-row-container[data-top-style="slant-ltr"]:before, .spb-row-container[data-top-style="slant-rtl"]:before, .spb-row-container[data-bottom-style="slant-ltr"]:after, .spb-row-container[data-bottom-style="slant-rtr"]:after {background-color: ' . $inner_page_bg_color . ';}';
if ($inner_background_color != "") {
echo '.tabbed-heading-wrap .heading-text {background-color: ' . $inner_background_color . ';}';
echo '#main-container, .blog-items.timeline-items .standard-post-content {background-color: ' . $inner_background_color . ';}';
echo '.boxed-inner-page .inner-page-wrap {background-color: ' . $inner_background_color . ';}';
echo '.single-product.page-heading-fancy .product-main {background-color: ' . $inner_background_color . ';}';
echo 'body.product-fw-split div.product div.summary {background-color: ' . $inner_background_color . ';}';
echo '.spb-row-container[data-top-style="slant-ltr"]:before, .spb-row-container[data-top-style="slant-rtl"]:before, .spb-row-container[data-bottom-style="slant-ltr"]:after, .spb-row-container[data-bottom-style="slant-rtr"]:after {background-color: ' . $inner_background_color . ';}';
}
if ($inner_page_bg_transparent == "transparent") {
echo '#main-container {background-color: transparent;}';
}
echo 'a, .ui-widget-content a, #respond .form-submit input[type=submit] {color: ' . $link_text_color . ';}';
echo 'a:hover, a:focus {color: ' . $link_hover_color . ';}';
echo 'ul.bar-styling li:not(.selected) > a:hover, ul.bar-styling li > .comments-likes:hover {color: ' . $accent_alt_color . ';background: ' . $accent_color . ';border-color: ' . $accent_color . ';}';
echo 'ul.bar-styling li > .comments-likes:hover * {color: ' . $accent_alt_color . '!important;}';
echo 'ul.bar-styling li > a, ul.bar-styling li > div, ul.page-numbers li > a, ul.page-numbers li > span, .curved-bar-styling, ul.bar-styling li > form input, .spb_directory_filter_below {border-color: ' . $section_divide_color . ';}';
echo 'ul.bar-styling li > a, ul.bar-styling li > span, ul.bar-styling li > div, ul.bar-styling li > form input {background-color: ' . $inner_page_bg_color . ';}';
echo '.pagination-wrap {border-color: ' . $section_divide_color . ';}';
echo '.pagination-wrap ul li a {border-color: transparent;}';
echo 'ul.page-numbers li > a:hover, ul.page-numbers li > span.current, .pagination-wrap ul li > a:hover, .pagination-wrap ul li span.current {border-color: ' . $section_divide_color . '!important;color: ' . $body_alt_text_color . '!important;}';
echo 'input[type="text"], input[type="email"], input[type="password"], textarea, select, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select, .ginput_container input[type="text"], .ginput_container input[type="email"], .ginput_container textarea, .ginput_container select, .mymail-form input[type="text"], .mymail-form input[type="email"], .mymail-form textarea, .mymail-form select, input[type="date"], input[type="tel"], input.input-text, input[type="number"], .select2-container .select2-choice {border-color: ' . $section_divide_color . ';background-color: ' . $input_bg_color . ';color:' . $input_text_color . ';}';
echo '.select2-container .select2-choice>.select2-chosen {color:' . $input_text_color . '!important;}';
echo '::-webkit-input-placeholder {color:' . $input_text_color . '!important;}';
echo ':-moz-placeholder {color:' . $input_text_color . '!important;}';
echo '::-moz-placeholder {color:' . $input_text_color . '!important;}';
echo ':-ms-input-placeholder {color:' . $input_text_color . '!important;}';
echo 'input[type=submit], button[type=submit], input[type="file"], select, .wpcf7 input.wpcf7-submit[type=submit] {border-color: ' . $section_divide_color . ';color: ' . $input_text_color . ';}';
echo 'input[type=submit]:hover, button[type=submit]:hover, .wpcf7 input.wpcf7-submit[type=submit]:hover, .gform_wrapper input[type=submit]:hover, .mymail-form input[type=submit]:hover {background: ' . $secondary_accent_color . ';border-color: ' . $secondary_accent_color . '; color: ' . $secondary_accent_alt_color . ';}';
echo '.modal-header {background: ' . $alt_bg_color . ';}';
echo '.modal-content {background: ' . $inner_page_bg_color . ';}';
echo '.modal-header h3, .modal-header .close {color: ' . $body_text_color . ';}';
echo '.modal-header .close:hover {color: ' . $accent_color . ';}';
echo '.recent-post .post-details, .portfolio-item h5.portfolio-subtitle, .search-item-content time, .search-item-content span, .portfolio-details-wrap .date {color: ' . $body_alt_text_color . ';}';
echo 'ul.bar-styling li.facebook > a:hover {color: #fff!important;background: #3b5998;border-color: #3b5998;}';
echo 'ul.bar-styling li.twitter > a:hover {color: #fff!important;background: #4099FF;border-color: #4099FF;}';
echo 'ul.bar-styling li.google-plus > a:hover {color: #fff!important;background: #d34836;border-color: #d34836;}';
echo 'ul.bar-styling li.pinterest > a:hover {color: #fff!important;background: #cb2027;border-color: #cb2027;}';
// TOP BAR STYLES
echo '#top-bar {background: ' . $topbar_bg_color . '; border-bottom-color: ' . $topbar_divider_color . ';}';
echo '#top-bar .tb-text {color: ' . $topbar_text_color . ';}';
echo '#top-bar .tb-text > a, #top-bar nav .menu > li > a {color: ' . $topbar_link_color . ';}';
echo '#top-bar .menu li {border-left-color: ' . $topbar_divider_color . '; border-right-color: ' . $topbar_divider_color . ';}';
echo '#top-bar .menu > li > a, #top-bar .menu > li.parent:after {color: ' . $topbar_link_color . ';}';
echo '#top-bar .menu > li > a:hover, #top-bar a:hover {color: ' . $topbar_link_hover_color . ';}';
// HEADER STYLES
if ($header_bg_transparent == "transparent") {
echo '.header-wrap, .vertical-header .header-wrap #header-section {background-color:transparent;}';
echo '.vertical-header #container .header-wrap {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}';
} else {
echo '.header-wrap #header, .header-standard-overlay #header, .vertical-header .header-wrap #header-section, #header-section .is-sticky #header.sticky-header {background-color:' . $header_bg_color . ';}';
echo '.fs-search-open .header-wrap #header, .fs-search-open .header-standard-overlay #header, .fs-search-open .vertical-header .header-wrap #header-section, .fs-search-open #header-section .is-sticky #header.sticky-header {background-color: ' . $overlay_menu_bg_color . ';}';
echo '.fs-supersearch-open .header-wrap #header, .fs-supersearch-open .header-standard-overlay #header, .fs-supersearch-open .vertical-header .header-wrap #header-section, .fs-supersearch-open #header-section .is-sticky #header.sticky-header {background-color: ' . $overlay_menu_bg_color . ';}';
echo '.overlay-menu-open .header-wrap #header, .overlay-menu-open .header-standard-overlay #header, .overlay-menu-open .vertical-header .header-wrap #header-section, .overlay-menu-open #header-section .is-sticky #header.sticky-header {background-color: ' . $overlay_menu_bg_color . ';}';
}
echo '#sf-header-banner {background-color:' . $header_banner_bg_color . '; border-bottom: 2px solid' . $header_banner_border_color . ';}';
echo '#sf-header-banner {color:' . $header_banner_text_color . ';}';
echo '#sf-header-banner a {color:' . $header_banner_link_color . ';}';
echo '#sf-header-banner a:hover {color:' . $header_banner_link_hover_color . ';}';
echo '.header-left, .header-right, .vertical-menu-bottom .copyright {color: ' . $header_text_color . ';}';
echo '.header-left a, .header-right a, .vertical-menu-bottom .copyright a, #header .header-left ul.menu > li > a.header-search-link-alt, #header .header-right ul.menu > li > a.header-search-link, #header .header-right ul.menu > li > a.header-search-link-alt {color: ' . $header_link_color . ';}';
echo '.header-left a:hover, .header-right a:hover, .vertical-menu-bottom .copyright a:hover {color: ' . $header_link_hover_color . ';}';
echo '#header .header-left ul.menu > li:hover > a.header-search-link-alt, #header .header-right ul.menu > li:hover > a.header-search-link-alt {color: ' . $header_link_hover_color . '!important;}';
echo '#header-search a:hover, .super-search-close:hover {color: ' . $accent_color . ';}';
echo '.sf-super-search {background-color: ' . $secondary_accent_color . ';}';
echo '.sf-super-search .search-options .ss-dropdown ul {background-color: ' . $accent_color . ';}';
echo '.sf-super-search .search-options .ss-dropdown ul li a {color: ' . $accent_alt_color . ';}';
echo '.sf-super-search .search-options .ss-dropdown ul li a:hover {color: ' . $secondary_accent_color . ';}';
echo '.sf-super-search .search-options .ss-dropdown > span, .sf-super-search .search-options input {color: ' . $accent_color . '; border-bottom-color: ' . $accent_color . ';}';
echo '.sf-super-search .search-options .ss-dropdown ul li .fa-check {color: ' . $secondary_accent_color . ';}';
echo '.sf-super-search-go:hover, .sf-super-search-close:hover { background-color: ' . $accent_color . '; border-color: ' . $accent_color . '; color: ' . $accent_alt_color . ';}';
echo '.header-languages .current-language {color: ' . $nav_sm_selected_text_color . ';}';
echo '#header-section #main-nav {border-top-color: ' . $nav_divider_color . ';}';
echo '.ajax-search-wrap {background-color:' . $nav_bg_color . '}';
echo '.ajax-search-wrap, .ajax-search-results, .search-result-pt .search-result, .vertical-header .ajax-search-results {border-color: ' . $nav_divider_color . ';}';
echo '.page-content {border-bottom-color: ' . $section_divide_color . ';}';
echo '.ajax-search-wrap input[type="text"], .search-result-pt h6, .no-search-results h6, .search-result h5 a, .no-search-results p {color: ' . $nav_text_color . ';}';
if ($header_bg_color != "#ffffff") {
echo '.search-item-content time {color: ' . $nav_divider_color . ';}';
}
if ($header_divider_style == "divider") {
echo '.header-wrap, #header-section .is-sticky .sticky-header, #header-section.header-5 #header {border-bottom: 2px solid ' . $header_border_color . ';}';
echo '.vertical-header .header-wrap {border-right: 2px solid ' . $header_border_color . ';}';
echo '.vertical-header-right .header-wrap {border-left: 2px solid ' . $header_border_color . ';}';
echo 'nav.std-menu ul.sub-menu {border: 2px solid' . $header_border_color . ';}';
echo '.is-sticky nav.std-menu ul.sub-menu {border-top-width: 0;}';
echo 'nav.std-menu .sf-mega-menu ul.sub-menu ul.sub-menu {border: 0!important;}';
} else {
if ($header_divider_style == "shadow") {
echo '.header-wrap, .vertical-header .header-wrap, #header-section .is-sticky .sticky-header, #header-section.header-5 #header {-moz-box-shadow: 0 3px 5px rgba(0,0,0,.1);-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1);box-shadow: 0 3px 5px rgba(0,0,0,.1);}';
echo 'nav.std-menu ul.sub-menu {-moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2);-webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2);box-shadow: 0 0 5px -1px rgba(0,0,0,.2);}';
} else {
echo '.header-wrap, #header-section .is-sticky .sticky-header, #header-section.header-5 #header, #header .header-right .aux-item, #header .header-left .aux-item {border-color: transparent!important;}';
echo '.header-left .aux-item, .header-right .aux-item {padding-left: 10px;padding-right: 10px;}';
echo '.aux-item .std-menu.cart-wishlist {margin-left: 0; margin-right: 0;}';
echo '#header .aux-item .std-menu li.shopping-bag-item > a {padding-left: 0;}';
}
}
echo '.header-left .aux-item, .header-right .aux-item {border-color: ' . $header_border_color . '!important;}';
echo '#contact-slideout {background: ' . $inner_page_bg_color . ';}';
// MOBILE HEADER STYLES
echo '#mobile-top-text, #mobile-header {background-color: ' . $header_bg_color . ';border-bottom-color:' . $header_border_color . ';}';
echo '#mobile-top-text, #mobile-logo h1 {color: ' . $header_text_color . ';}';
echo '#mobile-top-text a, #mobile-header a {color: ' . $header_link_color . ';}';
echo '#mobile-header a {color: ' . $header_link_color . ';}';
echo '#mobile-header a.mobile-menu-link span.menu-bars, #mobile-header a.mobile-menu-link span.menu-bars:before, #mobile-header a.mobile-menu-link span.menu-bars:after {background-color: ' . $header_link_color . ';}';
echo '#mobile-header a.mobile-menu-link:hover span.menu-bars, #mobile-header a.mobile-menu-link:hover span.menu-bars:before, #mobile-header a.mobile-menu-link:hover span.menu-bars:after {background-color: ' . $header_link_hover_color . ';}';
echo '#mobile-menu-wrap, #mobile-cart-wrap {background-color: ' . $mobile_menu_bg_color . ';color: ' . $mobile_menu_text_color . ';}';
echo '.mobile-search-form input[type="text"] {color: ' . $mobile_menu_text_color . ';border-bottom-color: ' . $mobile_menu_divider_color . ';}';
echo '.mobile-search-form ::-webkit-input-placeholder {color: ' . $mobile_menu_text_color . '!important;}';
echo '.mobile-search-form :-moz-placeholder {color: ' . $mobile_menu_text_color . '!important;}';
echo '.mobile-search-form ::-moz-placeholder {color: ' . $mobile_menu_text_color . '!important;}';
echo '.mobile-search-form :-ms-input-placeholder {color: ' . $mobile_menu_text_color . '!important;}';
echo '#mobile-menu-wrap a, #mobile-cart-wrap a:not(.sf-button), #mobile-menu-wrap .shopping-bag-item a > span.num-items {color: ' . $mobile_menu_link_color . ';}';
echo '.shop-icon-fill #mobile-menu-wrap .shopping-bag-item a > span.num-items {color: ' . $mobile_menu_bg_color . '!important;}';
echo '#mobile-menu-wrap a:hover, #mobile-cart-wrap a:not(.sf-button):hover, #mobile-menu ul li:hover > a {color: ' . $mobile_menu_link_hover_color . '!important;}';
echo '#mobile-menu-wrap .bag-buttons a.wishlist-button {color: ' . $mobile_menu_link_color . ';}';
echo '#mobile-menu ul li.parent > a:after {color: ' . $mobile_menu_text_color . ';}';
echo '#mobile-cart-wrap .shopping-bag-item > a.cart-contents, #mobile-cart-wrap .bag-product, #mobile-cart-wrap .bag-empty {border-bottom-color: ' . $mobile_menu_divider_color . ';}';
echo '#mobile-menu ul li, .mobile-cart-menu li, .mobile-cart-menu .bag-header, .mobile-cart-menu .bag-product, .mobile-cart-menu .bag-empty {border-color: ' . $mobile_menu_divider_color . ';}';
echo 'a.mobile-menu-link span, a.mobile-menu-link span:before, a.mobile-menu-link span:after {background: ' . $mobile_menu_link_color . ';}';
echo 'a.mobile-menu-link:hover span, a.mobile-menu-link:hover span:before, a.mobile-menu-link:hover span:after {background: ' . $mobile_menu_link_hover_color . ';}';
echo '#mobile-cart-wrap .bag-buttons > a.bag-button {color: ' . $mobile_menu_link_color . '!important;border-color: ' . $mobile_menu_link_color . ';}';
echo '#mobile-cart-wrap .bag-product a.remove {color: ' . $mobile_menu_link_color . '!important;}';
echo '#mobile-cart-wrap .bag-product a.remove:hover {color: ' . $mobile_menu_link_hover_color . '!important;}';
// LOGO STYLES
if ($logo_height != "") {
echo '#logo.has-img, .header-left, .header-right {height:' . $logo_height . 'px;}';
echo '#mobile-logo {max-height:' . $logo_height . 'px;}';
echo '#mobile-logo.has-img img {max-height:' . $logo_height . 'px;}';
echo '.full-center #logo.has-img a > img {max-height: ' . $header_height . ';}';
echo '.header-left, .header-right {line-height:' . $logo_height . 'px;}';
}
if ($logo_width != "") {
echo '.browser-ie #logo {width:' . $logo_width . 'px;}';
}
if ($retina_logo_width != "") {
echo '#logo img.retina {width:' . $retina_logo_width . 'px;}';
}
if ($logo_padding != "") {
echo '#logo.has-img a > img {padding: ' . $logo_padding . 'px 0;}';
echo '.header-2 #logo.has-img img {max-height:' . $logo_height . 'px;}';
}
if ($logo_maxheight != "" && $logo_maxheight != 0) {
echo '#logo.has-img img {max-height:' . $logo_maxheight . 'px;}';
if ($logo_height == "") {
echo '#mobile-logo.has-img img {max-height:' . $logo_maxheight . 'px;}';
}
$header_height_num = str_replace($header_height, 'px', '');
if ($header_height_num != "" && $logo_maxheight > $header_height_num) {
$logo_maxheight = $header_height_num;
}
echo '.full-center #logo.has-img a > img {max-height: ' . $logo_maxheight . 'px;padding: 0;}';
}
if ($header_height != "") {
echo '.full-header-stick #header, .full-header-stick #logo, .full-header-stick .header-left, .full-header-stick .header-right {height:' . $header_height . ';line-height:' . $header_height . ';}';
echo '.full-center #main-navigation ul.menu > li > a, .full-center .header-right ul.menu > li > a, .full-center nav.float-alt-menu ul.menu > li > a, .full-center .header-right div.text, .full-center #header .aux-item ul.social-icons li {height:' . $header_height . ';line-height:' . $header_height . ';}';
echo '.full-center #header, .full-center .float-menu, .header-split .float-menu {height:' . $header_height . ';}';
echo '.full-center nav li.menu-item.sf-mega-menu > ul.sub-menu, .full-center .ajax-search-wrap {top:' . $header_height . '!important;}';
echo '.browser-ff #logo a {height:' . $header_height . ';}';
echo '.full-center #logo {max-height:' . $header_height . ';}';
echo '.header-6 .header-left, .header-6 .header-right, .header-6 #logo.has-img {height:' . $header_height . ';line-height:' . $header_height . ';}';
echo '.header-6 #logo.has-img a > img {padding: 0;}';
}
if ($resize_header_height != "" && $enable_mini_header_resize) {
echo '#logo.has-img a {height:' . $header_height . ';}';
echo '#logo.has-img a > img {padding: 0 10px;}';
echo '.full-center.resized-header #main-navigation ul.menu > li > a, .full-center.resized-header .header-right ul.menu > li > a, .full-center.resized-header nav.float-alt-menu ul.menu > li > a, .full-center.resized-header .header-right div.text, .full-header-stick.resized-header #header, .full-header-stick.resized-header #logo, .full-header-stick.resized-header .header-left, .full-header-stick.resized-header .header-right, .full-center.resized-header #header .aux-item ul.social-icons li {height:' . $resize_header_height . ';line-height:' . $resize_header_height . ';}';
echo '.full-center.resized-header #logo, .full-center.resized-header #logo.no-img a {height:' . $resize_header_height . ';}';
echo '.full-center.resized-header #header, .full-center.resized-header .float-menu, .header-split.resized-header .float-menu {height:' . $resize_header_height . ';}';
echo '.full-center.resized-header nav ul.menu > li.menu-item > ul.sub-menu, .full-center.resized-header nav li.menu-item.sf-mega-menu > ul.sub-menu, .full-center.resized-header nav li.menu-item.sf-mega-menu-alt > ul.sub-menu, .full-center.resized-header .ajax-search-wrap {top:' . $resize_header_height . '!important;}';
echo '.browser-ff .resized-header #logo a {height:' . $resize_header_height . ';}';
echo '.resized-header #logo.has-img a {height:' . $resize_header_height . ';}';
echo '.full-center.resized-header nav.float-alt-menu ul.menu > li > ul.sub-menu {top:' . $resize_header_height . '!important;}';
}
// NAVIGATION STYLES
echo '#main-nav, .header-wrap[class*="page-header-naked"] #header-section .is-sticky #main-nav, .header-wrap #header-section .is-sticky #header.sticky-header, .header-wrap #header-section.header-5 #header, .header-wrap[class*="page-header-naked"] #header .is-sticky .sticky-header, .header-wrap[class*="page-header-naked"] #header-section.header-5 #header .is-sticky .sticky-header {background-color: ' . $nav_bg_color . ';}';
echo '#main-nav {border-color: ' . $nav_divider_color . ';border-top-style: ' . $nav_divider . ';}';
echo '.show-menu {background-color: ' . $secondary_accent_color . ';color: ' . $secondary_accent_alt_color . ';}';
echo 'nav .menu > li:before {background: ' . $nav_pointer_color . ';}';
echo 'nav .menu .sub-menu .parent > a:after {border-left-color: ' . $nav_pointer_color . ';}';
echo 'nav .menu ul.sub-menu, li.menu-item.sf-mega-menu > ul.sub-menu > div {background-color: ' . $nav_sm_bg_color . ';}';
echo 'nav .menu ul.sub-menu li {border-top-color: ' . $nav_divider_color . ';border-top-style: ' . $nav_divider . ';}';
echo 'li.menu-item.sf-mega-menu > ul.sub-menu > li {border-top-color: ' . $nav_divider_color . ';border-top-style: ' . $nav_divider . ';}';
echo 'li.menu-item.sf-mega-menu > ul.sub-menu > li {border-left-color: ' . $nav_divider_color . ';border-left-style: ' . $nav_divider . ';}';
if ($nav_divider == "none") {
echo '#main-nav {border-width: 0;}';
}
echo 'nav .menu > li.menu-item > a, nav.std-menu .menu > li > a {color: ' . $nav_text_color . ';}';
echo '#main-nav ul.menu > li, #main-nav ul.menu > li:first-child, #main-nav ul.menu > li:first-child, .full-center nav#main-navigation ul.menu > li, .full-center nav#main-navigation ul.menu > li:first-child, .full-center #header nav.float-alt-menu ul.menu > li {border-color: ' . $nav_divider_color . ';}';
echo 'nav ul.menu > li.menu-item.sf-menu-item-btn > a {border-color: ' . $nav_text_color . ';background-color: ' . $nav_text_color . ';color: ' . $nav_text_hover_color . ';}';
echo 'nav ul.menu > li.menu-item.sf-menu-item-btn:hover > a {border-color: ' . $accent_color . '; background-color: ' . $accent_color . '; color: ' . $accent_alt_color . '!important;}';
//echo '#main-navigation ul.menu > li:hover > a {box-shadow: 0 5px 0 rgba(' . $nav_text_hover_color_rgb["red"] . ',' . $nav_text_hover_color_rgb["green"] . ',' . $nav_text_hover_color_rgb["blue"] . ', 0.7) inset;}';
if ($nav_hover_style == "bold") {
echo 'nav .menu > li.current-menu-ancestor > a, nav .menu > li.current-menu-item > a, nav .menu > li.current-scroll-item > a, #mobile-menu .menu ul li.current-menu-item > a {background-color:' . $nav_selected_bg_color . ';color: ' . $nav_selected_text_color . ';}';
echo '#header-section.header-5 #header nav.float-alt-menu {margin-right:0;}';
echo 'nav .menu > li.menu-item:hover > a, nav.std-menu .menu > li:hover > a {background-color:' . $nav_bg_hover_color . ';color: ' . $nav_text_hover_color . '!important;}';
} else {
echo '#main-nav ul.menu > li, .full-center nav#main-navigation ul.menu > li, .full-center nav.float-alt-menu ul.menu > li, .full-center #header nav.float-alt-menu ul.menu > li {border-width: 0!important;}';
echo '.full-center nav#main-navigation ul.menu > li:first-child {border-width: 0;margin-left: -15px;}';
echo '#main-nav .menu-right {right: -5px;}';
echo 'nav .menu > li.menu-item:hover > a, nav.std-menu .menu > li:hover > a {color: ' . $nav_text_hover_color . '!important;}';
echo 'nav .menu > li.current-menu-ancestor > a, nav .menu > li.current-menu-item > a, nav .menu > li.current-scroll-item > a, #mobile-menu .menu ul li.current-menu-item > a {color: ' . $nav_selected_text_color . ';}';
}
echo '.shopping-bag-item a > span.num-items {border-color: ' . $header_link_color . ';}';
//echo '.shop-icon-fill .shopping-bag-item > a > i {color: '.$header_link_color.';}';
echo '.shop-icon-fill .shopping-bag-item > a > i {color: inherit;}';
echo '.shop-icon-fill .shopping-bag-item a > span.num-items, .shop-icon-fill .shopping-bag-item:hover a > span.num-items {color: ' . $header_bg_color . '!important;}';
//echo '.shop-icon-fill .shopping-bag-item:hover > a > i {color: '.$header_link_hover_color.';}';
echo '.shop-icon-fill .shopping-bag-item:hover > a > i {color: inherit;}';
//echo '#header .shopping-bag-item:hover > a {color: '.$header_link_hover_color.'!important;}';
echo '.header-left ul.sub-menu > li > a:hover, .header-right ul.sub-menu > li > a:hover {color: ' . $nav_text_hover_color . ';}';
echo '.shopping-bag-item a > span.num-items:after {border-color: ' . $nav_text_hover_color . ';}';
echo '.shopping-bag-item:hover a > span.num-items {border-color: ' . $nav_text_hover_color . '!important; color: ' . $nav_text_hover_color . '!important;}';
echo '.shopping-bag-item:hover a > span.num-items:after {border-color: ' . $nav_text_hover_color . '!important;}';
echo '.page-header-naked-light .sticky-wrapper:not(.is-sticky) .shopping-bag-item:hover a > span.num-items, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) .shopping-bag-item:hover a > span.num-items {color: ' . $header_bg_color . '}';
echo '.page-header-naked-light .sticky-wrapper:not(.is-sticky) .shopping-bag-item:hover a > span.num-items:after, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) .shopping-bag-item:hover a > span.num-items:after {border-color: ' . $nav_text_hover_color . ';}';
echo 'nav .menu ul.sub-menu li.menu-item > a, nav .menu ul.sub-menu li > span, nav.std-menu ul.sub-menu {color: ' . $nav_sm_text_color . ';}';
echo '.bag-buttons a.bag-button, .bag-buttons a.wishlist-button {color: ' . $nav_sm_text_color . '!important;}';
echo '.bag-product a.remove, .woocommerce .bag-product a.remove {color: ' . $nav_sm_text_color . '!important;}';
echo '.bag-product a.remove:hover, .woocommerce .bag-product a.remove:hover {color: ' . $accent_color . '!important;}';
echo 'nav .menu ul.sub-menu li.menu-item:hover > a, .bag-product a.remove:hover {color: ' . $nav_sm_text_hover_color . '!important;}';
echo 'nav .menu li.parent > a:after, nav .menu li.parent > a:after:hover, .ajax-search-wrap:after {color: ' . $nav_text_color . ';}';
echo 'nav .menu ul.sub-menu li.current-menu-ancestor > a, nav .menu ul.sub-menu li.current-menu-item > a {color: ' . $nav_sm_selected_text_color . '!important;}';
echo '#main-nav .header-right ul.menu > li, .wishlist-item {border-left-color: ' . $nav_divider_color . ';}';
echo '.bag-header, .bag-product, .bag-empty, .wishlist-empty {border-color: ' . $nav_divider_color . ';}';
echo '.bag-buttons a.checkout-button, .bag-buttons a.create-account-button, .woocommerce input.button.alt, .woocommerce .alt-button, .woocommerce button.button.alt {background: ' . $accent_color . '; color: ' . $accent_alt_color . ';}';
echo '.woocommerce .button.update-cart-button:hover {background: ' . $accent_color . '; color: ' . $accent_alt_color . ';}';
echo '.woocommerce input.button.alt:hover, .woocommerce .alt-button:hover, .woocommerce button.button.alt:hover {background: ' . $accent_color . '; color: ' . $accent_alt_color . ';}';
echo '.shopping-bag:before, nav .menu ul.sub-menu li:first-child:before {border-bottom-color: ' . $nav_pointer_color . ';}';
echo '.page-header-naked-light .sticky-wrapper:not(.is-sticky) a.menu-bars-link:hover span, .page-header-naked-light .sticky-wrapper:not(.is-sticky) a.menu-bars-link:hover span:before, .page-header-naked-light .sticky-wrapper:not(.is-sticky) a.menu-bars-link:hover span:after, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) a.menu-bars-link:hover span, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) a.menu-bars-link:hover span:before, .page-header-naked-dark .sticky-wrapper:not(.is-sticky) a.menu-bars-link:hover span:after {background: ' . $accent_color . ';}';
// FULLSCREEN OVERLAY STYLES
echo 'a.menu-bars-link span, a.menu-bars-link span:before, a.menu-bars-link span:after {background: ' . $header_link_color . ';}';
echo 'a.menu-bars-link:hover span, a.menu-bars-link:hover span:before, a.menu-bars-link:hover span:after {background: ' . $header_link_hover_color . ';}';
echo '.overlay-menu-open .header-wrap {background-color: ' . $header_bg_color . ';}';
echo '.overlay-menu-open .header-wrap #header {background-color: transparent!important;}';
echo '.overlay-menu-open #logo h1, .overlay-menu-open .header-left, .overlay-menu-open .header-right, .overlay-menu-open .header-left a, .overlay-menu-open .header-right a {color: ' . $overlay_menu_link_color . '!important;}';
echo '#overlay-menu nav li.menu-item > a, .overlay-menu-open a.menu-bars-link, #overlay-menu .fs-overlay-close {color: ' . $overlay_menu_link_color . ';}';
echo '.overlay-menu-open a.menu-bars-link span:before, .overlay-menu-open a.menu-bars-link span:after {background: ' . $overlay_menu_link_color . '!important;}';
echo '.fs-supersearch-open .fs-supersearch-link, .fs-search-open .fs-header-search-link {color: ' . $overlay_menu_link_color . '!important;}';
echo '#overlay-menu {background-color: ' . $overlay_menu_bg_color . ';}';
echo '#overlay-menu, #fullscreen-search, #fullscreen-supersearch {background-color: rgba(' . $overlay_menu_bg_color_rgb["red"] . ',' . $overlay_menu_bg_color_rgb["green"] . ',' . $overlay_menu_bg_color_rgb["blue"] . ', 0.95);}';
echo '#overlay-menu nav li:hover > a {color: ' . $overlay_menu_link_hover_color . '!important;}';
echo '#fullscreen-supersearch .sf-super-search {color: ' . $overlay_menu_text_color . '!important;}';
echo '#fullscreen-supersearch .sf-super-search .search-options .ss-dropdown > span, #fullscreen-supersearch .sf-super-search .search-options input {color: ' . $overlay_menu_link_color . '!important;}';
echo '#fullscreen-supersearch .sf-super-search .search-options .ss-dropdown > span:hover, #fullscreen-supersearch .sf-super-search .search-options input:hover {color: ' . $overlay_menu_link_hover_color . '!important;}';
echo '#fullscreen-supersearch .sf-super-search .search-go a.sf-button {background-color: ' . $accent_color . '!important;}';
echo '#fullscreen-supersearch .sf-super-search .search-go a.sf-button:hover {background-color: ' . $secondary_accent_color . '!important;border-color: ' . $secondary_accent_color . '!important;color: ' . $secondary_accent_alt_color . '!important;}';
echo '#fullscreen-search .fs-overlay-close, #fullscreen-search .search-wrap .title, .fs-search-bar, .fs-search-bar input#fs-search-input, #fullscreen-search .search-result-pt h3 {color: ' . $overlay_menu_text_color . ';}';
echo '#fullscreen-search ::-webkit-input-placeholder {color: ' . $overlay_menu_text_color . '!important;}';
echo '#fullscreen-search :-moz-placeholder {color: ' . $overlay_menu_text_color . '!important;}';
echo '#fullscreen-search ::-moz-placeholder {color: ' . $overlay_menu_text_color . '!important;}';
echo '#fullscreen-search :-ms-input-placeholder {color: ' . $overlay_menu_text_color . '!important;}';
echo '#fullscreen-search .container1 > div, #fullscreen-search .container2 > div, #fullscreen-search .container3 > div {background-color: ' . $overlay_menu_text_color . ';}';
echo 'nav#main-navigation ul.menu > li.sf-menu-item-new-badge > a:before {background-color: ' . $header_bg_color . ';box-shadow: inset 2px 2px ' . $new_tag_color . ';}';
echo 'nav#main-navigation ul.menu > li.sf-menu-item-new-badge > a:after {background-color: ' . $header_bg_color . ';color: ' . $new_tag_color . '; border-color: ' . $new_tag_color . ';}';
// SLIDEOUT MENU STYLES
echo '.sf-side-slideout {background-color: ' . $slideout_menu_bg_color . ';}';
if ($slideout_menu_bg_image != "") {
echo '.sf-side-slideout {background-image: url(' . $slideout_menu_bg_image . ');}';
}
echo '.sf-side-slideout .vertical-menu nav .menu li > a, .sf-side-slideout .vertical-menu nav .menu li.parent > a:after, .sf-side-slideout .vertical-menu nav .menu > li ul.sub-menu > li > a {color: ' . $slideout_menu_link_color . ';}';
echo '.sf-side-slideout .vertical-menu nav .menu li.menu-item {border-color: ' . $slideout_menu_divider_color . ';}';
echo '.sf-side-slideout .vertical-menu nav .menu li:hover > a, .sf-side-slideout .vertical-menu nav .menu li.parent:hover > a:after, .sf-side-slideout .vertical-menu nav .menu > li ul.sub-menu > li:hover > a {color: ' . $slideout_menu_link_hover_color . '!important;}';
// CONTACT SLIDEOUT STYLES
echo '.contact-menu-link.slide-open {color: ' . $header_link_hover_color . ';}';
// PROMO BAR STYLES
echo '#base-promo, .sf-promo-bar {background-color: ' . $promo_bar_bg_color . ';}';
echo '#base-promo > p, #base-promo.footer-promo-text > a, #base-promo.footer-promo-arrow > a, .sf-promo-bar > p, .sf-promo-bar.promo-text > a, .sf-promo-bar.promo-arrow > a {color: ' . $promo_bar_text_color . ';}';
echo '#base-promo.footer-promo-arrow:hover, #base-promo.footer-promo-text:hover, .sf-promo-bar.promo-arrow:hover, .sf-promo-bar.promo-text:hover {background-color: ' . $accent_color . '!important;color: ' . $accent_alt_color . '!important;}';
echo '#base-promo.footer-promo-arrow:hover > *, #base-promo.footer-promo-text:hover > *, .sf-promo-bar.promo-arrow:hover > *, .sf-promo-bar.promo-text:hover > * {color: ' . $accent_alt_color . '!important;}';
// BREADCRUMBS STYLES
echo '#breadcrumbs {background-color:' . $breadcrumb_bg_color . ';color:' . $breadcrumb_text_color . ';}';
echo '#breadcrumbs a, #breadcrumb i {color:' . $breadcrumb_link_color . ';}';
// PAGE HEADING STYLES
echo '.page-heading {background-color: ' . $page_heading_bg_color . ';}';
echo '.page-heading h1, .page-heading h3 {color: ' . $page_heading_text_color . ';}';
echo '.page-heading .heading-text, .fancy-heading .heading-text {text-align: ' . $page_heading_text_align . ';}';
echo '.content-divider-wrap .content-divider {border-color: ' . $section_divide_color . ';}';
// GENERAL STYLES
echo 'body {color: ' . $body_text_color . ';}';
echo 'h1, h1 a, h3.countdown-subject {color: ' . $h1_text_color . ';}';
echo 'h2, h2 a {color: ' . $h2_text_color . ';}';
echo 'h3, h3 a {color: ' . $h3_text_color . ';}';
echo 'h4, h4 a, .carousel-wrap > a {color: ' . $h4_text_color . ';}';
echo 'h5, h5 a {color: ' . $h5_text_color . ';}';
echo 'h6, h6 a {color: ' . $h6_text_color . ';}';
echo '.title-wrap .spb-heading span, #reply-title span {border-bottom-color: ' . $h2_text_color . ';}';
echo '.title-wrap h3.spb-heading span, h3#reply-title span {border-bottom-color: ' . $h3_text_color . ';}';
echo 'figure.animated-overlay figcaption {background-color: ' . $overlay_bg_color . ';}';
if ($overlay_opacity < 100) {
echo 'figure.animated-overlay figcaption {background-color: rgba(' . $hover_overlay_rgb["red"] . ',' . $hover_overlay_rgb["green"] . ',' . $hover_overlay_rgb["blue"] . ', 0.' . $overlay_opacity . ');}';
}
echo 'figure.animated-overlay figcaption * {color: ' . $overlay_text_color . ';}';
echo 'figcaption .thumb-info .name-divide {background-color: ' . $overlay_text_color . ';}';
echo 'figcaption .thumb-info h6 span.price {border-top-color: ' . $overlay_text_color . ';}';
// POST STYLES
echo '.article-divider {background: ' . $section_divide_color . ';}';
echo '.post-pagination-wrap {background-color:' . $article_np_bg_color . ';}';
echo '.post-pagination-wrap .next-article > *, .post-pagination-wrap .next-article a, .post-pagination-wrap .prev-article > *, .post-pagination-wrap .prev-article a {color:' . $article_np_text_color . ';}';
echo '.post-pagination-wrap .next-article a:hover, .post-pagination-wrap .prev-article a:hover {color: ' . $accent_color . ';}';
echo '.article-extras {background-color:' . $article_extras_bg_color . ';}';
echo '.review-bar {background-color:' . $article_review_bar_alt_color . ';}';
echo '.review-bar .bar, .review-overview-wrap .overview-circle {background-color:' . $article_review_bar_color . ';color:' . $article_review_bar_text_color . ';}';
echo '.posts-type-bright .recent-post .post-item-details {border-top-color:' . $section_divide_color . ';}';
// CONTENT STYLES
echo 'table {border-bottom-color: ' . $section_divide_color . ';}';
echo 'table td {border-top-color: ' . $section_divide_color . ';}';
echo '.read-more-button, #comments-list li .comment-wrap {border-color: ' . $section_divide_color . ';}';
echo '.read-more-button:hover {color: ' . $accent_color . ';border-color: ' . $accent_color . ';}';
echo '.testimonials.carousel-items li .testimonial-text, .recent-post figure {background-color: ' . $alt_bg_color . ';}';
echo '.spb_accordion .spb_accordion_section {border-color: ' . $section_divide_color . ';}';
echo '.spb_accordion .spb_accordion_section > h4.ui-state-active a, .toggle-wrap .spb_toggle.spb_toggle_title_active {color: ' . $body_text_color . '!important;}';
// SIDEBAR STYLES
echo '.widget ul li, .widget.widget_lip_most_loved_widget li {border-color: ' . $section_divide_color . ';}';
echo '.widget.widget_lip_most_loved_widget li {background: ' . $inner_page_bg_color . '; border-color: ' . $section_divide_color . ';}';
echo '.widget_lip_most_loved_widget .loved-item > span {color: ' . $body_alt_text_color . ';}';
echo 'ul.wp-tag-cloud li > a, ul.wp-tag-cloud li:before {border-color: ' . $section_divide_color . ';}';
echo '.widget .tagcloud a:hover, ul.wp-tag-cloud li:hover > a, ul.wp-tag-cloud li:hover:before {background-color: ' . $accent_color . '; border-color: ' . $accent_color . '; color: ' . $accent_alt_color . ';}';
echo 'ul.wp-tag-cloud li:hover:after {border-color: ' . $accent_color . '; background-color: ' . $accent_alt_color . ';}';
echo '.loved-item .loved-count > i {color: ' . $body_text_color . ';background: ' . $section_divide_color . ';}';
echo '.subscribers-list li > a.social-circle {color: ' . $secondary_accent_alt_color . ';background: ' . $secondary_accent_color . ';}';
echo '.subscribers-list li:hover > a.social-circle {color: #fbfbfb;background: ' . $accent_color . ';}';
echo '.sidebar .widget_categories ul > li a, .sidebar .widget_archive ul > li a, .sidebar .widget_nav_menu ul > li a, .sidebar .widget_meta ul > li a, .sidebar .widget_recent_entries ul > li, .widget_product_categories ul > li a, .widget_layered_nav ul > li a, .widget_display_replies ul > li a, .widget_display_forums ul > li a, .widget_display_topics ul > li a {color: ' . $link_text_color . ';}';
echo '.sidebar .widget_categories ul > li a:hover, .sidebar .widget_archive ul > li a:hover, .sidebar .widget_nav_menu ul > li a:hover, .widget_nav_menu ul > li.current-menu-item a, .sidebar .widget_meta ul > li a:hover, .sidebar .widget_recent_entries ul > li a:hover, .widget_product_categories ul > li a:hover, .widget_layered_nav ul > li a:hover, .widget_edd_categories_tags_widget ul li a:hover, .widget_display_replies ul li, .widget_display_forums ul > li a:hover, .widget_display_topics ul > li a:hover {color: ' . $link_hover_color . ';}';
echo '#calendar_wrap caption {border-bottom-color: ' . $secondary_accent_color . ';}';
echo '.sidebar .widget_calendar tbody tr > td a {color: ' . $secondary_accent_alt_color . ';background-color: ' . $secondary_accent_color . ';}';
echo '.sidebar .widget_calendar tbody tr > td a:hover {background-color: ' . $accent_color . ';}';
echo '.sidebar .widget_calendar tfoot a {color: ' . $secondary_accent_color . ';}';
echo '.sidebar .widget_calendar tfoot a:hover {color: ' . $accent_color . ';}';
echo '.widget_calendar #calendar_wrap, .widget_calendar th, .widget_calendar tbody tr > td, .widget_calendar tbody tr > td.pad {border-color: ' . $section_divide_color . ';}';
echo '.sidebar .widget hr {border-color: ' . $section_divide_color . ';}';
echo '.widget ul.flickr_images li a:after, .portfolio-grid li a:after {color: ' . $accent_alt_color . ';}';
echo '.loved-item:hover .loved-count > svg .stroke {stroke: ' . $accent_alt_color . ';}';
echo '.loved-item:hover .loved-count > svg .fill {fill: ' . $accent_alt_color . ';}';
// PORTFOLIO STYLES
echo '.fw-row .spb_portfolio_widget .title-wrap {border-bottom-color: ' . $section_divide_color . ';}';
echo '.portfolio-item {border-bottom-color: ' . $section_divide_color . ';}';
echo '.masonry-items .portfolio-item-details {background: ' . $alt_bg_color . ';}';
echo '.masonry-items .blog-item .blog-details-wrap:before {background-color: ' . $alt_bg_color . ';}';
echo '.masonry-items .portfolio-item figure {border-color: ' . $section_divide_color . ';}';
echo '.portfolio-details-wrap span span {color: #666;}';
echo '.share-links > a:hover {color: ' . $accent_color . ';}';
echo '.portfolio-item.masonry-item .portfolio-item-details {background: ' . $inner_page_bg_color . ';}';
// BLOG STYLES
echo '#infscr-loading .spinner > div {background: ' . $section_divide_color . ';}';
echo '.blog-aux-options li.selected a {background: ' . $accent_color . ';border-color: ' . $accent_color . ';color: ' . $accent_alt_color . ';}';
echo '.blog-filter-wrap .aux-list li:hover {border-bottom-color: transparent;}';
echo '.blog-filter-wrap .aux-list li:hover a {color: ' . $accent_alt_color . ';background: ' . $accent_color . ';}';
echo '.mini-blog-item-wrap, .mini-items .mini-alt-wrap, .mini-items .mini-alt-wrap .quote-excerpt, .mini-items .mini-alt-wrap .link-excerpt, .masonry-items .blog-item .quote-excerpt, .masonry-items .blog-item .link-excerpt, .timeline-items .standard-post-content .quote-excerpt, .timeline-items .standard-post-content .link-excerpt, .post-info, .author-info-wrap, .body-text .link-pages, .page-content .link-pages, .posts-type-list .recent-post, .standard-items .blog-item .standard-post-content {border-color: ' . $section_divide_color . ';}';
echo '.standard-post-date, .timeline {background: ' . $section_divide_color . ';}';
echo '.timeline-items .standard-post-content {background: ' . $inner_page_bg_color . ';}';
echo '.timeline-items .format-quote .standard-post-content:before, .timeline-items .standard-post-content.no-thumb:before {border-left-color: ' . $alt_bg_color . ';}';
echo '.search-item-img .img-holder {background: ' . $alt_bg_color . ';border-color:' . $section_divide_color . ';}';
echo '.masonry-items .blog-item .masonry-item-wrap {background: ' . $alt_bg_color . ';}';
echo '.mini-items .blog-item-details, .share-links, .single-portfolio .share-links, .single .pagination-wrap, ul.post-filter-tabs li a {border-color: ' . $section_divide_color . ';}';
echo '.mini-item-details {color: ' . $body_alt_text_color . ';}';
echo '.related-item figure {background-color: ' . $secondary_accent_color . '; color: ' . $secondary_accent_alt_color . '}';
echo '.required {color: #ee3c59;}';
echo '.post-item-details .comments-likes a i, .post-item-details .comments-likes a span {color: ' . $body_text_color . ';}';
echo '.posts-type-list .recent-post:hover h4 {color: ' . $link_hover_color . '}';
echo '.blog-grid-items .blog-item .grid-left:after {border-left-color: ' . $bold_rp_bg . ';}';
echo '.blog-grid-items .blog-item .grid-right:after {border-right-color: ' . $bold_rp_bg . ';}';
echo '.blog-item .tweet-icon, .blog-item .post-icon, .blog-item .inst-icon {color: ' . $bold_rp_hover_text . '!important;}';
echo '.posts-type-bold .recent-post .details-wrap, .masonry-items .blog-item .details-wrap, .blog-grid-items .blog-item > div, .product-shadows .preview-slider-item-wrapper {background: ' . $bold_rp_bg . ';color: ' . $bold_rp_text . ';}';
echo '.masonry-items .blog-item .details-wrap:before {background: ' . $bold_rp_bg . ';}';
echo '.masonry-items .blog-item .comments-svg .stroke, .masonry-items .blog-item .loveit-svg .stroke {stroke: ' . $bold_rp_text . ';}';
echo '.masonry-items .blog-item .loveit-svg .fill {fill: ' . $bold_rp_text . ';}';
echo '.masonry-items .blog-item:hover .comments-svg .stroke, .masonry-items .blog-item:hover .loveit-svg .stroke {stroke: ' . $bold_rp_hover_text . ';}';
echo '.masonry-items .blog-item:hover .loveit-svg .fill {fill: ' . $bold_rp_hover_text . ';}';
echo '.blog-grid-items .blog-item h2, .blog-grid-items .blog-item h6, .blog-grid-items .blog-item data, .blog-grid-items .blog-item .author span, .blog-grid-items .blog-item .tweet-text a, .masonry-items .blog-item h2, .masonry-items .blog-item h6 {color: ' . $bold_rp_text . ';}';
echo '.posts-type-bold a, .masonry-items .blog-item a {color: ' . $link_text_color . ';}';
echo '.posts-type-bold .recent-post .details-wrap:before, .masonry-items .blog-item .details-wrap:before, .posts-type-bold .recent-post.has-thumb .details-wrap:before {border-bottom-color: ' . $bold_rp_bg . ';}';
echo '.posts-type-bold .recent-post.has-thumb:hover .details-wrap, .posts-type-bold .recent-post.no-thumb:hover .details-wrap, .bold-items .blog-item:hover, .masonry-items .blog-item:hover .details-wrap, .blog-grid-items .blog-item:hover > div, .instagram-item .inst-overlay, .masonry-items .blog-item:hover .details-wrap:before {background: ' . $bold_rp_hover_bg . ';}';
if ($overlay_opacity < 100) {
$inst_overlay_rgb = sf_hex2rgb($bold_rp_hover_bg);
echo '.blog-grid-items .instagram-item:hover .inst-overlay {background: rgba(' . $inst_overlay_rgb["red"] . ',' . $inst_overlay_rgb["green"] . ',' . $inst_overlay_rgb["blue"] . ', 0.' . $overlay_opacity . ');}';
}
echo '.posts-type-bold .recent-post:hover .details-wrap:before, .masonry-items .blog-item:hover .details-wrap:before {border-bottom-color: ' . $bold_rp_hover_bg . ';}';
echo '.posts-type-bold .recent-post:hover .details-wrap *, .bold-items .blog-item:hover *, .masonry-items .blog-item:hover .details-wrap, .masonry-items .blog-item:hover .details-wrap a, .masonry-items .blog-item:hover h2, .masonry-items .blog-item:hover h6, .masonry-items .blog-item:hover .details-wrap .quote-excerpt *, .blog-grid-items .blog-item:hover *, .instagram-item .inst-overlay data {color: ' . $bold_rp_hover_text . ';}';
echo '.blog-grid-items .blog-item:hover .grid-right:after {border-right-color:' . $bold_rp_hover_bg . ';}';
echo '.blog-grid-items .blog-item:hover .grid-left:after {border-left-color:' . $bold_rp_hover_bg . ';}';
echo '.blog-grid-items .blog-item:hover h2, .blog-grid-items .blog-item:hover h6, .blog-grid-items .blog-item:hover data, .blog-grid-items .blog-item:hover .author span, .blog-grid-items .blog-item:hover .tweet-text a {color: ' . $bold_rp_hover_text . ';}';
echo '.blog-item .side-details, .narrow-date-block {background: ' . $bold_rp_bg . ';color: ' . $bold_rp_text . ';}';
echo '.blog-item .side-details .comments-wrapper {border-color: ' . $section_divide_color . ';}';
echo '.standard-items.alt-styling .blog-item .standard-post-content {background: ' . $inner_page_bg_color . ';}';
echo '.standard-items.alt-styling .blog-item.quote .standard-post-content, .mini-items .blog-item.quote .mini-alt-wrap {background: ' . $body_text_color . ';color: ' . $inner_page_bg_color . ';}';
echo '.standard-items .blog-item .read-more-button, .mini-items .blog-item .read-more-button {background-color: ' . $inner_page_bg_color . ';}';
echo '#respond .form-submit input[type=submit]:hover {border-color: ' . $accent_color . ';}';
echo '.post-details-wrap .tags-wrap, .post-details-wrap .comments-likes {border-color: ' . $section_divide_color . ';}';
// SHORTCODE STYLES
echo '.sf-button.accent {color: ' . $accent_alt_color . '; background-color: ' . $accent_color . ';border-color: ' . $accent_color . ';}';
echo '.sf-button.sf-icon-reveal.accent {color: ' . $accent_alt_color . '!important; background-color: ' . $accent_color . '!important;}';
echo 'a.sf-button.stroke-to-fill {color: ' . $link_text_color . ';}';
echo '.sf-button.accent.bordered .sf-button-border {border-color: ' . $accent_color . ';}';
echo 'a.sf-button.bordered.accent {color: ' . $accent_color . ';border-color: ' . $accent_color . ';}';
echo 'a.sf-button.bordered.accent:hover {color: ' . $accent_alt_color . ';}';
echo 'a.sf-button.rotate-3d span.text:before {color: ' . $accent_alt_color . '; background-color: ' . $accent_color . ';}';
echo '.sf-button.accent:hover, .sf-button.bordered.accent:hover {background-color: ' . $secondary_accent_color . ';border-color: ' . $secondary_accent_color . ';color: ' . $secondary_accent_alt_color . ';}';
echo 'a.sf-button, a.sf-button:hover, #footer a.sf-button:hover {background-image: none;color: #fff;}';
echo 'a.sf-button.gold, a.sf-button.gold:hover, a.sf-button.lightgrey, a.sf-button.lightgrey:hover, a.sf-button.white:hover {color: #222!important;}';
echo 'a.sf-button.transparent-dark {color: ' . $body_text_color . '!important;}';
echo 'a.sf-button.transparent-light:hover, a.sf-button.transparent-dark:hover {color: ' . $accent_color . '!important;}';
echo '.title-wrap a.sf-button:hover {color: ' . $accent_color . '!important;}';
echo '.sf-icon {color: ' . $icon_color . ';}';
echo '.sf-icon-cont, .sf-icon-cont:hover, .sf-hover .sf-icon-cont, .sf-icon-box[class*="icon-box-boxed-"] .sf-icon-cont, .sf-hover .sf-icon-box-hr {background-color: ' . $icon_container_bg_color . ';}';
echo '.sf-hover .sf-icon-cont, .sf-hover .sf-icon-box-hr {background-color: ' . $icon_container_hover_bg_color . '!important;}';
echo '.sf-hover .sf-icon-cont .sf-icon {color: ' . $icon_alt_color . '!important;}';
echo '.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont:after {border-top-color: ' . $icon_container_bg_color . ';border-left-color: ' . $icon_container_bg_color . ';}';
echo '.sf-hover .sf-icon-cont .sf-icon, .sf-icon-box.sf-icon-box-boxed-one .sf-icon, .sf-icon-box.sf-icon-box-boxed-three .sf-icon {color: ' . $icon_alt_color . ';}';
echo '.sf-icon-box-animated .front {background: ' . $alt_bg_color . '; border-color: ' . $section_divide_color . ';}';
echo '.sf-icon-box-animated .front h3 {color: ' . $body_text_color . ';}';
echo '.sf-icon-box-animated .back {background: ' . $accent_color . '; border-color: ' . $accent_color . ';}';
echo '.sf-icon-box-animated .back, .sf-icon-box-animated .back h3 {color: ' . $accent_alt_color . ';}';
echo '.client-item figure, .borderframe img {border-color: ' . $section_divide_color . ';}';
echo 'span.dropcap3 {background: #000;color: #fff;}';
echo 'span.dropcap4 {color: #fff;}';
echo '.spb_divider, .spb_divider.go_to_top_icon1, .spb_divider.go_to_top_icon2, .testimonials > li, .tm-toggle-button-wrap, .tm-toggle-button-wrap a, .portfolio-details-wrap, .spb_divider.go_to_top a, .widget_search form input {border-color: ' . $section_divide_color . ';}';
echo '.spb_divider.go_to_top_icon1 a, .spb_divider.go_to_top_icon2 a {background: ' . $inner_page_bg_color . ';}';
echo '.divider-wrap h3.divider-heading:before, .divider-wrap h3.divider-heading:after {background: ' . $section_divide_color . ';}';
echo '.spb_tabs .ui-tabs .ui-tabs-panel, .spb_content_element .ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-nav li {border-color: ' . $section_divide_color . ';}';
echo '.spb_tabs .ui-tabs .ui-tabs-panel, .ui-tabs .ui-tabs-nav li.ui-tabs-active a {background: ' . $inner_page_bg_color . '!important;}';
echo '.tabs-type-dynamic .nav-tabs li.active a, .tabs-type-dynamic .nav-tabs li a:hover {background:' . $accent_color . ';border-color:' . $accent_color . '!important;color: ' . $accent_color . ';}';
echo '.spb_tabs .nav-tabs li a, .spb_tour .nav-tabs li a {border-color: ' . $section_divide_color . '!important;}';
echo '.spb_tabs .nav-tabs li:hover a, .spb_tour .nav-tabs li:hover a {border-color: ' . $accent_color . '!important;color: ' . $accent_color . '!important;}';
echo '.spb_tabs .nav-tabs li.active a, .spb_tour .nav-tabs li.active a {background: ' . $accent_color . ';border-color: ' . $accent_color . '!important;color: ' . $accent_alt_color . '!important;}';
echo '.spb_accordion_section > h4:hover .ui-icon:before {border-color: ' . $accent_color . ';}';
echo '.toggle-wrap .spb_toggle, .spb_toggle_content {border-color: ' . $section_divide_color . ';}';
echo '.toggle-wrap .spb_toggle:hover {color: ' . $accent_color . ';}';
echo '.ui-accordion h4.ui-accordion-header .ui-icon {color: ' . $body_text_color . ';}';
echo '.standard-browser .ui-accordion h4.ui-accordion-header.ui-state-active:hover a, .standard-browser .ui-accordion h4.ui-accordion-header:hover .ui-icon {color: ' . $accent_color . ';}';
echo 'blockquote.pullquote {border-color: ' . $accent_color . ';}';
echo '.borderframe img {border-color: #eeeeee;}';
echo '.spb_box_content.whitestroke {background-color: #fff;border-color: ' . $section_divide_color . ';}';
echo 'ul.member-contact li a:hover {color: ' . $link_hover_color . ';}';
echo '.testimonials.carousel-items li .testimonial-text {border-color: ' . $section_divide_color . ';}';
echo '.testimonials.carousel-items li .testimonial-text:after {border-left-color: ' . $section_divide_color . ';border-top-color: ' . $section_divide_color . ';}';
echo '.horizontal-break {background-color: ' . $section_divide_color . ';}';
echo '.horizontal-break.bold {background-color: ' . $body_text_color . ';}';
echo '.progress .bar {background-color: ' . $accent_color . ';}';
echo '.progress.standard .bar {background: ' . $accent_color . ';}';
echo '.progress-bar-wrap .progress-value {color: ' . $accent_color . ';}';
echo '.sf-share-counts {border-color: ' . $section_divide_color . ';}';
echo '.mejs-controls .mejs-time-rail .mejs-time-current {background: ' . $accent_color . '!important;}';
echo '.mejs-controls .mejs-time-rail .mejs-time-loaded {background: ' . $accent_alt_color . '!important;}';
echo '.pt-banner h6 {color: ' . $accent_alt_color . ';}';
echo '.pinmarker-container a.pin-button:hover {background: ' . $accent_color . '; color: ' . $accent_alt_color . ';}';
echo '.directory-item-details .item-meta {color: ' . $body_alt_text_color . ';}';
// CONTENT SLIDER STYLES
echo '.spb_row_container .spb_tweets_slider_widget .spb-bg-color-wrap, .spb_tweets_slider_widget .spb-bg-color-wrap {background: ' . $tweet_slider_bg . ';}';
echo '.spb_tweets_slider_widget .tweet-text, .spb_tweets_slider_widget .tweet-icon {color: ' . $tweet_slider_text . ';}';
echo '.spb_tweets_slider_widget .tweet-text a, .spb_tweets_slider_widget .twitter_intents a {color: ' . $tweet_slider_link . ';}';
echo '.spb_tweets_slider_widget .tweet-text a:hover, .spb_tweets_slider_widget .twitter_intents a:hover {color: ' . $tweet_slider_link_hover . ';}';
echo '.spb_testimonial_slider_widget .spb-bg-color-wrap {background: ' . $testimonial_slider_bg . ';}';
echo '.spb_testimonial_slider_widget .heading-wrap h3.spb-center-heading, .spb_testimonial_slider_widget .testimonial-text, .spb_testimonial_slider_widget cite, .spb_testimonial_slider_widget .testimonial-icon {color: ' . $testimonial_slider_text . ';}';
echo '.spb_testimonial_slider_widget .heading-wrap h3.spb-center-heading {border-bottom-color: ' . $testimonial_slider_text . ';}';
echo '.content-slider .flex-direction-nav .flex-next:before, .content-slider .flex-direction-nav .flex-prev:before {background-color: ' . $section_divide_color . ';color: ' . $body_text_color . ';}';
echo '.spb_tweets_slider_widget .heading-wrap h3.spb-center-heading {color: ' . $tweet_slider_text . ';border-bottom-color: ' . $tweet_slider_text . ';}';
// FOOTER STYLES
echo '#footer {background: ' . $footer_bg_color . ';}';
echo '#footer.footer-divider {border-top-color: ' . $footer_border_color . ';}';
echo '#footer, #footer p, #footer h3.spb-heading {color: ' . $footer_text_color . ';}';
echo '#footer h3.spb-heading span {border-bottom-color: ' . $footer_text_color . ';}';
echo '#footer a {color: ' . $footer_link_color . ';}';
echo '#footer a:hover {color: ' . $footer_link_hover_color . ';}';
echo '#footer .widget ul li, #footer .widget_categories ul, #footer .widget_archive ul, #footer .widget_nav_menu ul, #footer .widget_recent_comments ul, #footer .widget_meta ul, #footer .widget_recent_entries ul, #footer .widget_product_categories ul {border-color: ' . $footer_border_color . ';}';
echo '#copyright {background-color: ' . $copyright_bg_color . ';border-top-color: ' . $footer_border_color . ';}';
echo '#copyright p, #copyright .text-left, #copyright .text-right {color: ' . $copyright_text_color . ';}';
echo '#copyright a {color: ' . $copyright_link_color . ';}';
echo '#copyright a:hover, #copyright nav .menu li a:hover {color: ' . $copyright_link_hover_color . '!important;}';
echo '#copyright nav .menu li {border-left-color: ' . $footer_border_color . ';}';
echo '#footer .widget_calendar #calendar_wrap, #footer .widget_calendar th, #footer .widget_calendar tbody tr > td, #footer .widget_calendar tbody tr > td.pad {border-color: ' . $footer_border_color . ';}';
echo '.widget input[type="email"] {background: #f7f7f7; color: #999}';
echo '#footer .widget hr {border-color: ' . $footer_border_color . ';}';
echo '#sf-newsletter-bar, .layout-boxed #sf-newsletter-bar > .container {background-color: ' . $newsletter_bar_bg_color . ';}';
echo '#sf-newsletter-bar h3.sub-text {color: ' . $newsletter_bar_text_color . ';}';
echo '#sf-newsletter-bar .sub-code > form input[type=submit], #sf-newsletter-bar .sub-code > form input[type="text"], #sf-newsletter-bar .sub-code > form input[type="email"] {border-color: ' . $newsletter_bar_text_color . ';color: ' . $newsletter_bar_text_color . ';}';
echo '#sf-newsletter-bar .sub-code > form input[type=submit]:hover {border-color: ' . $newsletter_bar_link_hover_color . ';color: ' . $newsletter_bar_link_hover_color . ';}';
echo '#sf-newsletter-bar .sub-close {color: ' . $newsletter_bar_text_color . ';}';
echo '#sf-newsletter-bar .sub-close:hover {color: ' . $newsletter_bar_link_hover_color . ';}';
echo '#sf-newsletter-bar ::-webkit-input-placeholder {color:' . $newsletter_bar_text_color . '!important;}';
echo '#sf-newsletter-bar :-moz-placeholder {color:' . $newsletter_bar_text_color . '!important;}';
echo '#sf-newsletter-bar ::-moz-placeholder {color:' . $newsletter_bar_text_color . '!important;}';
echo '#sf-newsletter-bar :-ms-input-placeholder {color:' . $newsletter_bar_text_color . '!important;}';
// WOOCOMMERCE STYLES
if (sf_woocommerce_activated()) {
echo '.woocommerce .wc-new-badge {background-color:' . $new_tag_color . ';}';
echo '.woocommerce .wc-new-badge:before {border-right-color:' . $new_tag_color . ';}';
echo '.woocommerce .free-badge, .woocommerce span.onsale {background-color:' . $sale_tag_color . ';}';
echo '.woocommerce .free-badge:before, .woocommerce span.onsale:before {border-right-color:' . $sale_tag_color . ';}';
echo '.woocommerce .out-of-stock-badge {background-color:' . $oos_tag_color . ';}';
echo '.woocommerce .out-of-stock-badge:before {border-right-color:' . $oos_tag_color . ';}';
echo '.woocommerce div.product .stock {color:' . $accent_color . ';}';
echo '.woocommerce nav.woocommerce-pagination {border-top-color: ' . $section_divide_color . '}';
echo '.price ins {color:' . $sale_tag_color . ';}';
echo '.woocommerce div.product p.stock.out-of-stock {color:' . $oos_tag_color . ';}';
echo '.woocommerce form .form-row .required {color:' . $accent_color . ';}';
echo '.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info {border-color:' . $accent_color . ';}';
echo '.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error {color: ' . $body_text_color . ';}';
echo '.woocommerce .woocommerce-info a:hover, .woocommerce-page .woocommerce-info a:hover {color: ' . $accent_color . ';}';
echo '.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a {color: ' . $body_alt_text_color . '}';
echo '.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li:hover a {color: ' . $section_divide_color . '}';
echo '.woocommerce .help-bar, .woo-aux-options, .woocommerce nav.woocommerce-pagination ul li span.current, .modal-body .comment-form-rating, ul.checkout-process, #billing .proceed, ul.my-account-nav > li, .woocommerce #payment, .woocommerce-checkout p.thank-you, .woocommerce .order_details, .woocommerce-page .order_details, .woocommerce .products .product figure .cart-overlay .price, .woocommerce .products .product figure .cart-overlay .yith-wcwl-add-to-wishlist, #product-accordion .panel, .review-order-wrap, .woocommerce form .form-row input.input-text, .woocommerce .coupon input.input-text, .woocommerce table.shop_table, .woocommerce-page table.shop_table, .mini-list li, .woocommerce div.product .woocommerce-tabs .panel, .product-type-standard .product .cart-overlay .shop-actions .jckqvBtn, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce input[name="apply_coupon"], .woocommerce a.button.wc-backward, #yith-wcwl-form .product-add-to-cart > .button, .woocommerce .coupon input.input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .summary-top .product-navigation .nav-previous, .summary-top .product-navigation .nav-next, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { border-color: ' . $section_divide_color . ' ;}';
echo '.woocommerce .single_add_to_cart_button:disabled[disabled] {border-color: ' . $body_text_color . '!important;color: ' . $body_text_color . '!important;}';
echo '.bag-buttons a.sf-button.bag-button, .bag-buttons a.sf-button.wishlist-button {border-color: ' . $section_divide_color . ';}';
echo 'nav.woocommerce-pagination ul li a:hover {border-color:' . $section_divide_color . ';}';
echo '.woocommerce-account p.myaccount_address, .woocommerce-account .page-content h2, p.no-items, #order_review table.shop_table, #payment_heading, .returning-customer a, .woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods, .woocommerce .coupon, .summary-top {border-bottom-color: ' . $section_divide_color . ';}';
echo 'p.no-items, .woocommerce-page .cart-collaterals, .woocommerce .cart_totals table tr.cart-subtotal, .woocommerce .cart_totals table tr.order-total, .woocommerce table.shop_table td, .woocommerce-page table.shop_table td, .woocommerce #payment div.form-row, .woocommerce-page #payment div.form-row {border-top-color: ' . $section_divide_color . ';}';
echo '.woocommerce a.button, .woocommerce input.button, .woocommerce button[type=submit], .woocommerce-ordering .woo-select, .variations_form .woo-select, .add_review a, .woocommerce .coupon input.apply-coupon, .woocommerce .button.update-cart-button, .shipping-calculator-form .woo-select, .woocommerce .shipping-calculator-form .update-totals-button button, .woocommerce #billing_country_field .woo-select, .woocommerce #shipping_country_field .woo-select, .woocommerce #review_form #respond .form-submit input, .woocommerce table.my_account_orders .order-actions .button, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce.widget .buttons a, .load-more-btn, #wew-submit-email-to-notify, .woocommerce input[name="save_account_details"], .woocommerce .shipping-calculator-form .update-totals-button button {background: transparent; color: ' . $link_text_color . '}';
echo '.product figcaption a.product-added {color: ' . $accent_alt_color . ';}';
echo 'ul.products li.product a.quick-view-button, .woocommerce p.cart a.add_to_cart_button, .lost_reset_password p.form-row input[type=submit], .track_order p.form-row input[type=submit], .change_password_form p input[type=submit], .woocommerce form.register input[type=submit], .woocommerce .wishlist_table tr td.product-add-to-cart a, .woocommerce input.button[name="save_address"], .woocommerce .woocommerce-message a.button, .woocommerce .quantity, .woocommerce-page .quantity, .woocommerce form.cart .yith-wcwl-add-to-wishlist a, .woocommerce-checkout .login input[type=submit], .woocommerce button[type=submit], .my-account-login-wrap .login-wrap form.login p.form-row input[type=submit], .products .product.buy-btn-visible > .product-actions .add-to-cart-wrap > a {border-color: ' . $section_divide_color . ';}';
echo '.woocommerce form.cart button.add_to_cart_button, #jckqv .cart .add_to_cart_button, #jckqv .quantity .qty, #jckqv .cart .yith-wcwl-add-to-wishlist a, #jckqv .quantity .qty-plus, #jckqv .quantity .qty-minus, .woocommerce .single_add_to_cart_button, .woocommerce .single_add_to_cart_button.button.alt {border-color: ' . $body_text_color . ';color: ' . $body_text_color . ';}';
echo '.woocommerce form.cart button.add_to_cart_button:disabled[disabled] {border-color: ' . $accent_color . '!important; color: ' . $accent_color . '!important;}';
echo '.woocommerce div.product form.cart .variations select {background-color: ' . $alt_bg_color . ';}';
echo '.woocommerce .products .product figure .cart-overlay .shop-actions > a.product-added, .woocommerce .products .product figure .cart-overlay .shop-actions .add-to-cart-wrap > a.product-added, .woocommerce ul.products li.product figure figcaption .shop-actions > a.product-added:hover, .add_to_cart_button > i.fa-circle-o-notch, .yith-wcwl-wishlistaddedbrowse a, .yith-wcwl-wishlistexistsbrowse a {color: ' . $accent_color . '!important;}';
echo 'ul.products li.product .product-details .posted_in a {color: ' . $body_alt_text_color . ';}';
echo '.woocommerce form.cart button.add_to_cart_button, .woocommerce form.cart .yith-wcwl-add-to-wishlist a, .woocommerce .quantity input, .woocommerce .quantity .minus, .woocommerce .quantity .plus {color: ' . $body_text_color . ';}';
echo '.woocommerce .products .product figure .cart-overlay .shop-actions > a:hover, .woocommerce .products .product figure .cart-overlay .shop-actions .add-to-cart-wrap > a:hover, ul.products li.product .product-details .posted_in a:hover, .product .cart-overlay .shop-actions .jckqvBtn:hover {color: ' . $accent_color . ';}';
echo '.shop-actions > a:hover .addtocart-svg .stroke, .shop-actions a:hover .wishlist-svg .stroke {stroke: ' . $accent_color . ';}';
echo '.shop-actions a:hover .wishlist-svg .fill {fill: ' . $accent_color . ';}';
echo '.woocommerce p.cart a.add_to_cart_button:hover {background: ' . $secondary_accent_color . '; color: ' . $accent_color . ' ;}';
echo '.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce .coupon input.apply-coupon:hover, .woocommerce .shipping-calculator-form .update-totals-button button:hover, .woocommerce .quantity .plus:hover, .woocommerce .quantity .minus:hover, .add_review a:hover, .lost_reset_password p.form-row input[type=submit]:hover, .track_order p.form-row input[type=submit]:hover, .change_password_form p input[type=submit]:hover, .woocommerce table.my_account_orders .order-actions .button:hover, .woocommerce .widget_price_filter .price_slider_amount .button:hover, .woocommerce.widget .buttons a:hover, .woocommerce .wishlist_table tr td.product-add-to-cart a:hover, .woocommerce input.button[name="save_address"]:hover, .woocommerce input[name="apply_coupon"]:hover, .woocommerce form.register input[type=submit]:hover, .woocommerce form.cart .yith-wcwl-add-to-wishlist a:hover, .load-more-btn:hover, #wew-submit-email-to-notify:hover, .woocommerce input[name="save_account_details"]:hover, .woocommerce form.cart .yith-wcwl-wishlistexistsbrowse a, .woocommerce-checkout .login input[type=submit]:hover, .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, .woocommerce input[name="apply_coupon"]:hover, .woocommerce a.button.wc-backward:hover, #yith-wcwl-form .product-add-to-cart > .button:hover, .my-account-login-wrap .login-wrap form.login p.form-row input[type=submit]:hover {border-color: ' . $accent_color . '; color: ' . $accent_color . ';}';
echo '.woocommerce form.cart button.add_to_cart_button.product-added {border-color: ' . $accent_color . '!important; color: ' . $accent_color . '!important;}';
echo '.woocommerce form.cart button.add_to_cart_button:hover, #jckqv .cart .add_to_cart_button:hover, #jckqv .cart .yith-wcwl-add-to-wishlist a:hover, .woocommerce .single_add_to_cart_button:hover, .woocommerce .single_add_to_cart_button.button.alt:hover {border-color: ' . $accent_color . '!important; color: ' . $accent_color . '!important;}';
echo '.woocommerce #account_details .login, .woocommerce #account_details .login h4.lined-heading span, .my-account-login-wrap .login-wrap, .my-account-login-wrap .login-wrap h4.lined-heading span, .woocommerce div.product form.cart table div.quantity {background: ' . $alt_bg_color . ';}';
echo '.woocommerce .address .edit-address:hover, .my_account_orders td.order-number a:hover, .product_meta a.inline:hover { border-bottom-color: ' . $accent_color . ';}';
echo '.woocommerce .order-info, .woocommerce .order-info mark, .woocommerce .button.checkout-button {background: ' . $accent_color . '; color: ' . $accent_alt_color . ';}';
echo '.woocommerce #payment div.payment_box {background: ' . $section_divide_color . '; color: ' . $body_text_color . ';}';
echo '.woocommerce #payment div.payment_box:after {border-bottom-color: ' . $section_divide_color . ';}';
echo '.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {background: ' . $alt_bg_color . ';}';
echo '.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {background: ' . $h3_text_color . ';}';
echo '.yith-wcwl-wishlistexistsbrowse a:hover, .yith-wcwl-wishlistaddedbrowse a:hover {color: ' . $accent_alt_color . ';}';
echo '.inner-page-wrap.full-width-shop .sidebar[class*="col-sm"] {background-color:' . $inner_page_bg_color . ';}';
echo '.woocommerce .products .product .price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price {color: ' . $body_text_color . ';}';
echo '.preview-slider-item-wrapper .product-details span.price del::after {background-color: ' . $body_text_color . ';}';
echo '.woocommerce div.product form.cart .variations td.label label {color: ' . $body_text_color . ';}';
echo '.woocommerce div.product p.price, .woocommerce div.product span.price {color: ' . $body_text_color . ';}';
echo '.woocommerce .products .product.product-display-gallery-bordered > figure, .product-type-gallery-bordered .products, .product-type-gallery-bordered .products .owl-wrapper-outer, .inner-page-wrap.full-width-shop .product-type-gallery-bordered .sidebar[class*="col-sm"], .products.product-type-gallery-bordered {border-color:' . $section_divide_color . ';}';
echo '.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after {background: ' . $inner_page_bg_color . '; box-shadow: inset 2px 2px ' . $section_divide_color . ';}';
echo ' .woocommerce #review_form #respond .form-submit input:hover {background: ' . $accent_color . '!important; border-color: ' . $accent_color . '!important; color: ' . $accent_alt_color . '!important;}';
echo '.woocommerce .quantity .minus, .woocommerce .quantity input.qty, .woocommerce .quantity .plus, .woocommerce div.product form.cart .variations select, .woocommerce .quantity .qty-plus, .woocommerce .quantity .qty-minus {border-color:' . $section_divide_color . ';}';
echo '.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td {border-color:' . $section_divide_color . ';}';
echo '.product-fw-split div.product div.summary {background-color:' . $inner_page_bg_color . ';}';
echo '.woocommerce table.shop_table tr td.product-remove .remove {color: ' . $body_text_color . '!important;}';
echo '.woocommerce .button.checkout-button:hover, .review-order-wrap #payment #place_order {background: ' . $secondary_accent_color . '; color: ' . $secondary_accent_alt_color . ';}';
echo '#jckqv_summary > h1 {border-bottom-color: ' . $section_divide_color . ';}';
echo '.woocommerce .widget_layered_nav_filters ul li a:before {color: ' . $accent_alt_color . ';}';
if ($product_imagewidth_override) {
$product_imagewidth = $sf_options['productdetail_imagewidth'];
$product_fw_imagewidth = $product_imagewidth - 2;
$product_summary_width = 98 - $product_imagewidth;
echo '@media only screen and (min-width: 768px) {';
echo '.woocommerce div.product div.images {width: ' . $product_imagewidth . '%;}';
echo '.woocommerce.product-fw-split div.product div.images {width: ' . $product_fw_imagewidth . '%;}';
echo '.woocommerce div.product div.summary {width: ' . $product_summary_width . '%;}';
echo '}';
}
}
// BUDDYPRESS STYLES
echo '#buddypress .activity-meta a, #buddypress .acomment-options a, #buddypress #member-group-links li a, .widget_bp_groups_widget #groups-list li, .activity-list li.bbp_topic_create .activity-content .activity-inner, .activity-list li.bbp_reply_create .activity-content .activity-inner {border-color: ' . $section_divide_color . ';}';
echo '#buddypress .activity-meta a:hover, #buddypress .acomment-options a:hover, #buddypress #member-group-links li a:hover {border-color: ' . $accent_color . ';}';
echo '#buddypress .activity-header a, #buddypress .activity-read-more a {border-color: ' . $accent_color . ';}';
echo '#buddypress #members-list .item-meta .activity, #buddypress .activity-header p {color: ' . $body_alt_text_color . ';}';
echo '#buddypress .pagination-links span, #buddypress .load-more.loading a {background-color: ' . $accent_color . ';color: ' . $accent_alt_color . ';border-color: ' . $accent_color . ';}';
echo '#buddypress div.dir-search input[type=submit], #buddypress #whats-new-submit input[type=submit] {background: ' . $alt_bg_color . '; color: ' . $secondary_accent_color . '}';
// BBPRESS STYLES
echo 'span.bbp-admin-links a, li.bbp-forum-info .bbp-forum-content {color: ' . $body_alt_text_color . ';}';
echo 'span.bbp-admin-links a:hover {color: ' . $accent_color . ';}';
echo '.bbp-topic-action #favorite-toggle a, .bbp-topic-action #subscription-toggle a, .bbp-single-topic-meta a, .bbp-topic-tags a, #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic, #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer, #bbp-user-navigation ul li a, .bbp-pagination-links a, #bbp-your-profile fieldset input, #bbp-your-profile fieldset textarea, #bbp-your-profile, #bbp-your-profile fieldset {border-color: ' . $section_divide_color . ';}';
echo '.bbp-topic-action #favorite-toggle a:hover, .bbp-topic-action #subscription-toggle a:hover, .bbp-single-topic-meta a:hover, .bbp-topic-tags a:hover, #bbp-user-navigation ul li a:hover, .bbp-pagination-links a:hover {border-color: ' . $accent_color . ';}';
echo '#bbp-user-navigation ul li.current a, .bbp-pagination-links span.current {border-color: ' . $accent_color . ';background: ' . $accent_color . '; color: ' . $accent_alt_color . ';}';
echo '#bbpress-forums fieldset.bbp-form button[type=submit], #bbp_user_edit_submit, .widget_display_search #bbp_search_submit {background: ' . $alt_bg_color . '; color: ' . $secondary_accent_color . '}';
echo '#bbpress-forums fieldset.bbp-form button[type=submit]:hover, #bbp_user_edit_submit:hover {background: ' . $accent_color . '; color: ' . $accent_alt_color . ';}';
echo '#bbpress-forums li.bbp-header {border-top-color: ' . $accent_color . ';}';
// CROWDFUNDING STYLES
echo '.campaign-item .details-wrap {background-color:' . $inner_page_bg_color . ';}';
echo '.atcf-profile-campaigns > li {border-color: ' . $section_divide_color . ';}';
// EVENTS CALENDAR STYLES
echo '.tribe-events-list-separator-month span {background-color:' . $inner_page_bg_color . ';}';
echo '#tribe-bar-form, .tribe-events-list .tribe-events-event-cost span, #tribe-events-content .tribe-events-calendar td {background-color:' . $alt_bg_color . ';}';
echo '.tribe-events-loop .tribe-events-event-meta, .tribe-events-list .tribe-events-venue-details {border-color: ' . $section_divide_color . ';}';
// PAGE BACKGROUND STYLES
if ($bg_image_url != "") {
echo '.boxed-inner-page #container {background: transparent;}';
if ($background_image_size == "cover") {
echo 'body { background: transparent url("' . $bg_image_url . '") no-repeat center top fixed; background-size: cover; }';
} else {
echo 'body { background: transparent url("' . $bg_image_url . '") repeat center top fixed; background-size: auto; }';
}
}
// INNER PAGE BACKGROUND STYLES
if ($inner_bg_image_url != "") {
if ($inner_background_image_size == "cover") {
echo '#main-container { background: transparent url("' . $inner_bg_image_url . '") no-repeat center top; background-size: cover;background-attachment: fixed; }';
} else {
echo '#main-container { background: transparent url("' . $inner_bg_image_url . '") repeat center top; background-size: auto;}';
}
echo '.timeline-items .standard-post-content, .blog-aux-options li a, .blog-aux-options li form input, .masonry-items .blog-item .masonry-item-wrap, .wp-tag-cloud li a, .masonry-items .portfolio-item-details {background: ' . $inner_page_bg_color . ';}';
echo '.timeline-items .format-quote .standard-post-content:before, .timeline-items .standard-post-content.no-thumb:before {border-left-color: ' . $inner_page_bg_color . ';}';
}
// RESPONSIVE STYLES
if ($enable_responsive) {
echo '@media only screen and (max-width: 767px) {';
echo 'nav .menu > li {border-top-color: ' . $section_divide_color . ';}';
echo '}';
}
if ($disable_mobile_animations) {
echo 'html.no-js .sf-animation, .mobile-browser .sf-animation, .apple-mobile-browser .sf-animation, .sf-animation[data-animation="none"], .image-banner-content.sf-animation[data-animation="none"] {
opacity: 1!important;left: auto!important;right: auto!important;bottom: auto!important;-webkit-transform: scale(1)!important;-o-transform: scale(1)!important;-moz-transform: scale(1)!important;transform: scale(1)!important;}';
echo 'html.no-js .sf-animation.image-banner-content, .mobile-browser .sf-animation.image-banner-content, .apple-mobile-browser .sf-animation.image-banner-content, .sf-animation[data-animation="none"].image-banner-content {
bottom: 50%!important;}';
echo '.mobile-browser .product-grid .product {opacity: 1!important;}';
}
// USER STYLES
if ($custom_css) {
echo "\n" . '/*========== User Custom CSS Styles ==========*/' . "\n";
echo $custom_css;
}
// CLOSE STYLE TAG
echo "</style>" . "\n";
}
function sf_portfolio_related_projects()
{
global $post, $sf_options;
$fullwidth = $sf_options['related_projects_fullwidth'];
$item_count = $sf_options['related_projects_columns'];
$related = sf_portfolio_related_posts($post->ID, $item_count);
$item_class = "col-sm-4";
$wrap_class = $heading_class = "";
if ($fullwidth) {
$heading_class = "container";
} else {
$wrap_class = "container";
}
$hover_style = "default";
// Thumb Type
if ($hover_style == "default" && function_exists('sf_get_thumb_type')) {
$wrap_class .= ' ' . sf_get_thumb_type();
} else {
$wrap_class .= ' thumbnail-' . $hover_style;
}
if ($item_count == "4") {
$item_class = "col-sm-3";
}
if ($related->have_posts()) {
?>
<section class="related-projects <?php
echo esc_attr($wrap_class);
?>
clearfix">
<h2 class="<?php
echo esc_attr($heading_class);
?>
"><?php
apply_filters('sf_related_projects_heading', _e("Related Projects", "swiftframework"));
?>
</h2>
<div class="clearfix">
<?php
while ($related->have_posts()) {
$related->the_post();
?>
<?php
$item_title = get_the_title();
$item_subtitle = sf_get_post_meta($post->ID, 'sf_portfolio_subtitle', true);
$thumb_image = $port_hover_style = $port_hover_text_style = "";
$thumb_image = sf_get_post_meta($post->ID, 'sf_thumbnail_image', true);
if (!$thumb_image) {
$thumb_image = get_post_thumbnail_id();
}
$thumb_img_url = wp_get_attachment_url($thumb_image, 'full');
if ($thumb_img_url == "") {
$thumb_img_url = "default";
}
$image = sf_aq_resize($thumb_img_url, 500, 375, true, false);
$image_alt = esc_attr(sf_get_post_meta($thumb_image, '_wp_attachment_image_alt', true));
$port_hover_bg_color = sf_get_post_meta($post->ID, 'sf_port_hover_bg_color', true);
$port_hover_text_color = sf_get_post_meta($post->ID, 'sf_port_hover_text_color', true);
if ($port_hover_bg_color != "") {
$overlay_opacity = $sf_options['overlay_opacity'];
if ($overlay_opacity == 100) {
$overlay_opacity = '1';
} else {
$overlay_opacity = '0.' . $overlay_opacity;
}
$port_hover_bg_rgb = sf_hex2rgb($port_hover_bg_color);
$port_hover_style = 'style="background-color:rgba(' . $port_hover_bg_rgb['red'] . ',' . $port_hover_bg_rgb['green'] . ',' . $port_hover_bg_rgb['blue'] . ',' . $overlay_opacity . ')"';
}
if ($port_hover_text_color != "") {
$port_hover_text_style = 'style="color: ' . $port_hover_text_color . ';"';
}
?>
<article class="<?php
echo esc_attr($item_class);
?>
">
<figure class="animated-overlay overlay-style">
<img src="<?php
echo esc_url($image[0]);
?>
" width="<?php
echo esc_attr($image[1]);
?>
"
height="<?php
echo esc_attr($image[2]);
?>
" alt="<?php
echo esc_attr($image_alt);
?>
"/>
<a href="<?php
the_permalink();
?>
"></a>
<figcaption <?php
echo esc_attr($port_hover_style);
?>
>
<div class="thumb-info">
<h4 <?php
echo esc_attr($port_hover_text_style);
?>
><?php
echo esc_attr($item_title);
?>
</h4>
<div class="name-divide"></div>
<h5 <?php
echo esc_attr($port_hover_text_style);
?>
><?php
echo esc_attr($item_subtitle);
?>
</h5>
</div>
</figcaption>
</figure>
</article>
<?php
}
?>
</div>
</section>
<?php
}
}
function sf_portfolio_thumbnail($display_type = "gallery", $multi_size = "", $multi_size_ratio = "1/1", $columns = "2", $hover_show_excerpt = "no", $excerpt_length = 20, $gutters = "yes", $fullwidth = "no")
{
global $post, $sf_options;
$portfolio_thumb = $thumb_image_id = $thumb_image = $thumb_gallery = $video = $item_class = $link_config = $port_hover_style = $port_hover_text_style = '';
$thumb_width = 400;
$thumb_height = 300;
$video_height = 300;
if ($columns == "1") {
$thumb_width = 1200;
$thumb_height = 900;
$video_height = 900;
} else {
if ($columns == "2") {
$thumb_width = 800;
$thumb_height = 600;
$video_height = 600;
} else {
if ($columns == "3" || $columns == "4") {
if ($fullwidth == "yes") {
$thumb_width = 500;
$thumb_height = 375;
$video_height = 375;
} else {
$thumb_width = 400;
$thumb_height = 300;
$video_height = 300;
}
}
}
}
if ($display_type == "multi-size-masonry") {
if ($multi_size_ratio == "4/3") {
if ($multi_size == "wide-tall") {
$thumb_width = 1000;
$thumb_height = 750;
} else {
if ($multi_size == "tall") {
$thumb_width = 500;
$thumb_height = 750;
} else {
if ($multi_size == "wide") {
$thumb_width = 1000;
$thumb_height = 375;
} else {
if ($multi_size == "standard") {
$thumb_width = 500;
$thumb_height = 375;
$video_height = 375;
}
}
}
}
} else {
if ($multi_size == "wide-tall") {
$thumb_width = 900;
$thumb_height = 900;
} else {
if ($multi_size == "tall") {
$thumb_width = 450;
$thumb_height = 900;
} else {
if ($multi_size == "wide") {
$thumb_width = 900;
$thumb_height = 450;
} else {
if ($multi_size == "standard") {
$thumb_width = 450;
$thumb_height = 450;
$video_height = 450;
}
}
}
}
}
if ($gutters == "yes" && $multi_size == "tall") {
$thumb_height = $thumb_height + 50;
}
if ($gutters == "yes" && $multi_size == "wide-tall") {
$thumb_height = $thumb_height + 15;
}
}
if ($display_type == "masonry" || $display_type == "masonry-gallery") {
$thumb_height = null;
}
$thumb_type = sf_get_post_meta($post->ID, 'sf_thumbnail_type', true);
$thumb_image = rwmb_meta('sf_thumbnail_image', 'type=image&size=full');
$thumb_video = sf_get_post_meta($post->ID, 'sf_thumbnail_video_url', true);
if ($display_type == "multi-size-masonry" && $multi_size != "") {
$thumb_gallery = rwmb_meta('sf_thumbnail_gallery', 'type=image&size=large-square');
} else {
if ($columns == "2") {
$thumb_gallery = rwmb_meta('sf_thumbnail_gallery', 'type=image&size=thumb-image-twocol');
} else {
$thumb_gallery = rwmb_meta('sf_thumbnail_gallery', 'type=image&size=thumb-image');
}
}
$thumb_link_type = sf_get_post_meta($post->ID, 'sf_thumbnail_link_type', true);
$thumb_link_url = sf_get_post_meta($post->ID, 'sf_thumbnail_link_url', true);
$thumb_lightbox_thumb = rwmb_meta('sf_thumbnail_image', 'type=image&size=large');
$thumb_lightbox_image = rwmb_meta('sf_thumbnail_link_image', 'type=image&size=large');
$thumb_lightbox_video_url = sf_get_post_meta($post->ID, 'sf_thumbnail_link_video_url', true);
$thumb_lightbox_video_url = sf_get_embed_src($thumb_lightbox_video_url);
$port_hover_bg_color = sf_get_post_meta($post->ID, 'sf_port_hover_bg_color', true);
$port_hover_text_color = sf_get_post_meta($post->ID, 'sf_port_hover_text_color', true);
if ($port_hover_bg_color != "") {
$overlay_opacity = $sf_options['overlay_opacity'];
if ($overlay_opacity == 100) {
$overlay_opacity = '1';
} else {
$overlay_opacity = '0.' . $overlay_opacity;
}
$port_hover_bg_rgb = sf_hex2rgb($port_hover_bg_color);
$port_hover_style = 'style="background-color:rgba(' . $port_hover_bg_rgb['red'] . ',' . $port_hover_bg_rgb['green'] . ',' . $port_hover_bg_rgb['blue'] . ',' . $overlay_opacity . ');"';
}
if ($port_hover_text_color != "") {
$port_hover_text_style = 'style="color: ' . $port_hover_text_color . ';"';
}
foreach ($thumb_image as $detail_image) {
$thumb_image_id = $detail_image['ID'];
$thumb_img_url = $detail_image['url'];
break;
}
if (!$thumb_image) {
$thumb_image = get_post_thumbnail_id();
$thumb_image_id = $thumb_image;
$thumb_img_url = wp_get_attachment_url($thumb_image, 'full');
}
$thumb_lightbox_img_url = wp_get_attachment_url($thumb_lightbox_image, 'full');
$image_alt = esc_attr(sf_get_post_meta($thumb_image_id, '_wp_attachment_image_alt', true));
$item_title = get_the_title();
$item_subtitle = sf_get_post_meta($post->ID, 'sf_portfolio_subtitle', true);
$permalink = get_permalink();
$item_link = sf_portfolio_item_link();
$custom_excerpt = sf_get_post_meta($post->ID, 'sf_custom_excerpt', true);
$post_excerpt = '';
if ($custom_excerpt != '') {
$post_excerpt = sf_custom_excerpt($custom_excerpt, $excerpt_length);
} else {
$post_excerpt = sf_excerpt($excerpt_length);
}
if ($display_type == "gallery" || $display_type == "masonry-gallery" || $display_type == "multi-size-masonry") {
$portfolio_thumb .= '<figure class="animated-overlay overlay-style">' . "\n";
} else {
$portfolio_thumb .= '<figure class="animated-overlay overlay-alt">' . "\n";
}
if ($thumb_type == "video") {
$video = sf_video_embed($thumb_video, $thumb_width, $video_height);
$portfolio_thumb .= '<div class="video-thumb">' . $video . '</div>';
} else {
if ($thumb_type == "slider") {
$portfolio_thumb .= '<div class="flexslider thumb-slider"><ul class="slides">' . "\n";
foreach ($thumb_gallery as $image) {
$portfolio_thumb .= "<li><a " . $item_link['config'] . "><img src='{$image['url']}' width='{$image['width']}' height='{$image['height']}' alt='{$image['alt']}' /></a></li>" . "\n";
}
$portfolio_thumb .= '</ul></div>' . "\n";
} else {
if ($thumb_type == "image" && $thumb_img_url == "") {
$thumb_img_url = "default";
}
$image = sf_aq_resize($thumb_img_url, $thumb_width, $thumb_height, true, false);
if ($image) {
$portfolio_thumb .= '<a ' . $item_link['config'] . '></a>';
if ($display_type == "multi-size-masonry") {
$portfolio_thumb .= '<div class="multi-masonry-img-wrap"><img itemprop="image" src="' . $image[0] . '" width="' . $image[1] . '" height="' . $image[2] . '" alt="' . $image_alt . '" /></div>' . "\n";
} else {
$portfolio_thumb .= '<img itemprop="image" src="' . $image[0] . '" width="' . $image[1] . '" height="' . $image[2] . '" alt="' . $image_alt . '" />' . "\n";
}
$portfolio_thumb .= '<div class="figcaption-wrap"></div>';
if ($item_subtitle != "" && $hover_show_excerpt == "no" && ($display_type == "gallery" || $display_type == "masonry-gallery" || $display_type == "multi-size-masonry")) {
$portfolio_thumb .= '<figcaption ' . $port_hover_style . '><div class="thumb-info">';
} else {
if ($display_type == "standard" || $display_type == "masonry") {
$portfolio_thumb .= '<figcaption ' . $port_hover_style . '><div class="thumb-info thumb-info-alt">';
} else {
if ($hover_show_excerpt == "yes" && ($display_type == "gallery" || $display_type == "masonry-gallery")) {
$portfolio_thumb .= '<figcaption ' . $port_hover_style . '><div class="thumb-info thumb-info-excerpt">';
} else {
$portfolio_thumb .= '<figcaption ' . $port_hover_style . '><div class="thumb-info">';
}
}
}
if ($display_type == "gallery" || $display_type == "masonry-gallery" || $display_type == "multi-size-masonry") {
if ($hover_show_excerpt == "yes") {
$portfolio_thumb .= '<h4 itemprop="name headline" ' . $port_hover_text_style . '>' . $item_title . '</h4>';
if ($post_excerpt != "") {
$portfolio_thumb .= '<div class="name-divide"></div>';
$portfolio_thumb .= '<div itemprop="description" ' . $port_hover_text_style . '>' . $post_excerpt . '</div>';
}
} else {
$portfolio_thumb .= '<h4 itemprop="name headline" ' . $port_hover_text_style . '>' . $item_title . '</h4>';
if ($item_subtitle != "") {
$portfolio_thumb .= '<div class="name-divide"></div>';
$portfolio_thumb .= '<h5 itemprop="name alternativeHeadline" ' . $port_hover_text_style . '>' . $item_subtitle . '</h5>';
}
}
} else {
$portfolio_thumb .= '<i class="' . $item_link['icon'] . '"></i>';
}
$portfolio_thumb .= '</div></figcaption>';
}
}
}
$portfolio_thumb .= '</figure>' . "\n";
return $portfolio_thumb;
}
function swift_slider($atts, $content = null)
{
extract(shortcode_atts(array("parallax" => 'false', "type" => 'slider', "fullscreen" => 'false', "max_height" => '', "slide_count" => '-1', "autoplay" => '', "category" => '', "transition" => 'slide', "loop" => 'yes', "nav" => '1', "pagination" => 'yes', "continue" => 'true'), $atts));
/* GLOBAL VARIABLES
================================================== */
global $post, $wp_query, $swift_slider_count;
/* SLIDE CATEGORY
================================================== */
if ($category == "All" || $category == "all") {
$category = "";
}
$slide_category = str_replace('_', '-', $category);
/* SLIDE QUERY
================================================== */
$slide_count = intval($slide_count);
$ss_args = array('post_type' => 'swift-slider', 'post_status' => 'publish', 'swift-slider-category' => $slide_category, 'posts_per_page' => $slide_count);
$swift_slider_slides = new WP_Query($ss_args);
$slides_count = $swift_slider_slides->found_posts;
if ($slides_count < $slide_count) {
$slide_count = $slides_count;
} else {
if ($slide_count === 0) {
$slide_count = $slides_count;
}
}
/* SLIDER VARIABLES
================================================== */
$swift_slider_output = "";
if (!$swift_slider_count) {
$swift_slider_count = 1;
} else {
$swift_slider_count++;
}
$sliderID = 'swift-slider-' . $swift_slider_count;
$slide_ID = 0;
if ($fullscreen == "yes" || $fullscreen == "1") {
$fullscreen = "true";
}
if ($loop == "yes" || $loop == "1") {
$loop = "true";
}
if ($slide_count <= 1 || $slides_count <= 1) {
$loop = "false";
}
?>
<?php
if ($swift_slider_slides->have_posts()) {
$swift_slider_output .= '<div class="swift-slider-outer">';
$swift_slider_output .= '<div id="' . $sliderID . '" class="swift-slider swiper-container" data-type="' . $type . '" data-fullscreen="' . $fullscreen . '" data-max-height="' . $max_height . '" data-transition="' . $transition . '" data-loop="' . $loop . '" data-slide-count="' . $slide_count . '" data-autoplay="' . $autoplay . '" data-continue="' . $continue . '">';
$swift_slider_output .= '<div class="swiper-wrapper">';
while ($swift_slider_slides->have_posts()) {
$swift_slider_slides->the_post();
// Increase Slide ID
$slide_ID++;
// Slide variables
$bg_image_url = $background_valign = $bg_mp4_id = $bg_webm_id = $bg_ogg_id = $bg_mp4_url = $bg_webm_url = $bg_ogg_url = "";
$bg_video_size = array();
// Get the meta values
$slide_title = get_the_title();
$bg_type = sf_get_post_meta($post->ID, 'ss_bg_type', true);
$bg_color = sf_get_post_meta($post->ID, 'ss_bg_color', true);
$bg_opacity = sf_get_post_meta($post->ID, 'ss_bg_opacity', true);
$bg_image = rwmb_meta('ss_background_image', 'type=image&size=full');
$background_size = sf_get_post_meta($post->ID, 'ss_background_size', true);
$background_valign = sf_get_post_meta($post->ID, 'ss_background_valign', true);
$background_halign = sf_get_post_meta($post->ID, 'ss_background_halign', true);
$bg_mp4 = rwmb_meta('ss_background_video_mp4', 'type=file');
$bg_webm = rwmb_meta('ss_background_video_webm', 'type=file');
$bg_ogg = rwmb_meta('ss_background_video_ogg', 'type=file');
$video_loop = sf_get_post_meta($post->ID, 'ss_video_loop', true);
$video_mute = sf_get_post_meta($post->ID, 'ss_video_mute', true);
$video_overlay = sf_get_post_meta($post->ID, 'ss_video_overlay', true);
$slide_style = sf_get_post_meta($post->ID, 'ss_slide_style', true);
$caption_title = sf_get_post_meta($post->ID, 'ss_caption_title', true);
$caption_text = sf_content_filter(sf_get_post_meta($post->ID, 'ss_caption_text', true));
$caption_x = sf_get_post_meta($post->ID, 'ss_caption_x', true);
$caption_y = sf_get_post_meta($post->ID, 'ss_caption_y', true);
$caption_size = sf_get_post_meta($post->ID, 'ss_caption_size', true);
$slide_link = sf_get_post_meta($post->ID, 'ss_slide_link', true);
$slide_link_url = sf_get_post_meta($post->ID, 'ss_slide_link_url', true);
// Background Image
foreach ($bg_image as $image) {
$bg_image_url = $image['url'];
break;
}
// Background Image V-Align Default
if ($background_valign == "") {
$background_valign = "center";
}
// MP4
foreach ($bg_mp4 as $video) {
$bg_mp4_id = $video['ID'];
$bg_mp4_url = $video['url'];
break;
}
if ($bg_mp4_url == "") {
$bg_mp4_url = sf_get_post_meta($post->ID, 'ss_background_video_mp4_url', true);
}
// WEBM
foreach ($bg_webm as $video) {
$bg_webm_id = $video['ID'];
$bg_webm_url = $video['url'];
break;
}
if ($bg_webm_url == "") {
$bg_webm_url = sf_get_post_meta($post->ID, 'ss_background_video_webm_url', true);
}
// OGG
foreach ($bg_ogg as $video) {
$bg_ogg_id = $video['ID'];
$bg_ogg_url = $video['url'];
break;
}
if ($bg_ogg_url == "") {
$bg_ogg_url = sf_get_post_meta($post->ID, 'ss_background_video_ogg_url', true);
}
// Get video size from .mp4 or .webm file
if ($bg_mp4_id != "") {
$bg_video_size = wp_get_attachment_metadata($bg_mp4_id);
} else {
if ($bg_webm_id != "") {
$bg_video_size = wp_get_attachment_metadata($bg_webm_id);
} else {
if ($bg_ogg_id != "") {
$bg_video_size = wp_get_attachment_metadata($bg_ogg_id);
}
}
}
// Set video height/width if not set
if (empty($bg_video_size)) {
$bg_video_size['width'] = 0;
$bg_video_size['height'] = 0;
}
if ($background_size == "") {
$background_size = "cover";
}
if ($background_halign == "") {
$background_halign = "center";
}
if ($bg_image_url != "") {
$swift_slider_output .= '<div class="swiper-slide ' . $bg_type . '-slide" data-slide-id="' . $slide_ID . '" data-slide-title="' . $slide_title . '" style="background-image: url(' . $bg_image_url . ');background-color: ' . $bg_color . '" data-bg-size="' . $background_size . '" data-bg-align="' . $background_valign . '" data-bg-horiz-align="' . $background_halign . '" data-slide-img="' . $bg_image_url . '" data-style="' . $slide_style . '">';
if (!empty($bg_opacity) && $bg_opacity > 0) {
$bg_opacity_d = $bg_opacity / 100;
// Decimal value
$bg_c = sf_hex2rgb($bg_color);
// RGB array
$bg_c = $bg_c['red'] . "," . $bg_c['green'] . "," . $bg_c['blue'];
// rgba string
$swift_slider_output .= '<div class="overlay" style="-ms-filter: \'progid:DXImageTransform.Microsoft.Alpha(Opacity=' . $bg_opacity . ')\';filter: alpha(opacity=' . $bg_opacity . ');-moz-opacity: ' . $bg_opacity_d . ';-khtml-opacity: ' . $bg_opacity_d . ';opacity: ' . $bg_opacity_d . ';background-color: ' . $bg_color . ';"></div>';
}
} else {
$swift_slider_output .= '<div class="swiper-slide ' . $bg_type . '-slide" data-slide-id="' . $slide_ID . '" data-slide-title="' . $slide_title . '" style="background-color: ' . $bg_color . '" data-style="' . $slide_style . '">';
}
if ($caption_title != "" || $caption_text != "") {
$swift_slider_output .= '<div class="caption-wrap container">';
$swift_slider_output .= '<div class="caption-content" data-caption-color="" data-caption-x="' . $caption_x . '" data-caption-y="' . $caption_y . '" data-caption-size="' . $caption_size . '">';
if ($caption_title != "") {
$swift_slider_output .= '<h2 class="caption-title">' . $caption_title . '</h2>';
}
if ($caption_text != "") {
$swift_slider_output .= '<div class="caption-excerpt">';
$swift_slider_output .= do_shortcode($caption_text);
$swift_slider_output .= '</div>';
}
$swift_slider_output .= '</div>';
if ($slide_link == "link-nw") {
$swift_slider_output .= '<a href="' . $slide_link_url . '" target="_blank" class="ss-slide-link"></a>';
} else {
if ($slide_link == "link-sw") {
$swift_slider_output .= '<a href="' . $slide_link_url . '" target="_self" class="ss-slide-link"></a>';
}
}
$swift_slider_output .= '</div>';
} else {
if ($slide_link == "link-nw") {
$swift_slider_output .= '<a href="' . $slide_link_url . '" target="_blank" class="ss-slide-link"></a>';
} else {
if ($slide_link == "link-sw") {
$swift_slider_output .= '<a href="' . $slide_link_url . '" target="_self" class="ss-slide-link"></a>';
}
}
}
if ($bg_type == "video") {
$swift_slider_output .= '<div class="video-wrap">';
if ($video_overlay != "none") {
$swift_slider_output .= '<div class="video-overlay overlay-' . $video_overlay . '"></div>';
}
$swift_slider_output .= '<video class="video" poster="' . $bg_image_url . '" autoplay ' . $video_loop . ' ' . $video_mute . ' preload="auto" data-width="' . $bg_video_size['width'] . '" data-height="' . $bg_video_size['height'] . '">';
if ($bg_webm_url != "") {
$swift_slider_output .= '<source src="' . $bg_webm_url . '" type="video/webm">';
}
if ($bg_mp4_url != "") {
$swift_slider_output .= '<source src="' . $bg_mp4_url . '" type="video/mp4">';
}
if ($bg_ogg_url != "") {
$swift_slider_output .= '<source src="' . $bg_ogg_url . '" type="video/ogg">';
}
$swift_slider_output .= '</video>';
$swift_slider_output .= '</div>';
}
$swift_slider_output .= '</div><!-- .swiper-slide -->';
}
// Reset Query & Postdata
wp_reset_query();
wp_reset_postdata();
$swift_slider_output .= '</div><!-- .swiper-wrapper -->';
if ($type == "slider" && $slide_count > 1 && ($nav == "1" || $nav == "yes" || $nav == "true")) {
$ss_prev_icon = apply_filters('swift_slider_prev_icon', '<i class="ss-navigateleft"></i>');
$ss_next_icon = apply_filters('swift_slider_next_icon', '<i class="ss-navigateright"></i>');
$swift_slider_output .= '<a class="swift-slider-prev" href="#">' . $ss_prev_icon . '<h4>' . __('Previous', 'swift-framework-plugin') . '</h4></a>';
$swift_slider_output .= '<a class="swift-slider-next" href="#">' . $ss_next_icon . '<h4>' . __('Next', 'swift-framework-plugin') . '</h4></a>';
}
if ($slide_count > 1 && ($pagination == "1" || $pagination == "yes" || $pagination == "true")) {
$swift_slider_output .= '<div class="swift-slider-pagination">';
} else {
$swift_slider_output .= '<div class="swift-slider-pagination pagination-hidden">';
}
for ($i = 0; $i < $slide_count; $i++) {
$swift_slider_output .= '<div class="dot"><span class=""></span></div>';
}
$swift_slider_output .= '</div>';
if ($continue == "true" || $continue == 1) {
$swift_slider_output .= '<div class="swift-scroll-indicator">';
$swift_slider_output .= '<span></span><span></span><span></span>';
$swift_slider_output .= '</div>';
$ss_continue_icon = apply_filters('swift_slider_continue_icon', '<i class="ss-navigatedown"></i>');
$swift_slider_output .= '<a href="#" class="swift-slider-continue continue-hidden">' . $ss_continue_icon . '</a>';
}
// LOADER
$swift_slider_output .= sf_loading_animation('swift-slider-loader');
// FULLSCREEN
if ($fullscreen == "true") {
$swift_slider_output .= "<script>jQuery(document).ready(function() {\n\t\t\t\t\tvar windowHeight = parseInt(jQuery(window).height(), 10);\n\n\t\t\t\t\tif (jQuery('#wpadminbar').length > 0) {\n\t\t\t\t\t\twindowHeight = windowHeight - jQuery('#wpadminbar').height();\n\t\t\t\t\t}\n\t\t\t\t\tjQuery('#" . $sliderID . "').css('height', windowHeight);\n\t\t\t\t});</script>";
}
$swift_slider_output .= '</div><!-- .swift-slider -->';
$swift_slider_output .= '</div><!-- .swift-slider-outer -->';
} else {
$swift_slider_output .= '<div id="' . $sliderID . '" class="swift-slider no-slides">';
$swift_slider_output .= __("No slides found, please add some!", 'swift-framework-plugin');
$swift_slider_output .= '</div>';
}
// Ouptut
return $swift_slider_output;
}
protected function content($atts, $content = null)
{
$title = $category = $item_class = $width = $hover_style = $gutters = $fullwidth = $list_class = $el_class = $output = $filter = $items = $el_position = '';
extract(shortcode_atts(array('title' => '', "item_count" => '12', 'item_columns' => '4', 'fullwidth' => 'no', 'gutters' => 'yes', "category" => 'all', 'hover_style' => 'default', 'el_position' => '', 'width' => '1/1', 'el_class' => ''), $atts));
/* SIDEBAR CONFIG
================================================== */
global $sf_sidebar_config, $sf_options;
$sidebars = '';
if ($sf_sidebar_config == "left-sidebar" || $sf_sidebar_config == "right-sidebar") {
$sidebars = 'one-sidebar';
} else {
if ($sf_sidebar_config == "both-sidebars") {
$sidebars = 'both-sidebars';
} else {
$sidebars = 'no-sidebars';
}
}
if (is_singular('portfolio')) {
$sidebars = "no-sidebars";
}
// CATEGORY SLUG MODIFICATION
if ($category == "All") {
$category = "all";
}
if ($category == "all") {
$category = '';
}
$category_slug = str_replace('_', '-', $category);
global $post, $wp_query, $sf_carouselID;
if ($sf_carouselID == "") {
$sf_carouselID = 1;
} else {
$sf_carouselID++;
}
$portfolio_args = array('post_type' => 'portfolio', 'post_status' => 'publish', 'portfolio-category' => $category_slug, 'posts_per_page' => $item_count, 'no_found_rows' => 1);
$portfolio_items = new WP_Query($portfolio_args);
$count = 0;
$figure_width = 300;
$figure_height = 225;
if ($item_columns == "3") {
$figure_width = 400;
$figure_height = 300;
}
if ($item_columns == "2") {
$figure_width = 600;
$figure_height = 450;
}
// Thumb Type
if ($hover_style == "default" && function_exists('sf_get_thumb_type')) {
$list_class = sf_get_thumb_type();
} else {
$list_class = 'thumbnail-' . $hover_style;
}
if ($gutters == "no") {
$list_class .= ' no-gutters';
} else {
$list_class .= ' gutters';
}
$items .= '<div id="carousel-' . $sf_carouselID . '" class="portfolio-items carousel-items clearfix ' . $list_class . '" data-columns="' . $item_columns . '" data-auto="false">';
while ($portfolio_items->have_posts()) {
$portfolio_items->the_post();
$port_hover_style = $port_hover_text_style = '';
$item_title = get_the_title();
$thumb_type = sf_get_post_meta($post->ID, 'sf_thumbnail_type', true);
$thumb_image = rwmb_meta('sf_thumbnail_image', 'type=image&size=full');
$thumb_video = sf_get_post_meta($post->ID, 'sf_thumbnail_video_url', true);
$thumb_gallery = rwmb_meta('sf_thumbnail_gallery', 'type=image&size=thumb-image');
$thumb_link_type = sf_get_post_meta($post->ID, 'sf_thumbnail_link_type', true);
$thumb_link_url = sf_get_post_meta($post->ID, 'sf_thumbnail_link_url', true);
$thumb_lightbox_thumb = rwmb_meta('sf_thumbnail_image', 'type=image&size=large');
$thumb_lightbox_image = rwmb_meta('sf_thumbnail_link_image', 'type=image&size=large');
$thumb_lightbox_video_url = sf_get_post_meta($post->ID, 'sf_thumbnail_link_video_url', true);
$thumb_lightbox_video_url = sf_get_embed_src($thumb_lightbox_video_url);
$port_hover_bg_color = sf_get_post_meta($post->ID, 'sf_port_hover_bg_color', true);
$port_hover_text_color = sf_get_post_meta($post->ID, 'sf_port_hover_text_color', true);
foreach ($thumb_image as $detail_image) {
$thumb_img_url = $detail_image['url'];
break;
}
if (!$thumb_image) {
$thumb_image = get_post_thumbnail_id();
$thumb_img_url = wp_get_attachment_url($thumb_image, 'full');
}
$thumb_lightbox_img_url = wp_get_attachment_url($thumb_lightbox_image, 'full');
$item_title = get_the_title();
$item_subtitle = sf_get_post_meta($post->ID, 'sf_portfolio_subtitle', true);
$permalink = get_permalink();
$item_link = sf_portfolio_item_link();
if ($port_hover_bg_color != "") {
$overlay_opacity = $sf_options['overlay_opacity'];
if ($overlay_opacity == 100) {
$overlay_opacity = '1';
} else {
$overlay_opacity = '0.' . $overlay_opacity;
}
$port_hover_bg_rgb = sf_hex2rgb($port_hover_bg_color);
$port_hover_style = 'style="background-color:rgba(' . $port_hover_bg_rgb['red'] . ',' . $port_hover_bg_rgb['green'] . ',' . $port_hover_bg_rgb['blue'] . ',' . $overlay_opacity . ');"';
}
if ($port_hover_text_color != "") {
$port_hover_text_style = 'style="color: ' . $port_hover_text_color . ';"';
}
$items .= '<div itemscope data-id="id-' . $count . '" class="clearfix carousel-item portfolio-item">';
$items .= '<figure class="animated-overlay overlay-style">';
// THUMBNAIL MEDIA TYPE SETUP
if ($thumb_type == "video") {
$video = sf_video_embed($thumb_video, $figure_width, $figure_height);
$items .= $video;
} else {
if ($thumb_type == "slider") {
$items .= '<div class="flexslider thumb-slider"><ul class="slides">';
foreach ($thumb_gallery as $image) {
$alt = $image['alt'];
if (!$alt) {
$alt = $image['title'];
}
$items .= "<li><a " . $item_link['config'] . "><img src='{$image['url']}' width='{$image['width']}' height='{$image['height']}' alt='{$alt}' /></a></li>";
}
$items .= '</ul></div>';
} else {
if ($thumb_type == "image" && $thumb_img_url == "") {
$thumb_img_url = "default";
}
$image = sf_aq_resize($thumb_img_url, $figure_width, $figure_height, true, false);
if ($image) {
$items .= '<img itemprop="image" src="' . $image[0] . '" width="' . $image[1] . '" height="' . $image[2] . '" alt="' . $item_title . '" />';
$items .= '<a ' . $item_link['config'] . '></a>';
$items .= '<figcaption ' . $port_hover_style . '><div class="thumb-info">';
$items .= '<h4 ' . $port_hover_text_style . '>' . $item_title . '</h4>';
if ($item_subtitle != "") {
$items .= '<div class="name-divide"></div>';
$items .= '<h5 ' . $port_hover_text_style . '>' . $item_subtitle . '</h5>';
}
$items .= '</div></figcaption>';
}
}
}
$items .= '</figure>';
$items .= '</div>';
$count++;
}
wp_reset_query();
wp_reset_postdata();
$items .= '</div>';
$width = spb_translateColumnWidthToSpan($width);
$el_class = $this->getExtraClass($el_class);
$output .= "\n\t" . '<div class="spb_portfolio_carousel_widget carousel-asset spb_content_element ' . $width . $el_class . '">';
$output .= "\n\t\t" . '<div class="spb-asset-content">';
$output .= "\n\t\t" . '<div class="title-wrap clearfix">';
if ($title != '') {
$output .= '<h3 class="spb-heading"><span>' . $title . '</span></h3>';
}
$output .= spb_carousel_arrows();
$output .= '</div>';
$output .= "\n\t\t" . $items;
$output .= "\n\t\t" . '</div>';
$output .= "\n\t" . '</div> ' . $this->endBlockComment($width);
if ($fullwidth == "yes" && $sidebars == "no-sidebars") {
$output = $this->startRow($el_position, '', true) . $output . $this->endRow($el_position, '', true);
} else {
$output = $this->startRow($el_position) . $output . $this->endRow($el_position);
}
global $sf_include_carousel, $sf_include_isotope;
$sf_include_carousel = true;
$sf_include_isotope = true;
return $output;
}
function sf_portfolio_related_projects()
{
global $post, $sf_options;
$fullwidth = $sf_options['related_projects_fullwidth'];
$gutters = false;
if (isset($sf_options['related_projects_gutters'])) {
$gutters = $sf_options['related_projects_gutters'];
}
$item_count = $sf_options['related_projects_columns'];
$related = sf_portfolio_related_posts($post->ID, $item_count);
$item_class = "col-sm-4";
$wrap_class = $heading_class = "";
if ($fullwidth) {
$heading_class = "container";
} else {
$wrap_class = "container";
}
$hover_style = "default";
if ($gutters) {
$wrap_class .= " gutters";
} else {
$wrap_class .= " no-gutters";
}
// Thumb Type
if (function_exists('sf_get_thumb_type') && sf_theme_opts_name() == "sf_atelier_options") {
$wrap_class .= ' ' . sf_get_thumb_type();
} else {
if (function_exists('sf_get_thumb_type') && $hover_style == "default") {
$wrap_class .= ' ' . sf_get_thumb_type();
} else {
$wrap_class .= ' thumbnail-' . $hover_style;
}
}
if ($item_count == "4") {
$item_class = "col-sm-3";
}
if (sf_theme_supports('alt-gallery-hover')) {
$item_class .= " portfolio-item gallery-item";
}
if ($related->have_posts()) {
?>
<section class="related-projects <?php
echo esc_attr($wrap_class);
?>
clearfix">
<h2 class="<?php
echo esc_attr($heading_class);
?>
"><?php
echo apply_filters('sf_related_projects_heading', __("Related Projects", "swiftframework"));
?>
</h2>
<div class="row clearfix">
<?php
while ($related->have_posts()) {
$related->the_post();
?>
<?php
$item_title = get_the_title();
$item_subtitle = sf_get_post_meta($post->ID, 'sf_portfolio_subtitle', true);
$thumb_image = $port_hover_style = $port_hover_text_style = "";
$thumb_image = sf_get_post_meta($post->ID, 'sf_thumbnail_image', true);
if (!$thumb_image) {
$thumb_image = get_post_thumbnail_id();
}
$thumb_img_url = wp_get_attachment_url($thumb_image, 'full');
if ($thumb_img_url == "") {
$thumb_img_url = "default";
}
$image = sf_aq_resize($thumb_img_url, 500, 375, true, false);
$image_alt = esc_attr(sf_get_post_meta($thumb_image, '_wp_attachment_image_alt', true));
$port_hover_bg_color = sf_get_post_meta($post->ID, 'sf_port_hover_bg_color', true);
$port_hover_text_color = sf_get_post_meta($post->ID, 'sf_port_hover_text_color', true);
if ($port_hover_bg_color != "") {
if (isset($sf_options['overlay_opacity'])) {
$overlay_opacity = $sf_options['overlay_opacity'];
if ($overlay_opacity == 100) {
$overlay_opacity = '1';
} else {
$overlay_opacity = '0.' . $overlay_opacity;
}
$port_hover_bg_rgb = sf_hex2rgb($port_hover_bg_color);
$port_hover_style = 'style="background-color:rgba(' . $port_hover_bg_rgb['red'] . ',' . $port_hover_bg_rgb['green'] . ',' . $port_hover_bg_rgb['blue'] . ',' . $overlay_opacity . ');"';
} else {
if (isset($sf_options['overlay_opacity_top'])) {
$overlay_opacity_top = $sf_options['overlay_opacity_top'];
$overlay_opacity_bottom = $sf_options['overlay_opacity_bottom'];
$port_hover_bg_rgb = sf_hex2rgb($port_hover_bg_color);
if ($overlay_opacity_top < 100 || $overlay_opacity_bottom < 100) {
$overlay_opacity_top = $overlay_opacity_top < 100 ? '0.' . $overlay_opacity_top : '1.0';
$overlay_opacity_bottom = $overlay_opacity_bottom < 100 ? '0.' . $overlay_opacity_bottom : '1.0';
$port_hover_style = 'style="background: -webkit-gradient(linear,left top,left bottom,color-stop(25%,rgba(' . $port_hover_bg_rgb["red"] . ',' . $port_hover_bg_rgb["green"] . ',' . $port_hover_bg_rgb["blue"] . ', ' . $overlay_opacity_top . ')),to(rgba(' . $port_hover_bg_rgb["red"] . ',' . $port_hover_bg_rgb["green"] . ',' . $port_hover_bg_rgb["blue"] . ', ' . $overlay_opacity_bottom . ')));
background: -webkit-linear-gradient(top, rgba(' . $port_hover_bg_rgb["red"] . ',' . $port_hover_bg_rgb["green"] . ',' . $port_hover_bg_rgb["blue"] . ', ' . $overlay_opacity_top . ') 25%,rgba(' . $port_hover_bg_rgb["red"] . ',' . $port_hover_bg_rgb["green"] . ',' . $port_hover_bg_rgb["blue"] . ', ' . $overlay_opacity_bottom . ') 100%);
background: linear-gradient(to bottom, rgba(' . $port_hover_bg_rgb["red"] . ',' . $port_hover_bg_rgb["green"] . ',' . $port_hover_bg_rgb["blue"] . ', ' . $overlay_opacity_top . ') 25%, rgba(' . $port_hover_bg_rgb["red"] . ',' . $port_hover_bg_rgb["green"] . ',' . $port_hover_bg_rgb["blue"] . ', ' . $overlay_opacity_bottom . ') 100%);"';
}
}
}
}
if ($port_hover_text_color != "") {
$port_hover_text_style = 'style="color: ' . $port_hover_text_color . ';"';
}
?>
<article class="<?php
echo esc_attr($item_class);
?>
">
<figure class="animated-overlay overlay-style">
<img src="<?php
echo esc_url($image[0]);
?>
" width="<?php
echo esc_attr($image[1]);
?>
"
height="<?php
echo esc_attr($image[2]);
?>
" alt="<?php
echo esc_attr($image_alt);
?>
"/>
<a href="<?php
the_permalink();
?>
"></a>
<figcaption <?php
echo esc_attr($port_hover_style);
?>
>
<div class="thumb-info">
<h4 <?php
echo esc_attr($port_hover_text_style);
?>
><?php
echo esc_attr($item_title);
?>
</h4>
<div class="name-divide"></div>
<h5 <?php
echo esc_attr($port_hover_text_style);
?>
><?php
echo esc_attr($item_subtitle);
?>
</h5>
</div>
</figcaption>
</figure>
</article>
<?php
}
?>
</div>
</section>
<?php
}
}
