Example #1
0
    function shopkeeper_custom_styles()
    {
        global $post, $shopkeeper_theme_options;
        //convert hex to rgb
        function getbowtied_hex2rgb($hex)
        {
            $hex = str_replace("#", "", $hex);
            if (strlen($hex) == 3) {
                $r = hexdec(substr($hex, 0, 1) . substr($hex, 0, 1));
                $g = hexdec(substr($hex, 1, 1) . substr($hex, 1, 1));
                $b = hexdec(substr($hex, 2, 1) . substr($hex, 2, 1));
            } else {
                $r = hexdec(substr($hex, 0, 2));
                $g = hexdec(substr($hex, 2, 2));
                $b = hexdec(substr($hex, 4, 2));
            }
            $rgb = array($r, $g, $b);
            return implode(",", $rgb);
            // returns the rgb values separated by commas
            //return $rgb; // returns an array with the rgb values
        }
        function HexHSL($hexcode)
        {
            $redhex = substr($hexcode, 0, 2);
            $greenhex = substr($hexcode, 2, 2);
            $bluehex = substr($hexcode, 4, 2);
            $var_r = hexdec($redhex) / 255;
            $var_g = hexdec($greenhex) / 255;
            $var_b = hexdec($bluehex) / 255;
            $var_min = min($var_r, $var_g, $var_b);
            $var_max = max($var_r, $var_g, $var_b);
            $del_max = $var_max - $var_min;
            $l = ($var_max + $var_min) / 2;
            if ($del_max == 0) {
                $h = 0;
                $s = 0;
            } else {
                if ($l < 0.5) {
                    $s = $del_max / ($var_max + $var_min);
                } else {
                    $s = $del_max / (2 - $var_max - $var_min);
                }
                $del_r = (($var_max - $var_r) / 6 + $del_max / 2) / $del_max;
                $del_g = (($var_max - $var_g) / 6 + $del_max / 2) / $del_max;
                $del_b = (($var_max - $var_b) / 6 + $del_max / 2) / $del_max;
                if ($var_r == $var_max) {
                    $h = $del_b - $del_g;
                } elseif ($var_g == $var_max) {
                    $h = 1 / 3 + $del_r - $del_b;
                } elseif ($var_b == $var_max) {
                    $h = 2 / 3 + $del_g - $del_r;
                }
                if ($h < 0) {
                    $h += 1;
                }
                if ($h > 1) {
                    $h -= 1;
                }
            }
            return array($h * 360, $s * 100, $l * 100);
            /*echo $h*360;
            		echo '<br>';
            		echo $s*100;
            		echo '<br>';
            		echo $l*100;
            		echo '<br>';*/
        }
        ob_start();
        ?>
	
	<!-- ******************************************************************** -->
	<!-- * Theme Options Styles ********************************************* -->
	<!-- ******************************************************************** -->
		
	<style>
		
		/***************************************************************/
		/* Body ********************************************************/
		/***************************************************************/
		
		.st-content {			
			<?php 
        if (isset($shopkeeper_theme_options['main_background']['background-color'])) {
            ?>
			background-color:<?php 
            echo esc_html($shopkeeper_theme_options['main_background']['background-color']);
            ?>
;
			<?php 
        }
        ?>
			
			<?php 
        if (isset($shopkeeper_theme_options['main_background']['background-image']) && $shopkeeper_theme_options['main_background']['background-image'] != "") {
            ?>
			background-image:url(<?php 
            echo esc_url($shopkeeper_theme_options['main_background']['background-image']);
            ?>
);
			<?php 
        }
        ?>
			
			<?php 
        if (isset($shopkeeper_theme_options['main_background']['background-repeat'])) {
            ?>
			background-repeat:<?php 
            echo esc_html($shopkeeper_theme_options['main_background']['background-repeat']);
            ?>
;
			<?php 
        }
        ?>
			
			<?php 
        if (isset($shopkeeper_theme_options['main_background']['background-position'])) {
            ?>
			background-position:<?php 
            echo esc_html($shopkeeper_theme_options['main_background']['background-position']);
            ?>
;
			<?php 
        }
        ?>
			
			<?php 
        if (isset($shopkeeper_theme_options['main_background']['background-size'])) {
            ?>
			background-size:<?php 
            echo esc_html($shopkeeper_theme_options['main_background']['background-size']);
            ?>
;
			<?php 
        }
        ?>
			
			<?php 
        if (isset($shopkeeper_theme_options['main_background']['background-attachment'])) {
            ?>
			background-attachment:<?php 
            echo esc_html($shopkeeper_theme_options['main_background']['background-attachment']);
            ?>
;
			<?php 
        }
        ?>
		}
		
		/***************************************************************/
		/* Fonts *******************************************************/
		/***************************************************************/
		
		<?php 
        //if ( (isset($shopkeeper_theme_options['main_font']['font-family'])) && (trim($shopkeeper_theme_options['main_font']['font-family']) != "" ) ) :
        ?>
			
			h1, h2, h3, h4, h5, h6,
			.comments-title,
			.comment-author,
			#reply-title,
			#site-footer .widget-title,
			.accordion_title,
			.ui-tabs-anchor,
			.products .button,
			.site-title a,
			.post_meta_archive a,
			.post_meta a,
			.post_tags a,
			 #nav-below a,
			.list_categories a,
			.list_shop_categories a,
			.main-navigation > ul > li > a,
			.main-navigation .mega-menu > ul > li > a,
			.more-link,
			.top-page-excerpt,
			.select2-container .select2-choice > .select2-chosen,
			.select2-search input,
			.product_after_shop_loop_buttons a,
			.woocommerce .products-grid a.button,
			.page-numbers,
			input.qty,
			.woocommerce form .form-row label,
			.woocommerce-page form .form-row label,
			.button,
			button,
			.button_text,
			input[type="button"],
			input[type="reset"],
			input[type="submit"],
			.woocommerce a.button,
			.woocommerce-page a.button,
			.woocommerce button.button,
			.woocommerce-page button.button,
			.woocommerce input.button,
			.woocommerce-page input.button,
			.woocommerce #respond input#submit,
			.woocommerce-page #respond input#submit,
			.woocommerce #content input.button,
			.woocommerce-page #content input.button,
			.woocommerce a.button.alt,
			.woocommerce button.button.alt,
			.woocommerce input.button.alt,
			.woocommerce #respond input#submit.alt,
			.woocommerce #content input.button.alt,
			.woocommerce-page a.button.alt,
			.woocommerce-page button.button.alt,
			.woocommerce-page input.button.alt,
			.woocommerce-page #respond input#submit.alt,
			.woocommerce-page #content input.button.alt,
			.yith-wcwl-wishlistexistsbrowse.show a,
			.share-product-text,
			.tabs > li > a,
			label,
			.comment-respond label,
			.product_meta_title,
			.woocommerce table.shop_table th, 
			.woocommerce-page table.shop_table th,
			#map_button,
			.coupon_code_text,
			.woocommerce .cart-collaterals .cart_totals tr.order-total td strong,
			.woocommerce-page .cart-collaterals .cart_totals tr.order-total td strong,
			.cart-wishlist-empty,
			.return-to-shop .wc-backward,
			.order-number a,
			.account_view_link,
			.post-edit-link,
			.from_the_blog_title,
			.icon_box_read_more,
			.vc_pie_chart_value,
			.shortcode_banner_simple_bullet,
			.shortcode_banner_simple_height_bullet,
			.category_name,
			.woocommerce span.onsale,
			.woocommerce-page span.onsale,
			.out_of_stock_badge_single,
			.out_of_stock_badge_loop,
			.page-numbers,
			.page-links,
			.add_to_wishlist,
			.yith-wcwl-wishlistaddedbrowse,
			.yith-wcwl-wishlistexistsbrowse,
			.filters-group,
			.product-name,
			.woocommerce-page .my_account_container table.shop_table.order_details_footer tr:last-child td:last-child .amount,
			.customer_details dt,
			.widget h3,
			.widget ul a,
			.widget a,
			.widget .total .amount,
			.wishlist-in-stock,
			.wishlist-out-of-stock,
			.comment-reply-link,
			.comment-edit-link,
			.widget_calendar table thead tr th,
			.page-type,
			.mobile-navigation a,
			table thead tr th,
			.portfolio_single_list_cat,
			.portfolio-categories,
			.shipping-calculator-button,
			.vc_btn,
			.vc_btn2,
			.vc_btn3
			{ 
				font-family:'Conv_AvenirLTStd-Medium',sans-serif;
			}			
		<?php 
        //endif;
        ?>
		
		<?php 
        //if ( (isset($shopkeeper_theme_options['secondary_font']['font-family'])) && (trim($shopkeeper_theme_options['secondary_font']['font-family']) != "" ) ) :
        ?>
			body,
			p,
			#site-navigation-top-bar,
			.site-title,
			.widget_product_search #searchsubmit,
			.widget_search #searchsubmit,
			.widget_product_search .search-submit,
			.widget_search .search-submit,
			#site-menu,
			.copyright_text,
			blockquote cite,
			table thead th,
			.recently_viewed_in_single h2,
			.woocommerce .cart-collaterals .cart_totals table th,
			.woocommerce-page .cart-collaterals .cart_totals table th,
			.woocommerce .cart-collaterals .shipping_calculator h2,
			.woocommerce-page .cart-collaterals .shipping_calculator h2,
			.qty,
			.shortcode_banner_simple_inside h4,
			.shortcode_banner_simple_height h4,
			.fr-caption,
			.post_meta_archive,
			.post_meta,
			.page-links-title,
			.yith-wcwl-wishlistaddedbrowse .feedback,
			.yith-wcwl-wishlistexistsbrowse .feedback,
			.product-name span,
			.widget_calendar table tbody a,
			.fr-touch-caption-wrapper
			{
				font-family:'Conv_AvenirLTStd-Medium',sans-serif;
			}			
		<?php 
        //endif;
        ?>
		
		
		
		
		/***************************************************************/
		/* Body Text Colors  *******************************************/
		/***************************************************************/
		
		<?php 
        if (isset($shopkeeper_theme_options['body_color']) && trim($shopkeeper_theme_options['body_color']) != "") {
            ?>
		body,
		table tr th,
		table tr td,
		table thead tr th,
		blockquote p,
		label,
		.woocommerce .woocommerce-breadcrumb a,
		.woocommerce-page .woocommerce-breadcrumb a,
		.select2-dropdown-open.select2-drop-above .select2-choice,
		.select2-dropdown-open.select2-drop-above .select2-choices, 
		.select2-container .select2-choice,
		.select2-container,
		.big-select,
		.select.big-select,
		.list-centered li a,
		.post_meta_archive a,
		.post_meta a,
		.nav-next a,
		.nav-previous a,
		.blog-single h6,
		.page-description,
		.woocommerce #content nav.woocommerce-pagination ul li a:focus,
		.woocommerce #content nav.woocommerce-pagination ul li a:hover,
		.woocommerce #content nav.woocommerce-pagination ul li span.current,
		.woocommerce nav.woocommerce-pagination ul li a:focus,
		.woocommerce nav.woocommerce-pagination ul li a:hover,
		.woocommerce nav.woocommerce-pagination ul li span.current,
		.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
		.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
		.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
		.woocommerce-page nav.woocommerce-pagination ul li a:focus,
		.woocommerce-page nav.woocommerce-pagination ul li a:hover,
		.woocommerce-page nav.woocommerce-pagination ul li span.current,
		.woocommerce table.shop_table th,
		.woocommerce-page table.shop_table th,
		.woocommerce .cart-collaterals .cart_totals h2,
		.woocommerce-page .cart-collaterals .cart_totals h2,
		.woocommerce .cart-collaterals .cart_totals table tr.order-total td:last-child,
		.woocommerce-page .cart-collaterals .cart_totals table tr.order-total td:last-child,
		.woocommerce-checkout .woocommerce-info,
		.woocommerce-checkout h3,
		.woocommerce-checkout h2,
		.woocommerce-account h2,
		.woocommerce-account h3,
		.customer_details dt,
		.wpb_widgetised_column .widget,
		.wpb_widgetised_column .widget a,
		.wpb_widgetised_column .widget.widget_layered_nav li,
		.portfolio_single_list_cat a,
		.gallery-caption-trigger
		{
			color: <?php 
            echo esc_html($shopkeeper_theme_options['body_color']);
            ?>
;
		}
		
		.woocommerce a.remove
		{
			color: <?php 
            echo esc_html($shopkeeper_theme_options['body_color']);
            ?>
 !important;
		}
		
		.nav-previous-title,
		.nav-next-title,
		.post_tags a,
		.wpb_widgetised_column .tagcloud a,
		.products .add_to_wishlist:before
		{
			color: rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['body_color']);
            ?>
,0.4);
		}
		
		.required
		{
			color: rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['body_color']);
            ?>
,0.4) !important;
		}
		
		.yith-wcwl-add-button,
		.yith-wcwl-wishlistaddedbrowse,
		.yith-wcwl-wishlistexistsbrowse,
		.share-product-text,
		.product_meta .sku,
		.product_meta a,
		.product_meta_separator,
		.woocommerce table.shop_attributes td,
		.woocommerce-page table.shop_attributes td,
		.woocommerce .woocommerce-breadcrumb,
		.woocommerce-page .woocommerce-breadcrumb,
		.tob_bar_shop,
		.post_meta_archive,
		.post_meta,
		del,
		.woocommerce .cart-collaterals .cart_totals table tr td:last-child,
		.woocommerce-page .cart-collaterals .cart_totals table tr td:last-child,
		.product-name .product-quantity,
		.woocommerce #payment div.payment_box,
		.wpb_widgetised_column .widget li,
		.wpb_widgetised_column .widget_calendar table thead tr th,
		.wpb_widgetised_column .widget_calendar table thead tr td,
		.wpb_widgetised_column .widget .post-date,
		.wpb_widgetised_column .recentcomments,
		.wpb_widgetised_column .amount,
		.wpb_widgetised_column .quantity,
		.products li:hover .add_to_wishlist:before,
		.product_after_shop_loop .price,
		.product_after_shop_loop .price ins,
		.wpb_wrapper .add_to_cart_inline del,
		.wpb_widgetised_column .widget_price_filter .price_slider_amount
		{
			color: rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['body_color']);
            ?>
,0.55);
		}
		
		.products a.button.add_to_cart_button.loading
		{
			color: rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['body_color']);
            ?>
,0.55) !important;
		}
		
		.add_to_cart_inline .amount
		{
			color: rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['body_color']);
            ?>
,0.8);
		}
		
		input[type="text"],
		input[type="password"],
		input[type="date"],
		input[type="datetime"],
		input[type="datetime-local"],
		input[type="month"], input[type="week"],
		input[type="email"], input[type="number"],
		input[type="search"], input[type="tel"],
		input[type="time"], input[type="url"],
		textarea,
		select,
		.chosen-container-single .chosen-single,
		.country_select.select2-container,
		.woocommerce form .form-row.woocommerce-validated .select2-container,
		.woocommerce form .form-row.woocommerce-validated input.input-text,
		.woocommerce form .form-row.woocommerce-validated select,
		.woocommerce form .form-row.woocommerce-invalid .select2-container,
		.woocommerce form .form-row.woocommerce-invalid input.input-text,
		.woocommerce form .form-row.woocommerce-invalid select,
		.country_select.select2-container,
		.state_select.select2-container,
		#coupon_code
		{
			border-color: rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['body_color']);
            ?>
,0.1);
		}
		
		input[type="text"]:focus, input[type="password"]:focus,
		input[type="date"]:focus, input[type="datetime"]:focus,
		input[type="datetime-local"]:focus, input[type="month"]:focus,
		input[type="week"]:focus, input[type="email"]:focus,
		input[type="number"]:focus, input[type="search"]:focus,
		input[type="tel"]:focus, input[type="time"]:focus,
		input[type="url"]:focus, textarea:focus,
		select:focus,
		#coupon_code:focus,
		.chosen-container-single .chosen-single:focus,
		.woocommerce .product_infos .quantity input.qty,
		.woocommerce #content .product_infos .quantity input.qty,
		.woocommerce-page .product_infos .quantity input.qty,
		.woocommerce-page #content .product_infos .quantity input.qty,
		.post_tags a,
		.wpb_widgetised_column .tagcloud a,
		.coupon_code_wrapper,
		.woocommerce form.checkout_coupon,
		.woocommerce-page form.checkout_coupon,
		.woocommerce ul.digital-downloads:before,
		.woocommerce-page ul.digital-downloads:before,
		.woocommerce ul.digital-downloads li:after,
		.woocommerce-page ul.digital-downloads li:after,
		.widget_search .search-form
		{
			border-color: rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['body_color']);
            ?>
,0.15);
		}
		
		.list-centered li a,
		.woocommerce .cart-collaterals .cart_totals h2,
		.woocommerce-page .cart-collaterals .cart_totals h2,
		.my_address_title,
		.woocommerce .shop_table.order_details tbody tr:last-child td,
		.woocommerce-page .shop_table.order_details tbody tr:last-child td,
		.woocommerce #payment ul.payment_methods li,
		.woocommerce-page #payment ul.payment_methods li,
		.comment-separator,
		.comment-list .pingback,
		.wpb_widgetised_column .widget,
		.search_result_item,
		.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
		.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
		.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
		.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
		.woocommerce-cart.woocommerce-page #content .quantity input.qty,
		.woocommerce .cart-collaterals .cart_totals .order-total td,
		.woocommerce .cart-collaterals .cart_totals .order-total th,
		.woocommerce-page .cart-collaterals .cart_totals .order-total td,
		.woocommerce-page .cart-collaterals .cart_totals .order-total th
		{
			border-bottom-color: rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['body_color']);
            ?>
,0.15);
		}
		
		table tr td,
		.woocommerce table.shop_table td,
		.woocommerce-page table.shop_table td,
		.product_socials_wrapper,
		.woocommerce-tabs,
		.comments_section,
		.portfolio_content_nav #nav-below,
		.woocommerce .cart-collaterals .cart_totals .order-total td,
		.woocommerce .cart-collaterals .cart_totals .order-total th,
		.woocommerce-page .cart-collaterals .cart_totals .order-total td,
		.woocommerce-page .cart-collaterals .cart_totals .order-total th
		{
			border-top-color: rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['body_color']);
            ?>
,0.15);
		}
		
		table.shop_attributes tr td,
		.wishlist_table tr td,
		.shop_table.cart tr td
		{
			border-bottom-color: rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['body_color']);
            ?>
,0.1);
		}
		
		.product_meta,
		.woocommerce .cart-collaterals,
		.woocommerce-page .cart-collaterals,
		.checkout_right_wrapper,
		.track_order_form,
		.order-info
		{
			background: rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['body_color']);
            ?>
,0.05);
		}
		
		.custom_border:before,
		.custom_border:after
		{
			background-image: radial-gradient(closest-side, transparent 9px, rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['body_color']);
            ?>
,0.05) 100%);
		}
		
		.cart-buttons .update_and_checkout .update_cart
		{
			background: rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['body_color']);
            ?>
,0.55) !important;
		}
		
		.cart-buttons .update_and_checkout .update_cart:hover
		{
			background: rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['body_color']);
            ?>
,0.44) !important;
		}
		
		.comments_section
		{
			background-color: rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['body_color']);
            ?>
,0.01) !important;
		}
		
		<?php 
        }
        ?>
		
		<?php 
        if (isset($shopkeeper_theme_options['headings_color']) && trim($shopkeeper_theme_options['headings_color']) != "") {
            ?>
		h1, h2, h3, h4, h5, h6,
		.entry-title-archive a,
		.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a,
		.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
		.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a,
		.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a,
		.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a:hover,
		.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover,
		.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a:hover,
		.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a:hover,
		.woocommerce table.cart .product-name a,
		.product-title-link,
		.wpb_widgetised_column .widget .product_list_widget a
		{
			color: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;
		}
		
		.woocommerce div.product .woocommerce-tabs ul.tabs li a,
		.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
		.woocommerce-page div.product .woocommerce-tabs ul.tabs li a,
		.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a
		{
			color: rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['headings_color']);
            ?>
,0.35);
		}
		
		.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
		.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
		.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
		.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover
		{
			color: rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['headings_color']);
            ?>
,0.45);
		}
		
		.page-title:after
		{
			background: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;
		}
		/*-----------------------*/
		.main-hedding,.sec-5 li div.input_heading_sec5,
		.gewicht_pat .gewicht_form .form_box li span.input_heading,
		.inp-s3-tital{color:<?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
 !important;}
		.right_content .welter_btn a {

		    border: 1px solid <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;
		    background: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;
		}
		.price_table.active .top_price,.drtooltip,ul.page-nav li.active a, ul.page-nav li:hover a {
		    background: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
 !important;
		}
		.price_table.active .center_description a { background: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;}
		.testimonial_slider .white .wpb_content_element .testimonial_rotator_wrap .testimonial_rotator .has-image .text h2,.faq_show h3{color:<?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;}
		.upfit_3_blocks .main_col .heading_warum,.box_wrapper h3,.details_overview > p{color:<?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
 !important;}
		.triangle_best, .price_table.active .border-triangle_best,.price_table:hover .top_price.top_price_best:after, .price_table.active .top_price:after, .price_table.active .border-triangle_best {   border-top-color: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;}
		ul#page-nav li.active a,.full-width-page #page-nav li a:hover,h2.form_heading{color: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;}
/*		.toggle-btn:hover {border: solid 1px <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
 !important;   color: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;}*/
		.toggle-btn.success,.tipso_bubble {
		    border: solid 1px <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
 !important; color: #fff;
		    background-color: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;}
		    label.circle_bg.tipso.tipso_style:hover {background-color:  <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
 !important;}
	    .gewicht_pat .gewicht_form .form_box li input.inp:hover {
		    border: 1px solid <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;
		    color: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;
		}
		ul.page-nav li.active{    border: 1px solid <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;color: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
 !important;}
		ul.page-nav li.active a,.tooltipster-default,.tooltipster-base.tooltipster-default.tooltipster-fade.tooltipster-fade-show, .tooltipsterd-efault ,label.low-high_help:hover,.tipso_bubble{background: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
 !important;}
		.gewicht_pat .gewicht_form .form_box li input.inp:hover ~ span.input_kg{ color:<?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;}
		.select2-drop.select2-drop-above.select2-drop-active {border: 1px solid <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
 !important;}
		.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border{ border-color:<?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
 !important;}
		/*.section4 .inp-s3 .snuts.active:hover i,
		  .section4 .inp-s3 .sfruits.active:hover i,
		  .section4 .inp-s3 .snuts.active i,
		  .section4 .inp-s3 .sfruits.active i {
		  background: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
 url("images/arrow_drop_down_hover.png") no-repeat scroll center -34px !important;
		  border: 1px solid <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;
		}*/
		.tipso_bubble.right .tipso_arrow{border-color: transparent  <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
 transparent transparent !important;}
		.toggle-btn-grp.joint-toggle .toggle-btn:first-child:hover ~ .toggle-btn:nth-child(2),.toggle-btn-grp.joint-toggle .toggle-btn:nth-child(2):hover ~ .toggle-btn{border-left: 1px solid <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;}
		.drtooltip .arrow_bottom { border-top: 5px solid <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;}
		.price_table.active .border-triangle{border-top-color:<?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;}
		
		
		.gewicht_pat .gewicht_form .form_box li input.inp:hover::-webkit-input-placeholder { color: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
  ; }
		.gewicht_pat .gewicht_form .form_box li input.inp:hover:-moz-placeholder { color: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
  ; }
		.gewicht_pat .gewicht_form .form_box li input.inp:hover::-moz-placeholder { color: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
  ; }
		.gewicht_pat .gewicht_form .form_box li input.inp:hover:-ms-input-placeholder { color: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
  ; }

		.price_table.active .center_description span,#sidr-main .sidr-class-nav li a:hover,
		.right_content .inputs_right .input_kg_left,
		ul.faq_list li a:hover,
		ul.faq_list li a:active,
		.faq_left_pane li.active a,
		.faq_details p a:hover,
		#mobile-header #responsive-menu-button:hover,
		.select2-match,
		.checkout_left_wrapper .woocommerce-billing-fields p label .required,.wsubs_title
		{color: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
 !important;}
		.ui-slider-handle.ui-state-default.ui-corner-all.ui-state-hover:hover svg g path,
		.ui-slider-handle.ui-state-default.ui-corner-all.ui-state-hover:hover svg circle{
			fill: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
 !important;;
		}
		/*--Check out page--*/
		.checkout .checkout_right_wrapper .order_review_wrapper .shop_table th,
		.checkout_left_wrapper .woocommerce-billing-fields p label,
		.checkout_left_wrapper .col2-set .woocommerce-shipping-fields h3,
		.woocommerce-shipping-fields,
		.checkout .checkout_right_wrapper .order_review_wrapper .shop_table td,
		.checkout_right_wrapper .order_review_wrapper .woocommerce-checkout-review-order .form-row.legal.terms .checkbox a,
		 .checkout .checkout_right_wrapper .order_review_wrapper .shop_table tr.order-total td
		{
			color:<?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;
		}
		.inp-s3 input[type=checkbox]:not(old):hover + label > i,
		.inp-s3 input[type=checkbox]:not(old):checked + label > i,
		.inp-s3 input[type=checkbox]:not(old):checked:hover + label > i
		{
			background-color: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
  ;
		    border: 1px solid <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;
		
		}
		
		.section4 .inp-s3 .snuts.active i, .section4 .inp-s3 .sfruits.active i,
		.section4 .inp-s3 .snuts.active:hover i, .section4 .inp-s3 .sfruits.active:hover i
		{
			background-color: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
 !important ;
		    border: 1px solid <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
 !important;
		
		}

		.section4 .inp-s3 .snuts:hover i, .section4 .inp-s3 .sfruits:hover i{
			background-color: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
  ;
			 border: 1px solid <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;
			 
		}
		.toggle-btn:hover {
   				border: solid 1px <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
 !important;
   				color: <?php 
            echo esc_html($shopkeeper_theme_options['headings_color']);
            ?>
;
   		}
   		.toggle-btn.success:hover {
   				color: #fff;
   		}
		 
		/*-----------------------*/
		
		
		<?php 
        }
        ?>
		
		
		
		
		/***************************************************************/
		/* Main Color  *************************************************/
		/***************************************************************/
		
		<?php 
        if (isset($shopkeeper_theme_options['main_color']) && trim($shopkeeper_theme_options['main_color']) != "") {
            ?>
		
		a,
		.comments-area a,
		.edit-link,
		.post_meta_archive a:hover,
		.post_meta a:hover,
		.entry-title-archive a:hover,
		blockquote:before,
		.no-results-text:before,
		.list-centered a:hover,
		.comment-reply i,
		.comment-edit-link i,
		.comment-edit-link,
		.filters-group li:hover,
		#map_button,
		.widget_shopkeeper_social_media a,
		.account-tab-link-mobile,
		.lost-reset-pass-text:before,
		.list_shop_categories a:hover,
		.add_to_wishlist:hover,
		.woocommerce div.product span.price,
		.woocommerce-page div.product span.price,
		.woocommerce #content div.product span.price,
		.woocommerce-page #content div.product span.price,
		.woocommerce div.product p.price,
		.woocommerce-page div.product p.price,
		.woocommerce #content div.product p.price,
		.woocommerce-page #content div.product p.price,
		.comment-metadata time,
		.woocommerce p.stars a.star-1.active:after,
		.woocommerce p.stars a.star-1:hover:after,
		.woocommerce-page p.stars a.star-1.active:after,
		.woocommerce-page p.stars a.star-1:hover:after,
		.woocommerce p.stars a.star-2.active:after,
		.woocommerce p.stars a.star-2:hover:after,
		.woocommerce-page p.stars a.star-2.active:after,
		.woocommerce-page p.stars a.star-2:hover:after,
		.woocommerce p.stars a.star-3.active:after,
		.woocommerce p.stars a.star-3:hover:after,
		.woocommerce-page p.stars a.star-3.active:after,
		.woocommerce-page p.stars a.star-3:hover:after,
		.woocommerce p.stars a.star-4.active:after,
		.woocommerce p.stars a.star-4:hover:after,
		.woocommerce-page p.stars a.star-4.active:after,
		.woocommerce-page p.stars a.star-4:hover:after,
		.woocommerce p.stars a.star-5.active:after,
		.woocommerce p.stars a.star-5:hover:after,
		.woocommerce-page p.stars a.star-5.active:after,
		.woocommerce-page p.stars a.star-5:hover:after,
		.yith-wcwl-add-button:before,
		.yith-wcwl-wishlistaddedbrowse .feedback:before,
		.yith-wcwl-wishlistexistsbrowse .feedback:before,
		.woocommerce .star-rating span:before,
		.woocommerce-page .star-rating span:before,
		.product_meta a:hover,
		.woocommerce .shop-has-sidebar .no-products-info .woocommerce-info:before,
		.woocommerce-page .shop-has-sidebar .no-products-info .woocommerce-info:before,
		.woocommerce .woocommerce-breadcrumb a:hover,
		.woocommerce-page .woocommerce-breadcrumb a:hover,
		.intro-effect-fadeout.modify .post_meta a:hover,
		.from_the_blog_link:hover .from_the_blog_title,
		.portfolio_single_list_cat a:hover,
		.center_description span
		{
			color: <?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
;
		}
		/*---------------------*/
		.faq_show a,.faq_details p a,.txt_box b,
		.faq_show a,
		.checkout .checkout_right_wrapper .order_review_wrapper .shop_table tr.order-total th,
		.checkout .checkout_right_wrapper .order_review_wrapper .shop_table tr.order-total td strong span
		{
			color: <?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
;
		}
		.main_input_section,.top_price,.center_description a,.welter_btn a, .blue_hover a {
    		background:  <?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
;
		}
		.vc_btn3.vc_btn3-size-lg,.blue_hover a,.email_newsletter .newsletter_center .mc4wp-form input[type="submit"]{
    		background:  <?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
 !important;
		}
		.border-triangle,.price_table .border-triangle_best 
		{    border-color:<?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
 transparent transparent;;
		}
		.faq_show.faq_main_page .faq_details .welter_btn a { background: <?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
 none repeat scroll 0px 0px ; border: 1px solid <?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
 ;}

		.top_price:after{border-top-color: <?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
;}
		.testimonial_slider .white .wpb_content_element .testimonial_rotator_wrap .testimonial_rotator .has-image .text p.testimonial_rotator_weight_badge,.welter_btn a{color:<?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
;border: 1px solid <?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
;}
		/*---Checkout---*/
		.woocommerce .checkout #order_review .form-row.place-order input#place_order.button{
		background: <?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
 !important;
    	border: 1px solid <?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
 !important
		}
		/*---------------------*/
		
		@media only screen and (min-width: 40.063em) {
			
			.nav-next a:hover,
			.nav-previous a:hover
			{
				color: <?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
;
			}
		
		}
		
		.widget_shopping_cart .buttons a.view_cart,
		.widget.widget_price_filter .price_slider_amount .button,
		.products a.button,
		.woocommerce .products .added_to_cart.wc-forward,
		.woocommerce-page .products .added_to_cart.wc-forward
		{
			color: <?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
 !important;
		}
		
		.order-info mark,
		.login_footer,
		.post_tags a:hover,
		.with_thumb_icon,
		.wpb_wrapper .wpb_toggle:before,
		#content .wpb_wrapper h4.wpb_toggle:before,
		.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon,
		.wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon,
		.widget .tagcloud a:hover,
		.woocommerce .widget_layered_nav ul li.chosen a,
		.woocommerce-page .widget_layered_nav ul li.chosen a,
		.single_product_summary_related h2:after,
		.single_product_summary_upsell h2:after,
		.page-title.portfolio_item_title:after,
		#button_offcanvas_sidebar_left,
		#button_offcanvas_sidebar_left i,
		.woocommerce .widget_layered_nav_filters ul li a,
		.woocommerce-page .widget_layered_nav_filters ul li a,
		.thumbnail_archive_container:before,
		.from_the_blog_overlay,
		.select2-results .select2-highlighted
		{
			background: <?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
;
		}
		
		
		@media only screen and (max-width: 40.063em) {
			
			.nav-next a:hover,
			.nav-previous a:hover
			{
				background: <?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
;
			}
		
		}
		
		
		.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
		.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range,
		.woocommerce .quantity .plus,
		.woocommerce .quantity .minus,
		.woocommerce #content .quantity .plus,
		.woocommerce #content .quantity .minus,
		.woocommerce-page .quantity .plus,
		.woocommerce-page .quantity .minus,
		.woocommerce-page #content .quantity .plus,
		.woocommerce-page #content .quantity .minus
		{
			background: <?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
 !important;
		}
		
		.button,
		input[type="button"],
		input[type="reset"],
		input[type="submit"]
		{
			background-color: <?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
 !important;
		}
		
		
		.product_infos .yith-wcwl-wishlistaddedbrowse a:hover,
		.product_infos .yith-wcwl-wishlistexistsbrowse a:hover,
		.shipping-calculator-button:hover,
		.products a.button:hover,
		.woocommerce .products .added_to_cart.wc-forward:hover,
		.woocommerce-page .products .added_to_cart.wc-forward:hover,
		.products .yith-wcwl-wishlistexistsbrowse:hover a,
		.products .yith-wcwl-wishlistaddedbrowse:hover a,
		.order-number a:hover,
		.account_view_link:hover,
		.post-edit-link:hover,
		.url:hover
		{
			color:  rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['main_color']);
            ?>
,0.8) !important;
		}
		
		.product-title-link:hover
		{
			color:  rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['headings_color']);
            ?>
,0.8);
		}
	
		
		.button:hover,
		input[type="button"]:hover,
		input[type="reset"]:hover,
		input[type="submit"]:hover,
		.woocommerce .product_infos .quantity .minus:hover,
		.woocommerce #content .product_infos .quantity .minus:hover,
		.woocommerce-page .product_infos .quantity .minus:hover,
		.woocommerce-page #content .product_infos .quantity .minus:hover,
		.woocommerce .quantity .plus:hover,
		.woocommerce #content .quantity .plus:hover,
		.woocommerce-page .quantity .plus:hover,
		.woocommerce-page #content .quantity .plus:hover
		{
			background: rgba(<?php 
            echo getbowtied_hex2rgb($shopkeeper_theme_options['main_color']);
            ?>
,0.8) !important;
		}
		
		.post_tags a:hover,
		.widget .tagcloud a:hover,
		.widget_shopping_cart .buttons a.view_cart,
		.account-tab-link-mobile,
		.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
		.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle
		{
			border-color: <?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
;
		}
		
		.wpb_tour.wpb_content_element .wpb_tabs_nav  li.ui-tabs-active a,
		.wpb_tabs.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a,
		.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
		.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a,
		.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a,
		.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a,
		.main-navigation ul ul li a:hover
		{
			border-bottom-color: <?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
;
		}
		
		.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
		.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
		.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active,
		.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active
		{
			border-top-color: <?php 
            echo esc_html($shopkeeper_theme_options['main_color']);
            ?>
;			
		}
		
		
		<?php 
        }
        ?>
		
		
		/***************************************************************/
		/* Top Bar *****************************************************/
		/***************************************************************/
		
		<?php 
        if (isset($shopkeeper_theme_options['top_bar_switch']) && $shopkeeper_theme_options['top_bar_switch'] == "1") {
            $site_top_bar_height = 43;
        } else {
            $site_top_bar_height = 0;
        }
        ?>
		
		<?php 
        if (isset($shopkeeper_theme_options['top_bar_navigation_position']) && trim($shopkeeper_theme_options['top_bar_navigation_position']) == "left") {
            ?>
		#site-navigation-top-bar {
			float:left;
		}
		<?php 
        }
        ?>
		
		#site-top-bar {
			height:<?php 
        echo esc_html($site_top_bar_height);
        ?>
px;
		}
		
		#site-top-bar,
		#site-navigation-top-bar .sf-menu ul
		{
			<?php 
        if (isset($shopkeeper_theme_options['top_bar_background_color']) && trim($shopkeeper_theme_options['top_bar_background_color']) != "") {
            ?>
				background: <?php 
            echo esc_html($shopkeeper_theme_options['top_bar_background_color']);
            ?>
;
			<?php 
        }
        ?>
		}
		
		<?php 
        if (isset($shopkeeper_theme_options['top_bar_typography']) && trim($shopkeeper_theme_options['top_bar_typography']) != "") {
            ?>
		#site-top-bar,
		#site-top-bar a
		{
			color:<?php 
            echo esc_html($shopkeeper_theme_options['top_bar_typography']);
            ?>
;
		}
		<?php 
        }
        ?>
		
		
		
		/***************************************************************/
		/* 	Header *****************************************************/
		/***************************************************************/
		
		<?php 
        if (isset($shopkeeper_theme_options['sticky_header_background_color']) && trim($shopkeeper_theme_options['sticky_header_background_color']) != "") {
            ?>
			.site-header
			{
				background: <?php 
            echo esc_html($shopkeeper_theme_options['sticky_header_background_color']);
            ?>
;
			}
		<?php 
        }
        ?>
		
		@media only screen and (min-width: 63.9375em) {
		.site-header {
			<?php 
        if (isset($shopkeeper_theme_options['main_header_background']['background-color'])) {
            ?>
			background-color:<?php 
            echo esc_html($shopkeeper_theme_options['main_header_background']['background-color']);
            ?>
;
			<?php 
        }
        ?>
			
			<?php 
        if (isset($shopkeeper_theme_options['main_header_background']['background-image']) && $shopkeeper_theme_options['main_header_background']['background-image'] != "") {
            ?>
			background-image:url(<?php 
            echo esc_url($shopkeeper_theme_options['main_header_background']['background-image']);
            ?>
);
			<?php 
        }
        ?>
			
			<?php 
        if (isset($shopkeeper_theme_options['main_header_background']['background-repeat'])) {
            ?>
			background-repeat:<?php 
            echo esc_html($shopkeeper_theme_options['main_header_background']['background-repeat']);
            ?>
;
			<?php 
        }
        ?>
			
			<?php 
        if (isset($shopkeeper_theme_options['main_header_background']['background-position'])) {
            ?>
			background-position:<?php 
            echo esc_html($shopkeeper_theme_options['main_header_background']['background-position']);
            ?>
;
			<?php 
        }
        ?>
			
			<?php 
        if (isset($shopkeeper_theme_options['main_header_background']['background-size'])) {
            ?>
			background-size:<?php 
            echo esc_html($shopkeeper_theme_options['main_header_background']['background-size']);
            ?>
;
			<?php 
        }
        ?>
			
			<?php 
        if (isset($shopkeeper_theme_options['main_header_background']['background-attachment'])) {
            ?>
			background-attachment:<?php 
            echo esc_html($shopkeeper_theme_options['main_header_background']['background-attachment']);
            ?>
;
			<?php 
        }
        ?>
		}
		}
		
		
		<?php 
        $site_logo_height = 33;
        if (isset($shopkeeper_theme_options['site_logo']['url']) && trim($shopkeeper_theme_options['site_logo']['url']) != "") {
            $site_logo_height = $shopkeeper_theme_options['logo_height'];
        } else {
            $site_logo_height = 33;
        }
        ?>
		
		<?php 
        $content_margin = 0;
        //if ( is_admin_bar_showing() ) { $content_margin = 32; }
        $page_id = "";
        if (is_single() || is_page()) {
            $page_id = get_the_ID();
        } else {
            if (is_home()) {
                $page_id = get_option('page_for_posts');
            }
        }
        if (isset($shopkeeper_theme_options['sticky_header']) && trim($shopkeeper_theme_options['sticky_header']) == "1" || isset($shopkeeper_theme_options['main_header_transparency']) && trim($shopkeeper_theme_options['main_header_transparency']) == "1" || get_post_meta($page_id, 'page_header_transparency', true) && get_post_meta($page_id, 'page_header_transparency', true) != "inherit") {
            if (isset($shopkeeper_theme_options['main_header_layout'])) {
                if ($shopkeeper_theme_options['main_header_layout'] == "1") {
                    $content_margin = $content_margin + $site_top_bar_height + $site_logo_height + $shopkeeper_theme_options['spacing_above_logo'] + $shopkeeper_theme_options['spacing_below_logo'];
                } elseif ($shopkeeper_theme_options['main_header_layout'] == "2") {
                    $content_margin = $content_margin + $site_top_bar_height + $site_logo_height + $shopkeeper_theme_options['spacing_above_logo'] + $shopkeeper_theme_options['spacing_below_logo'];
                } elseif ($shopkeeper_theme_options['main_header_layout'] == "3") {
                    $content_margin = $content_margin + $site_top_bar_height + $site_logo_height + $shopkeeper_theme_options['spacing_above_logo'] + $shopkeeper_theme_options['spacing_below_logo'] + 50;
                }
            } else {
                wp_enqueue_style('shopkeeper-header-default', get_template_directory_uri() . '/css/header-default.css', array(), '1.0', 'all');
            }
        }
        ?>
		
		<?php 
        if (isset($shopkeeper_theme_options['header_width']) && $shopkeeper_theme_options['header_width'] == "full") {
            ?>
		.site-header,
		#site-top-bar
		{
			padding-left:20px;
			padding-right:20px;
		}
		<?php 
        }
        ?>
		
		<?php 
        if (isset($shopkeeper_theme_options['site_logo']['url']) && trim($shopkeeper_theme_options['site_logo']['url']) != "") {
            if (is_ssl()) {
                $site_logo = str_replace("http://", "https://", $shopkeeper_theme_options['site_logo']['url']);
            } else {
                $site_logo = $shopkeeper_theme_options['site_logo']['url'];
            }
            ?>
		
			<?php 
            if (isset($shopkeeper_theme_options['logo_height']) && trim($shopkeeper_theme_options['logo_height']) != "") {
                ?>
			
			@media only screen and (min-width: 63.9375em) {
			.site-branding img {
				height:<?php 
                echo esc_html($site_logo_height);
                ?>
px;
				width:auto;
			}
			
			.site-header .main-navigation,
			.site-header .site-tools
			{
				height:<?php 
                echo esc_html($site_logo_height);
                ?>
px;
				line-height:<?php 
                echo esc_html($site_logo_height);
                ?>
px;
			}
			}
			
			<?php 
            }
            ?>

		<?php 
        }
        ?>
		
		@media only screen and (min-width: 63.9375em) {
			.site-header.sticky .main-navigation,
			.site-header.sticky .site-tools,
			.site-header.sticky .site-branding img
			{
				height:33px;
				line-height:33px;
				width:auto;
			}
		}

		<?php 
        if (isset($shopkeeper_theme_options['spacing_above_logo']) && trim($shopkeeper_theme_options['spacing_above_logo']) != "") {
            ?>
		@media only screen and (min-width: 63.9375em) {
			.site-header {
				padding-top:<?php 
            echo esc_html($shopkeeper_theme_options['spacing_above_logo']);
            ?>
px;
			}
		}
		<?php 
        }
        ?>
		
		<?php 
        if (isset($shopkeeper_theme_options['spacing_below_logo']) && trim($shopkeeper_theme_options['spacing_below_logo']) != "") {
            ?>
		@media only screen and (min-width: 63.9375em) {
			.site-header {
				padding-bottom:<?php 
            echo esc_html($shopkeeper_theme_options['spacing_below_logo']);
            ?>
px;
			}
		}
		<?php 
        }
        ?>
		
		@media only screen and (min-width: 63.9375em) {
			#page_wrapper.sticky_header .content-area,
			#page_wrapper.transparent_header .content-area
			{
				margin-top:<?php 
        echo esc_html($content_margin);
        ?>
px;
			}
			
			.transparent_header .single-post-header .title,
			#page_wrapper.transparent_header .shop_header .page-title
			{
				padding-top: <?php 
        echo esc_html($content_margin);
        ?>
px;
			}
			
			.transparent_header .single-post-header.with-thumb .title
			{
				padding-top: <?php 
        echo esc_html(200 + $content_margin);
        ?>
px;
			}
		}
		
		<?php 
        if (isset($shopkeeper_theme_options['main_header_font_size']) && trim($shopkeeper_theme_options['main_header_font_size']) != "") {
            ?>
		.site-header,
		.default-navigation,
		.main-navigation .mega-menu > ul > li > a
		{
			font-size: <?php 
            echo esc_html($shopkeeper_theme_options['main_header_font_size']);
            ?>
px;
		}
		<?php 
        }
        ?>
		
		
		<?php 
        if (isset($shopkeeper_theme_options['sticky_header_color']) && trim($shopkeeper_theme_options['sticky_header_color']) != "") {
            ?>
		.site-header,
		.main-navigation a,
		.site-tools ul li a,
		.shopping_bag_items_number,
		.wishlist_items_number,
		.site-title a,
		.widget_product_search .search-but-added,
		.widget_search .search-but-added
		{
			color:<?php 
            echo esc_html($shopkeeper_theme_options['sticky_header_color']);
            ?>
;
		}

		.site-branding
		{
			border-color: <?php 
            echo esc_html($shopkeeper_theme_options['main_header_font_color']);
            ?>
;
		}
		<?php 
        }
        ?>
		
		<?php 
        if (isset($shopkeeper_theme_options['main_header_font_color']) && trim($shopkeeper_theme_options['main_header_font_color']) != "") {
            ?>
		@media only screen and (min-width: 63.9375em) {
			.site-header,
			.main-navigation a,
			.site-tools ul li a,
			.shopping_bag_items_number,
			.wishlist_items_number,
			.site-title a,
			.widget_product_search .search-but-added,
			.widget_search .search-but-added
			{
				color:<?php 
            echo esc_html($shopkeeper_theme_options['main_header_font_color']);
            ?>
;
			}
	
			.site-branding
			{
				border-color: <?php 
            echo esc_html($shopkeeper_theme_options['main_header_font_color']);
            ?>
;
			}
		}
		<?php 
        }
        ?>
		
		
		<?php 
        if (isset($shopkeeper_theme_options['main_header_transparent_light_color']) && trim($shopkeeper_theme_options['main_header_transparent_light_color']) != "") {
            ?>
		@media only screen and (min-width: 63.9375em) {
			#page_wrapper.transparent_header.transparency_light .site-header,
			#page_wrapper.transparent_header.transparency_light .site-header .main-navigation a,
			#page_wrapper.transparent_header.transparency_light .site-header .site-tools ul li a,
			#page_wrapper.transparent_header.transparency_light .site-header .shopping_bag_items_number,
			#page_wrapper.transparent_header.transparency_light .site-header .wishlist_items_number,
			#page_wrapper.transparent_header.transparency_light .site-header .site-title a,
			#page_wrapper.transparent_header.transparency_light .site-header .widget_product_search .search-but-added,
			#page_wrapper.transparent_header.transparency_light .site-header .widget_search .search-but-added
			{
				color:<?php 
            echo esc_html($shopkeeper_theme_options['main_header_transparent_light_color']);
            ?>
;
			}
		}
		<?php 
        }
        ?>
		
		
		<?php 
        if (isset($shopkeeper_theme_options['main_header_transparent_dark_color']) && trim($shopkeeper_theme_options['main_header_transparent_dark_color']) != "") {
            ?>
		@media only screen and (min-width: 63.9375em) {
			#page_wrapper.transparent_header.transparency_dark .site-header,
			#page_wrapper.transparent_header.transparency_dark .site-header .main-navigation a,
			#page_wrapper.transparent_header.transparency_dark .site-header .site-tools ul li a,
			#page_wrapper.transparent_header.transparency_dark .site-header .shopping_bag_items_number,
			#page_wrapper.transparent_header.transparency_dark .site-header .wishlist_items_number,
			#page_wrapper.transparent_header.transparency_dark .site-header .site-title a,
			#page_wrapper.transparent_header.transparency_dark .site-header .widget_product_search .search-but-added,
			#page_wrapper.transparent_header.transparency_dark .site-header .widget_search .search-but-added
			{
				color:<?php 
            echo esc_html($shopkeeper_theme_options['main_header_transparent_dark_color']);
            ?>
;
			}
		}
		<?php 
        }
        ?>
		
		
		/* sticky */
		
		<?php 
        if (isset($shopkeeper_theme_options['sticky_header_background_color']) && trim($shopkeeper_theme_options['sticky_header_background_color']) != "") {
            ?>
		@media only screen and (min-width: 63.9375em) {
			.site-header.sticky,
			#page_wrapper.transparent_header .site-header.sticky
			{
				background: <?php 
            echo esc_html($shopkeeper_theme_options['sticky_header_background_color']);
            ?>
;
			}
		}
		<?php 
        }
        ?>
		
		<?php 
        if (isset($shopkeeper_theme_options['sticky_header_color']) && trim($shopkeeper_theme_options['sticky_header_color']) != "") {
            ?>
		@media only screen and (min-width: 63.9375em) {
			.site-header.sticky,
			.site-header.sticky .main-navigation a,
			.site-header.sticky .site-tools ul li a,
			.site-header.sticky .shopping_bag_items_number,
			.site-header.sticky .wishlist_items_number,
			.site-header.sticky .site-title a,
			.site-header.sticky .widget_product_search .search-but-added,
			.site-header.sticky .widget_search .search-but-added,
			#page_wrapper.transparent_header .site-header.sticky,
			#page_wrapper.transparent_header .site-header.sticky .main-navigation a,
			#page_wrapper.transparent_header .site-header.sticky .site-tools ul li a,
			#page_wrapper.transparent_header .site-header.sticky .shopping_bag_items_number,
			#page_wrapper.transparent_header .site-header.sticky .wishlist_items_number,
			#page_wrapper.transparent_header .site-header.sticky .site-title a,
			#page_wrapper.transparent_header .site-header.sticky .widget_product_search .search-but-added,
			#page_wrapper.transparent_header .site-header.sticky .widget_search .search-but-added
			{
				color:<?php 
            echo esc_html($shopkeeper_theme_options['sticky_header_color']);
            ?>
;
			}
			
			.site-header.sticky .site-branding
			{
				border-color: <?php 
            echo esc_html($shopkeeper_theme_options['sticky_header_color']);
            ?>
;
			}
		}
		<?php 
        }
        ?>
		
		<?php 
        if (isset($shopkeeper_theme_options['main_header_wishlist']) && isset($shopkeeper_theme_options['main_header_shopping_bag']) && isset($shopkeeper_theme_options['main_header_search_bar']) && isset($shopkeeper_theme_options['main_header_off_canvas']) && $shopkeeper_theme_options['main_header_wishlist'] == "0" && $shopkeeper_theme_options['main_header_shopping_bag'] == "0" && $shopkeeper_theme_options['main_header_search_bar'] == "0" && $shopkeeper_theme_options['main_header_off_canvas'] == "0") {
            ?>
		
		.site-tools { margin:0; }
		
		<?php 
        }
        ?>
		
		
		<?php 
        if (isset($shopkeeper_theme_options['sticky_header_logo']['url']) && trim($shopkeeper_theme_options['sticky_header_logo']['url']) != "") {
            ?>
		@media only screen and (max-width: 63.9375em) {
			.site-logo {
				display:none;
			}
			.sticky-logo {
				display:block;
			}
		}
		<?php 
        }
        ?>
		
		
		
		/* header-centered-2menus */
		
		<?php 
        if (isset($shopkeeper_theme_options['main_header_layout']) && $shopkeeper_theme_options['main_header_layout'] == "2") {
            ?>
		
			<?php 
            $header_col_right_menu_right_padding = 0;
            if (isset($shopkeeper_theme_options['main_header_wishlist']) && $shopkeeper_theme_options['main_header_wishlist'] == "1") {
                $header_col_right_menu_right_padding += 60;
            }
            if (isset($shopkeeper_theme_options['main_header_shopping_bag']) && $shopkeeper_theme_options['main_header_shopping_bag'] == "1") {
                $header_col_right_menu_right_padding += 60;
            }
            if (isset($shopkeeper_theme_options['main_header_search_bar']) && $shopkeeper_theme_options['main_header_search_bar'] == "1") {
                $header_col_right_menu_right_padding += 40;
            }
            if (isset($shopkeeper_theme_options['main_header_off_canvas']) && $shopkeeper_theme_options['main_header_off_canvas'] == "1") {
                $header_col_right_menu_right_padding += 40;
            }
            ?>
			
			.header_col.right_menu {
				padding-right:<?php 
            echo esc_html($header_col_right_menu_right_padding);
            ?>
px;
			}
			
			<?php 
            if (isset($shopkeeper_theme_options['main_header_navigation_position_header_2']) && $shopkeeper_theme_options['main_header_navigation_position_header_2'] == "1") {
                ?>
			.header_col.left_menu .main-navigation {
				text-align:right !important;
				margin:0 -15px !important;
			}
			.header_col.right_menu .main-navigation {
				text-align:left !important;
				margin:0 -15px !important;
			}
			<?php 
            }
            ?>
			
			<?php 
            if (isset($shopkeeper_theme_options['main_header_navigation_position_header_2']) && $shopkeeper_theme_options['main_header_navigation_position_header_2'] == "2") {
                ?>
			.header_col.left_menu .main-navigation {
				text-align:left !important;
				margin:0 -15px !important;
			}
			.header_col.right_menu .main-navigation {
				text-align:right !important;
				margin:0 -15px !important;
			}
			<?php 
            }
            ?>
			
			.site-header .site-tools {
				height:30px !important;
				/*line-height:30px !important;*/
				position:absolute;
				top:2px;
				right:0;
			}
			
			<?php 
            if (isset($shopkeeper_theme_options['logo_min_height']) && trim($shopkeeper_theme_options['logo_min_height']) != "") {
                ?>
			.header_col.branding {
				min-width:<?php 
                echo esc_html($shopkeeper_theme_options['logo_min_height']);
                ?>
px;
			}
			<?php 
            }
            ?>
		
		<?php 
        }
        ?>
		
		
		/* header-centered-menu-under */
		
		<?php 
        if (isset($shopkeeper_theme_options['main_header_layout']) && $shopkeeper_theme_options['main_header_layout'] == "3") {
            ?>
		
			.main-navigation {
				text-align:center !important;
			}
			
			.site-header .main-navigation {
				height:50px !important;
				line-height:50px !important;
				margin:10px auto -10px auto;
			}
			
			.site-header .site-tools {
				height:30px !important;
				line-height:30px !important;
				position:absolute;
				top:2px;
				right:0;
			}
		
		<?php 
        }
        ?>

		
		
		
		
		/***************************************************************/
		/* Footer ******************************************************/
		/***************************************************************/

		#site-footer
		{
			<?php 
        if (isset($shopkeeper_theme_options['footer_background_color']) && trim($shopkeeper_theme_options['footer_background_color']) != "") {
            ?>
				background: <?php 
            echo esc_html($shopkeeper_theme_options['footer_background_color']);
            ?>
;
			<?php 
        }
        ?>
		}
		
		<?php 
        if (isset($shopkeeper_theme_options['footer_background_color']) && trim($shopkeeper_theme_options['footer_background_color']) == "transparent") {
            ?>
			@media only screen and (max-width: 641px) {
				#site-footer {
					padding-top:0;
				}
			}
		<?php 
        }
        ?>
		
		<?php 
        if (isset($shopkeeper_theme_options['footer_texts_color']) && trim($shopkeeper_theme_options['footer_texts_color']) != "") {
            ?>
		#site-footer,
		#site-footer .copyright_text a
		{
			color:<?php 
            echo esc_html($shopkeeper_theme_options['footer_texts_color']);
            ?>
;
		}
		<?php 
        }
        ?>
		
		<?php 
        if (isset($shopkeeper_theme_options['footer_links_color']) && trim($shopkeeper_theme_options['footer_links_color']) != "") {
            ?>
		#site-footer a,
		#site-footer .widget-title,
		.cart-empty-text,
		.footer-navigation-wrapper ul li:after
		{
			color:<?php 
            echo esc_html($shopkeeper_theme_options['footer_links_color']);
            ?>
;
		}
	
		
		<?php 
        }
        ?>
		
		
		
		
		/***************************************************************/
		/* Breadcrumbs *************************************************/
		/***************************************************************/
		
		
		<?php 
        if (isset($shopkeeper_theme_options['breadcrumbs']) && $shopkeeper_theme_options['breadcrumbs'] == "0") {
            ?>
		.woocommerce .woocommerce-breadcrumb,
		.woocommerce-page .woocommerce-breadcrumb
		{
			display:none;
		}
		<?php 
        }
        ?>


		
		
		/***************************************************************/
		/* Product Page Full Screen Description ************************/
		/***************************************************************/
		
		<?php 
        if (isset($post->ID)) {
            ?>
		
		<?php 
            if (get_post_meta($post->ID, 'product_full_screen_description_meta_box_check', true) == "on") {
                ?>
		
		#tab-description .boxed-row
		{
			max-width: 1255px;
			margin: 0 auto;
		}
		
		.woocommerce div.product .woocommerce-tabs #tab-description,
		.woocommerce #content div.product .woocommerce-tabs #tab-description,
		.woocommerce-page div.product .woocommerce-tabs #tab-description,
		.woocommerce-page #content div.product .woocommerce-tabs #tab-description
		{
			padding: 0;
		}
		
		#tab-description .row
		{
			padding: 0;
		}
		
		
		/* Visual Composer Shortcodes */
		
		/* max-width 640px, small screens */
		@media only screen and (max-width: 40.063em) {
			
			.woocommerce div.product .woocommerce-tabs #tab-description,
			.woocommerce #content div.product .woocommerce-tabs #tab-description,
			.woocommerce-page div.product .woocommerce-tabs #tab-description,
			.woocommerce-page #content div.product .woocommerce-tabs #tab-description
			{
				position: relative;
				top: -1px;
			}
			
			#tab-description .columns .columns
			{
				padding-left: 30px !important;
				padding-right: 30px !important;
			}
		}
		
		/*min-width 641px and max-width 1023px, medium screens */
		@media only screen and (min-width: 40.063em) and (max-width: 63.9375em) {
		
			#tab-description .columns .columns
			{
				padding-left: 60px !important;
				padding-right: 60px !important;
			}
			
		}
		
		/* max-width 1023px, small screens/medium screens */
		@media only screen and (max-width: 63.9375em) {
			
			#tab-description .row,
			#tab-description .columns
			{
				padding-left: 0 !important;
				padding-right: 0 !important;
			}
			
			#tab-description .columns .row
			{
				margin-left: 0;
				margin-right: 0;
			}
			
			#tab-description .columns .columns .columns
			{
				padding-left: 0px !important;
				padding-right: 0px !important;
			}
			
			#tab-description .columns .wpb_content_element
			{
				padding-left: 0 !important;
				padding-right: 0 !important;
			}
		}
		
		/* min-width 1023px, large screens */
		@media only screen and (min-width: 63.9375em) {
			
			.woocommerce #tab-description > .row,
			/*.woocommerce #tab-description .row .row,*/
			.woocommerce #tab-description  .row  .large-centered
			{
				width:100% !important;
				max-width:100% !important;
				padding:0 !important;
				margin:0 !important;
			}
		}
			
		<?php 
            }
            ?>
		
		<?php 
        }
        ?>
		
		
		/********************************************************************/
		/* Custom CSS *******************************************************/
		/********************************************************************/
		
		<?php 
        if (isset($shopkeeper_theme_options['custom_css']) && trim($shopkeeper_theme_options['custom_css']) != "") {
            ?>
			<?php 
            echo $shopkeeper_theme_options['custom_css'];
            ?>
		<?php 
        }
        ?>
	
	</style>

<?php 
        $content = ob_get_clean();
        $content = str_replace(array("\r\n", "\r"), "\n", $content);
        $lines = explode("\n", $content);
        $new_lines = array();
        foreach ($lines as $i => $line) {
            if (!empty($line)) {
                $new_lines[] = trim($line);
            }
        }
        echo implode($new_lines);
    }
Example #2
0
    function mr_tailor_custom_styles()
    {
        global $mr_tailor_theme_options;
        global $slider_metabox;
        $slider_metabox->the_meta();
        //convert hex to rgb
        function getbowtied_hex2rgb($hex)
        {
            $hex = str_replace("#", "", $hex);
            if (strlen($hex) == 3) {
                $r = hexdec(substr($hex, 0, 1) . substr($hex, 0, 1));
                $g = hexdec(substr($hex, 1, 1) . substr($hex, 1, 1));
                $b = hexdec(substr($hex, 2, 1) . substr($hex, 2, 1));
            } else {
                $r = hexdec(substr($hex, 0, 2));
                $g = hexdec(substr($hex, 2, 2));
                $b = hexdec(substr($hex, 4, 2));
            }
            $rgb = array($r, $g, $b);
            return implode(",", $rgb);
            // returns the rgb values separated by commas
            //return $rgb; // returns an array with the rgb values
        }
        ob_start();
        ?>

	<!-- ******************************************************************** -->
	<!-- * Theme Options Styles ********************************************* -->
	<!-- ******************************************************************** -->
		
	<style>
		
		/***************************************************************/
		/* Fonts *******************************************************/
		/***************************************************************/
				
		body,
		.product_meta span a,
		.product_meta span span,
		h1, h2, h3, h4, h5, h6,
		.comments-title,
		.comment-author,
		#reply-title,
		.wishlist_items_number,
		.shopping_bag_items_number,
		.copyright_text,
		.order_details li strong,
		.wpcf7 input,
		.mobile-navigation .sub-menu a,
		.cart-subtotal .amount,
		.order-total .amount,
		.wpb_tabs .ui-widget,
		.wpb_tour .ui-widget,
		.wpb_accordion .ui-widget,
		.products ul h3,
		ul.products h3,
		.widget ul small.count,
		.country_select.select2-container .select2-choice > .select2-chosen,
		.state_select.select2-container .select2-choice > .select2-chosen,
		.woocommerce #payment .payment_method_paypal .about_paypal,
		.woocommerce .form-row.terms .checkbox.check_label,
		.shortcode_title.main_font
		{ 
			font-family: <?php 
        if ($mr_tailor_theme_options['main_font_source'] == "2") {
            echo $mr_tailor_theme_options['main_typekit_font_face'] . ',';
        }
        ?>
			<?php 
        if ($mr_tailor_theme_options['main_font_source'] == "1") {
            echo $mr_tailor_theme_options['main_font']['font-family'] . ',';
        }
        ?>
 sans-serif;
		}
		
		.label,
		#site-navigation-top-bar ul li a,
		.main-navigation .sub-menu li a,
		.remember-me,
		.woocommerce form .form-row label.inline,
		.woocommerce-page form .form-row label.inline
		{ 
			font-family: <?php 
        if ($mr_tailor_theme_options['main_font_source'] == "2") {
            echo $mr_tailor_theme_options['main_typekit_font_face'] . ',';
        }
        ?>
			<?php 
        if ($mr_tailor_theme_options['main_font_source'] == "1") {
            echo $mr_tailor_theme_options['main_font']['font-family'] . ',';
        }
        ?>
 sans-serif !important;
		}			
				
		#site-navigation-top-bar,
		.site-title,
		.widget h3,
		.widget_product_search #searchsubmit,
		.widget_search #searchsubmit,
		.widget_product_search .search-submit,
		.widget_search .search-submit,
		.comment-respond label,
		.button,
		button,
		input[type="button"],
		input[type="reset"],
		input[type="submit"],
		.woocommerce a.button,
		.woocommerce-page a.button,
		.woocommerce button.button,
		.woocommerce-page button.button,
		.woocommerce input.button,
		.woocommerce-page input.button,
		.woocommerce #respond input#submit,
		.woocommerce-page #respond input#submit,
		.woocommerce #content input.button,
		.woocommerce-page #content input.button,
		.woocommerce a.button.alt,
		.woocommerce button.button.alt,
		.woocommerce input.button.alt,
		.woocommerce #respond input#submit.alt,
		.woocommerce #content input.button.alt,
		.woocommerce-page a.button.alt,
		.woocommerce-page button.button.alt,
		.woocommerce-page input.button.alt,
		.woocommerce-page #respond input#submit.alt,
		.woocommerce-page #content input.button.alt,
		blockquote cite,
		.widget .tagcloud a,
		.widget_shopping_cart .total strong,
		table thead th,
		.woocommerce div.product form.cart div.label label,
		.woocommerce-page div.product form.cart div.label label,
		.woocommerce #content div.product form.cart div.label label,
		.woocommerce-page #content div.product form.cart div.label label,
		.woocommerce span.onsale,
		.woocommerce-page span.onsale,
		.recently_viewed_in_single h2,
		.woocommerce .cart-collaterals .cart_totals table th,
		.woocommerce-page .cart-collaterals .cart_totals table th,
		.woocommerce .cart-collaterals .shipping-calculator-button,
		.woocommerce-page .cart-collaterals .shipping-calculator-button,
		.woocommerce form .form-row label,
		.woocommerce-page form .form-row label,
		.main-slider h1,
		.site-tools,
		#site-navigation ul li a,
		#mobile-main-navigation ul li,
		.post-edit-link,
		.comment-edit-link,
		.comment-reply-link,
		.slider_button,
		.go_home,
		.filters_button,
		.woocommerce-ordering,
		.out_of_stock_badge_loop,
		.out_of_stock_badge_single,
		.add_to_wishlist,
		.out-of-stock,
		.wishlist-in-stock,
		.wishlist-out-of-stock,
		.cross-sells h2,
		tr.shipping > td:first-of-type,
		.checkout_login .woocommerce-info,
		.checkout_coupon_box .woocommerce-info,
		.check_label_radio,
		.order_details .title,
		.order_details li,
		.customer_details dt,
		.account_view_link,
		.order_details_footer tr td:first-of-type,
		.wpcf7,
		.mobile-navigation,
		.widget_layered_nav ul li.chosen,
		.widget_layered_nav_filters ul li.chosen a,
		.product_meta > span,
		.woocommerce table.shop_attributes th,
		.woocommerce-page table.shop_attributes th,
		.wpb_tour.wpb_content_element .wpb_tabs_nav li a,
		.mobile-menu-text,
		.trigger-share-list,
		.shortcode_banner_simple_height_bullet span,
		.select2-container .select2-choice > .select2-chosen,
		select.topbar-language-switcher,
		select.wcml_currency_switcher,
		.blog-isotope .more-link,
		.blog-isotope .post_meta_archive,
		.product_after_shop_loop .price,
		.products a.button,
		.yith-wcwl-wishlistaddedbrowse a,
		.yith-wcwl-wishlistexistsbrowse a,
		.woocommerce-message a,
		.shop_table.order_details tfoot th:first-child,
		.shop_table.order_details tfoot td:first-child,
		.shop_table.woocommerce-checkout-review-order-table tfoot th:first-child,
		.shop_table.woocommerce-checkout-review-order-table tfoot td:first-child,
		.woocommerce .shop_table.customer_details tbody tr th,
		.woocommerce table.shop_table_responsive.customer_details tr td:before,
		.woocommerce-page table.shop_table_responsive.customer_details tr td:before,
		.woocommerce .cart-collaterals .cart-subtotal .amount,
		.woocommerce .cart-collaterals .shipping,
		.shortcode_title.secondary_font
		{
			font-family: <?php 
        if ($mr_tailor_theme_options['secondary_font_source'] == "2") {
            echo $mr_tailor_theme_options['secondary_typekit_font_face'] . ',';
        }
        ?>
			<?php 
        if ($mr_tailor_theme_options['secondary_font_source'] == "1") {
            echo $mr_tailor_theme_options['secondary_font']['font-family'] . ',';
        }
        ?>
 sans-serif;
		}
		
		.main-navigation .megamenu-1-col > ul > li > a,
		.main-navigation .megamenu-2-col > ul > li > a,
		.main-navigation .megamenu-3-col > ul > li > a,
		.main-navigation .megamenu-4-col > ul > li > a,
		.vc_btn
		{
			font-family: <?php 
        if ($mr_tailor_theme_options['secondary_font_source'] == "2") {
            echo $mr_tailor_theme_options['secondary_typekit_font_face'] . ',';
        }
        ?>
			<?php 
        if ($mr_tailor_theme_options['secondary_font_source'] == "1") {
            echo $mr_tailor_theme_options['secondary_font']['font-family'] . ',';
        }
        ?>
 sans-serif !important;
		}		

		
		/***************************************************************/
		/* Body (.st-content) ******************************************/
		/***************************************************************/
		
		.st-content {
			
			<?php 
        if (isset($mr_tailor_theme_options['main_bg_color']) && trim($mr_tailor_theme_options['main_bg_color']) != "") {
            ?>
				background-color:<?php 
            echo $mr_tailor_theme_options['main_bg_color'];
            ?>
;
			<?php 
        }
        ?>
			
			<?php 
        if (isset($mr_tailor_theme_options['main_bg_image']['url']) && trim($mr_tailor_theme_options['main_bg_image']['url']) != "") {
            ?>
				background-size: cover;
				background-attachment:fixed; /* creates a weird chrome bug - fix with refreshBackgrounds() function */
			<?php 
        }
        ?>
		}
		
		<?php 
        if (isset($mr_tailor_theme_options['main_bg_image']['url']) && trim($mr_tailor_theme_options['main_bg_image']['url']) != "") {
            ?>
		/* min-width 641px, medium screens */
		@media only screen and (min-width: 40.063em) {
			.st-content {
				background-image: url(<?php 
            echo $mr_tailor_theme_options['main_bg_image']['url'];
            ?>
);
			}
		}
		<?php 
        }
        ?>
		
		
		<?php 
        if (isset($mr_tailor_theme_options['main_bg_color']) && trim($mr_tailor_theme_options['main_bg_color']) != "") {
            ?>
			
			.slide-from-left.filters,
			.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
			.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle
			{
				background:<?php 
            echo $mr_tailor_theme_options['main_bg_color'];
            ?>
;
			}
		<?php 
        }
        ?>
			
			
		/***************************************************************/
		/* Body Text Color  *******************************************/
		/***************************************************************/
			
		<?php 
        if (isset($mr_tailor_theme_options['body_color']) && trim($mr_tailor_theme_options['body_color']) != "") {
            ?>
			
			body,
			pre,
			label,
			blockquote,
			blockquote p,
			blockquote cite,
			abbr,
			acronym,
			table tr td,
			.woocommerce .recently_viewed_in_single h2,
			.product-nav-previous a,
			.product-nav-next a,
			#shipping_method .check_label_radio,
			.cart-collaterals table tr th,
			.woocommerce-checkout .woocommerce-info:before,
			.woocommerce-checkout .woocommerce-info,
			.payment_methods .check_label_radio,
			.order_details.bacs_details li strong,
			.thank_you_header .order_details li strong,
			.woocommerce #content div.product p.stock.in-stock,
			.woocommerce div.product p.stock.in-stock,
			.woocommerce-page #content div.product p.stock.in-stock,
			.woocommerce-page div.product p.stock.in-stock,
			.wpb_widgetised_column a,
			.products ul h3 a,
			ul.products h3 a,
			.quantity input.qty,
			.woocommerce .quantity .qty,
			.shop_table.order_details tfoot th:first-child,
			.shop_table.order_details tfoot td:first-child,
			.shop_table.woocommerce-checkout-review-order-table tfoot th:first-child,
			.shop_table.woocommerce-checkout-review-order-table tfoot td:first-child,
			.woocommerce .shop_table.customer_details tbody tr th
			{
				color: <?php 
            echo esc_html($mr_tailor_theme_options['body_color']);
            ?>
;
			}
			
			.woocommerce a.remove
			{
				color: <?php 
            echo esc_html($mr_tailor_theme_options['body_color']);
            ?>
 !important;
			}
			
			.product_after_shop_loop .price
			{
				color: rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,0.80);
			}
			
			a:hover, a:focus,
			.woocommerce .woocommerce-breadcrumb a:hover,
			.woocommerce-page .woocommerce-breadcrumb a:hover,
			.nav-previous-title,
			.nav-next-title,
			.woocommerce #content div.product p.price del,
			.woocommerce #content div.product span.price del,
			.woocommerce div.product p.price del,
			.woocommerce div.product span.price del,
			.woocommerce-page #content div.product p.price del,
			.woocommerce-page #content div.product span.price del,
			.woocommerce-page div.product p.price del,
			.woocommerce-page div.product span.price del
			.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
			.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
			.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
			.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover,
			.woocommerce table.shop_table th,
			.woocommerce-page table.shop_table th,
			.woocommerce-page #payment div.payment_box,
			.woocommerce-checkout .order_details.bacs_details li,
			.thank_you_header .order_details li,
			.customer_details dt,
			.wpb_widgetised_column,
			.wpb_widgetised_column .product_list_widget .star-rating span:before,
			.wpb_widgetised_column .widget_layered_nav ul li small.count,
			.post_meta_archive a:hover,
			.products ul h3 a:hover,
			ul.products h3 a:hover,
			.products li:hover .add_to_wishlist:before,
			.product_after_shop_loop .price del
			{
				color: rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,0.55);
			}
			
			.widget.widget_price_filter .price_slider_amount .button:hover,
			.woocommerce a.remove:hover
			{
				color: rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,0.55) !important;
			}
			
			.required,
			.woocommerce form .form-row .required,
			.wp-caption-text,
			.woocommerce .woocommerce-breadcrumb,
			.woocommerce-page .woocommerce-breadcrumb,
			.woocommerce .woocommerce-result-count,
			.woocommerce-page .woocommerce-result-count
			.woocommerce div.product .woocommerce-tabs ul.tabs li a,
			.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
			.woocommerce-page div.product .woocommerce-tabs ul.tabs li a,
			.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
			.product_list_widget .wishlist-out-of-stock,
			.woocommerce #reviews #comments ol.commentlist li .comment-text .verified,
			.woocommerce-page #reviews #comments ol.commentlist li .comment-text .verified,
			.woocommerce #content div.product p.stock.out-of-stock,
			.woocommerce div.product p.stock.out-of-stock,
			.woocommerce-page #content div.product p.stock.out-of-stock,
			.woocommerce-page div.product p.stock.out-of-stock,
			.yith-wcwl-add-button:before,
			.trigger-share-list .fa,
			.post_meta_archive a
			{
				color: rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,0.45);
			}
			
			.products a.button:hover
			{
				color: rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,0.45) !important; 
			}
			
			.products .add_to_wishlist:before
			{
				color: rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,0.40);
			}
			
			.woocommerce .star-rating:before,
			.woocommerce-page .star-rating:before,
			.woocommerce p.stars,
			.woocommerce-page p.stars
			{
				color: rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,0.35); 
			}
			
			pre
			{
				border-color: rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,0.15);
			}
			
			hr,
			.woocommerce div.product .woocommerce-tabs ul.tabs li,
			.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
			.woocommerce-page div.product .woocommerce-tabs ul.tabs li,
			.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
			.wpb_widgetised_column .tagcloud a
			{
				border-color: rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,0.13);
			}
			
			.woocommerce table.shop_table tbody th,
			.woocommerce table.shop_table tbody td,
			.woocommerce table.shop_table tbody tr:first-child td,
			.woocommerce table.shop_table tfoot th,
			.woocommerce table.shop_table tfoot td,
			.woocommerce .shop_table.customer_details tbody tr:first-child th,
			.woocommerce .cart-collaterals .cart_totals tr.order-total td,
			.woocommerce .cart-collaterals .cart_totals tr.order-total th,
			.woocommerce-page .cart-collaterals .cart_totals tr.order-total td,
			.woocommerce-page .cart-collaterals .cart_totals tr.order-total th,
			.woocommerce .my_account_container table.shop_table.order_details tr:first-child td,
			.woocommerce-page .my_account_container table.shop_table.order_details tr:first-child td,
			.woocommerce .my_account_container table.shop_table order_details_footer tr:last-child td,
			.woocommerce-page .my_account_container table.shop_table.order_details_footer tr:last-child td,
			.blog-isotop-master-wrapper #nav-below.paging-navigation,
			.payment_methods li:first-child
			{
				border-top-color: rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,0.13);
			}
			
			abbr,
			acronym
			{
				border-bottom-color: rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,1);	
			}
			
			table tr,
			.woocommerce .my_account_container table.shop_table.order_details tr:last-child td,
			.woocommerce-page .my_account_container table.shop_table.order_details tr:last-child td,
			.payment_methods li,
			.slide-from-left.filters aside,
			.woocommerce div.product form.cart tr,
			.woocommerce-page div.product form.cart tr,
			.woocommerce #content div.product form.cart tr,
			.woocommerce-page #content div.product form.cart tr,
			.quantity input.qty,
			.woocommerce .quantity .qty,
			.woocommerce .shop_table.customer_details tbody tr:last-child th,
			.woocommerce .shop_table.customer_details tbody tr:last-child td
			{
				border-bottom-color: rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,0.13);
			}
			
			
			.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
			.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range
			{
				background: rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,0.35);
			}
			
			.woocommerce-checkout .thank_you_bank_details h3:after,
			.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
			.woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content,
			.blog-isotope:before,
			.blog-isotope:after
			{
				background: rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,0.13);
			}
			
			pre
			{
				background: rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,0.05);
			}
			
			.comments_section,
			.cart-buttons,
			.woocommerce .cart-collaterals,
			.woocommerce-page .cart-collaterals,
			.single_product_summary_upsell,
			.single_product_summary_related,
			.shop_table.order_details tfoot,
			.shop_table.woocommerce-checkout-review-order-table tfoot
			{
				background: rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,0.04);
			}
			
				
			/* min-width 641px, medium screens */
			@media only screen and (min-width: 40.063em) {
				
				.woocommerce #content nav.woocommerce-pagination ul,
				.woocommerce nav.woocommerce-pagination ul,
				.woocommerce-page #content nav.woocommerce-pagination ul,
				.woocommerce-page nav.woocommerce-pagination ul
				{
					border-color: rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,0.13)  transparent rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,0.13) rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,0.13);
				}
				
				.woocommerce #content nav.woocommerce-pagination ul li,
				.woocommerce nav.woocommerce-pagination ul li,
				.woocommerce-page #content nav.woocommerce-pagination ul li,
				.woocommerce-page nav.woocommerce-pagination ul li
				{
					border-right-color: rgba(<?php 
            echo getbowtied_hex2rgb($mr_tailor_theme_options['body_color']);
            ?>
,0.13);
				}
				
				.woocommerce div.product .woocommerce-tabs ul.tabs li,
				.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
				.woocommerce-page div.product .woocommerce-tabs ul.tabs li,
				.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li
				{
					border-bottom-color:  transparent;
				}
			}
			
		<?php 
        }
        ?>
		
		
		
		/***************************************************************/
		/* Headings Color  *********************************************/
		/***************************************************************/
		
		<?php 
        if (isset($mr_tailor_theme_options['headings_color']) && trim($mr_tailor_theme_options['headings_color']) != "") {
            ?>
			
			h1, h2, h3, h4, h5, h6,
			table tr th,
			.woocommerce div.product span.price,
			.woocommerce-page div.product span.price,
			.woocommerce #content div.product span.price,
			.woocommerce-page #content div.product span.price,
			.woocommerce div.product p.price,
			.woocommerce-page div.product p.price,
			.woocommerce #content div.product p.price,
			.woocommerce-page #content div.product p.price,
			.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a,
			.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
			.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a,
			.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a,
			.woocommerce table.shop_table .product-name a,
			.woocommerce-page table.shop_table .product-name a
			{
				color: <?php 
            echo esc_html($mr_tailor_theme_options['headings_color']);
            ?>
;
			}
			
			.wpb_widgetised_column .widget-title
			{
				color: <?php 
            echo esc_html($mr_tailor_theme_options['headings_color']);
            ?>
 !important;
			}
			
			.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
			.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
			.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active,
			.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active
			{
				border-bottom-color: <?php 
            echo esc_html($mr_tailor_theme_options['headings_color']);
            ?>
;
			}
			
			.woocommerce-checkout .entry-title:after,
			.woocommerce-account .entry-title:after
			{
				background: <?php 
            echo esc_html($mr_tailor_theme_options['headings_color']);
            ?>
;
			}
			
		<?php 
        }
        ?>
				
				
				
		/***************************************************************/
		/* Main Color  *************************************************/
		/***************************************************************/
		
		<?php 
        if (isset($mr_tailor_theme_options['main_color']) && trim($mr_tailor_theme_options['main_color']) != "") {
            ?>
		
		.widget .tagcloud a:hover,
		.woocommerce span.onsale,
		.woocommerce-page span.onsale,
		.woocommerce nav.woocommerce-pagination ul li span.current, 
		.woocommerce nav.woocommerce-pagination ul li a:hover, 
		.woocommerce nav.woocommerce-pagination ul li a:focus, 
		.woocommerce #content nav.woocommerce-pagination ul li span.current, 
		.woocommerce #content nav.woocommerce-pagination ul li a:hover, 
		.woocommerce #content nav.woocommerce-pagination ul li a:focus, 
		.woocommerce-page nav.woocommerce-pagination ul li span.current, 
		.woocommerce-page nav.woocommerce-pagination ul li a:hover, 
		.woocommerce-page nav.woocommerce-pagination ul li a:focus, 
		.woocommerce-page #content nav.woocommerce-pagination ul li span.current, 
		.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, 
		.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
		.woocommerce .widget_layered_nav_filters ul li a,
		.woocommerce-page .widget_layered_nav_filters ul li a,
		.woocommerce .widget_layered_nav ul li.chosen a,
		.woocommerce-page .widget_layered_nav ul li.chosen a,
		.nl-field ul,
		.nl-form .nl-submit,
		.audioplayer-bar-played,
		.audioplayer-volume-adjust div div,
		.select2-results .select2-highlighted,
		.slide-from-right,
		.with_thumb_icon,
		/*begin app.css*/
		.woocommerce-page a.button, .woocommerce-page a.button,
		.woocommerce-page a.button.alt,
		.woocommerce-page button.button,
		.woocommerce-page button.button,
		.woocommerce-page button.button.alt,
		.woocommerce-page input.button,
		.woocommerce-page input.button,
		.woocommerce-page #respond input#submit,
		.woocommerce-page #content input.button,
		.woocommerce-page input.button.alt,
		.woocommerce-page #respond input#submit,
		.woocommerce-page #content input.button,
		.woocommerce-page #content input.button,
		.woocommerce-page #content #respond input#submit,
		.woocommerce-page #respond #content input#submit,
		.woocommerce-page #content input.button,
		.woocommerce-page #content input.button.alt,
		.woocommerce-page a.button.alt,
		.woocommerce-page a.alt.button,
		.woocommerce-page button.button.alt,
		.woocommerce-page button.alt.button,
		.woocommerce-page input.button.alt,
		.woocommerce-page input.alt.button,
		.woocommerce-page #respond input.alt#submit,
		.woocommerce-page #content input.alt.button,
		ul.pagination li.current a,
		ul.pagination li.current a:hover, ul.pagination li.current a:focus,
		.progress .meter,
		.sub-nav dt.active a,
		.sub-nav dd.active a,
		.sub-nav li.active a,
		.top-bar-section ul li > a.button, .top-bar-section ul .woocommerce-page li > a.button, .woocommerce-page .top-bar-section ul li > a.button,
		.top-bar-section ul .woocommerce-page li > a.button.alt,
		.woocommerce-page .top-bar-section ul li > a.button.alt,
		.top-bar-section ul li.active > a,
		.no-js .top-bar-section ul li:active > a
		/*end app.css*/
		{
			background: <?php 
            echo $mr_tailor_theme_options['main_color'];
            ?>
;
		}
		
		.select2-container,
		.big-select,
		select.big-select,
		.select2-dropdown-open.select2-drop-above .select2-choice,
		.select2-dropdown-open.select2-drop-above .select2-choices, 
		.select2-container .select2-choice,
		.yith-wcwl-add-button,
		.yith-wcwl-wishlistaddedbrowse .feedback,
		.yith-wcwl-wishlistexistsbrowse .feedback,
		.shopping_bag_items_number,
		.wishlist_items_number,
		.woocommerce .star-rating span:before,
		.woocommerce-page .star-rating span:before,
		/*begin app.css*/
		.woocommerce .woocommerce-breadcrumb a,
		.woocommerce-page .woocommerce-breadcrumb a,
		.panel.callout a,
		.side-nav li a,
		.has-tip:hover, .has-tip:focus,
		a,
		.edit-link,
		.comment-reply,
		.comment-edit-link,
		.woocommerce p.stars a.active:after,
		.woocommerce p.stars a:hover:after,
		.woocommerce-page p.stars a.active:after,
		.woocommerce-page p.stars a:hover:after,
		.yith-wcwl-wishlistaddedbrowse,
		.yith-wcwl-wishlistexistsbrowse
		/*end app.css*/
		{
			color: <?php 
            echo $mr_tailor_theme_options['main_color'];
            ?>
;
		}
		
		.products a.button,
		.cart-buttons .update_and_checkout .update_cart,
		.cart-buttons .coupon .apply_coupon,
		.widget.widget_price_filter .price_slider_amount .button,
		#wishlist-offcanvas .button,
		#wishlist-offcanvas input[type="button"],
		#wishlist-offcanvas input[type="reset"],
		#wishlist-offcanvas input[type="submit"],
		/*begin app.css*/
		.tooltip.opened
		/*end app.css*/
		{
			color: <?php 
            echo $mr_tailor_theme_options['main_color'];
            ?>
 !important;
		}
		
		/*begin app.css*/
		.label,
		button,
		.button,
		.woocommerce-page a.button, .woocommerce-page a.button,
		.woocommerce-page a.button.alt,
		.woocommerce-page .woocommerce a.button,
		.woocommerce .woocommerce-page a.button,
		.woocommerce-page .woocommerce a.button.alt,
		.woocommerce .woocommerce-page a.button.alt,
		.woocommerce-page button.button,
		.woocommerce-page button.button,
		.woocommerce-page button.button.alt,
		.woocommerce-page .woocommerce button.button,
		.woocommerce .woocommerce-page button.button,
		.woocommerce-page .woocommerce button.button.alt,
		.woocommerce .woocommerce-page button.button.alt,
		.woocommerce-page input.button,
		.woocommerce-page input.button,
		.woocommerce-page #respond input#submit,
		.woocommerce-page #content input.button,
		.woocommerce-page input.button.alt,
		.woocommerce-page .woocommerce input.button,
		.woocommerce .woocommerce-page input.button,
		.woocommerce-page .woocommerce #respond input#submit,
		.woocommerce #respond .woocommerce-page input#submit,
		.woocommerce-page .woocommerce #content input.button,
		.woocommerce #content .woocommerce-page input.button,
		.woocommerce-page .woocommerce input.button.alt,
		.woocommerce .woocommerce-page input.button.alt,
		.woocommerce-page #respond input#submit,
		.woocommerce-page #content input.button,
		.woocommerce-page #content input.button,
		.woocommerce-page #content #respond input#submit,
		.woocommerce-page #respond #content input#submit,
		.woocommerce-page #content input.button,
		.woocommerce-page #content input.button.alt,
		.woocommerce-page #content .woocommerce input.button,
		.woocommerce .woocommerce-page #content input.button,
		.woocommerce-page #content .woocommerce #respond input#submit,
		.woocommerce #respond .woocommerce-page #content input#submit,
		.woocommerce-page .woocommerce #content input.button,
		.woocommerce .woocommerce-page #content input.button,
		.woocommerce-page #content .woocommerce input.button.alt,
		.woocommerce .woocommerce-page #content input.button.alt,
		.woocommerce-page a.button.alt,
		.woocommerce-page a.alt.button,
		.woocommerce-page .woocommerce a.alt.button,
		.woocommerce .woocommerce-page a.alt.button,
		.woocommerce-page button.button.alt,
		.woocommerce-page button.alt.button,
		.woocommerce-page .woocommerce button.alt.button,
		.woocommerce .woocommerce-page button.alt.button,
		.woocommerce-page input.button.alt,
		.woocommerce-page input.alt.button,
		.woocommerce-page #respond input.alt#submit,
		.woocommerce-page #content input.alt.button,
		.woocommerce-page .woocommerce input.alt.button,
		.woocommerce .woocommerce-page input.alt.button,
		.woocommerce-page .woocommerce #respond input.alt#submit,
		.woocommerce #respond .woocommerce-page input.alt#submit,
		.woocommerce-page .woocommerce #content input.alt.button,
		.woocommerce #content .woocommerce-page input.alt.button,
		.woocommerce a.button,
		.woocommerce .woocommerce-page a.button,
		.woocommerce-page .woocommerce a.button,
		.woocommerce .woocommerce-page a.button.alt,
		.woocommerce-page .woocommerce a.button.alt,
		.woocommerce a.button,
		.woocommerce a.button.alt,
		.woocommerce button.button,
		.woocommerce .woocommerce-page button.button,
		.woocommerce-page .woocommerce button.button,
		.woocommerce .woocommerce-page button.button.alt,
		.woocommerce-page .woocommerce button.button.alt,
		.woocommerce button.button,
		.woocommerce button.button.alt,
		.woocommerce input.button,
		.woocommerce .woocommerce-page input.button,
		.woocommerce-page .woocommerce input.button,
		.woocommerce .woocommerce-page #respond input#submit,
		.woocommerce-page #respond .woocommerce input#submit,
		.woocommerce .woocommerce-page #content input.button,
		.woocommerce-page #content .woocommerce input.button,
		.woocommerce .woocommerce-page input.button.alt,
		.woocommerce-page .woocommerce input.button.alt,
		.woocommerce input.button,
		.woocommerce #respond input#submit,
		.woocommerce #content input.button,
		.woocommerce input.button.alt,
		.woocommerce #respond input#submit,
		.woocommerce #content input.button,
		.woocommerce #content .woocommerce-page input.button,
		.woocommerce-page .woocommerce #content input.button,
		.woocommerce #content .woocommerce-page #respond input#submit,
		.woocommerce-page #respond .woocommerce #content input#submit,
		.woocommerce .woocommerce-page #content input.button,
		.woocommerce-page .woocommerce #content input.button,
		.woocommerce #content .woocommerce-page input.button.alt,
		.woocommerce-page .woocommerce #content input.button.alt,
		.woocommerce #content input.button,
		.woocommerce #content #respond input#submit,
		.woocommerce #respond #content input#submit,
		.woocommerce #content input.button,
		.woocommerce #content input.button.alt,
		.woocommerce a.button.alt,
		.woocommerce .woocommerce-page a.alt.button,
		.woocommerce-page .woocommerce a.alt.button,
		.woocommerce a.alt.button,
		.woocommerce button.button.alt,
		.woocommerce .woocommerce-page button.alt.button,
		.woocommerce-page .woocommerce button.alt.button,
		.woocommerce button.alt.button,
		.woocommerce input.button.alt,
		.woocommerce .woocommerce-page input.alt.button,
		.woocommerce-page .woocommerce input.alt.button,
		.woocommerce .woocommerce-page #respond input.alt#submit,
		.woocommerce-page #respond .woocommerce input.alt#submit,
		.woocommerce .woocommerce-page #content input.alt.button,
		.woocommerce-page #content .woocommerce input.alt.button,
		.woocommerce input.alt.button,
		.woocommerce #respond input.alt#submit,
		.woocommerce #content input.alt.button,
		input[type="button"],
		input[type="reset"],
		input[type="submit"],
		.alert-box,
		.woocommerce .quantity .plus,
		.woocommerce .quantity .minus,
		.woocommerce-page .quantity .plus,
		.woocommerce-page .quantity .minus,
		.woocommerce-page #content .quantity .plus,
		.woocommerce-page #content .quantity .minus
		/*end app.css*/
		{
			background-color: <?php 
            echo $mr_tailor_theme_options['main_color'];
            ?>
;
		}
		
		.main-navigation ul ul li a:hover,
		.box-share-link:hover span
		{
			border-bottom-color: <?php 
            echo $mr_tailor_theme_options['main_color'];
            ?>
;
		}
		
		.login_header
		{
			border-top-color: <?php 
            echo $mr_tailor_theme_options['main_color'];
            ?>
;			
		}
		
		.cart-buttons .update_and_checkout .update_cart,
		.cart-buttons .coupon .apply_coupon,
		.shopping_bag_items_number,
		.wishlist_items_number,
		.widget .tagcloud a:hover,
		.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
		.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle
		{
			border-color: <?php 
            echo $mr_tailor_theme_options['main_color'];
            ?>
;
		}
		
		.cart-buttons .update_and_checkout .update_cart,
		.cart-buttons .coupon .apply_coupon
		{
			border-color: <?php 
            echo $mr_tailor_theme_options['main_color'];
            ?>
 !important;
		}
		
		<?php 
        }
        ?>
				
		
		/***************************************************************/
		/* Top Bar *****************************************************/
		/***************************************************************/

		#site-top-bar,
		#site-navigation-top-bar .sf-menu ul
		{
			<?php 
        if (isset($mr_tailor_theme_options['top_bar_background_color']) && trim($mr_tailor_theme_options['top_bar_background_color']) != "") {
            ?>
				background: <?php 
            echo $mr_tailor_theme_options['top_bar_background_color'];
            ?>
;
			<?php 
        }
        ?>
		}
		
		<?php 
        if (isset($mr_tailor_theme_options['top_bar_typography']) && trim($mr_tailor_theme_options['top_bar_typography']) != "") {
            ?>
		#site-top-bar,
		#site-top-bar a
		{
			color:<?php 
            echo $mr_tailor_theme_options['top_bar_typography'];
            ?>
;
		}
		<?php 
        }
        ?>
		
		
		
		/***************************************************************/
		/* 	Header *****************************************************/
		/***************************************************************/
		
		<?php 
        if (isset($mr_tailor_theme_options['site_logo']['url']) && trim($mr_tailor_theme_options['site_logo']['url']) != "") {
            if (is_ssl()) {
                $site_logo = str_replace("http://", "https://", $mr_tailor_theme_options['site_logo']['url']);
            } else {
                $site_logo = $mr_tailor_theme_options['site_logo']['url'];
            }
            //$site_logo_size = getimagesize($site_logo);
            //$site_logo_width = $site_logo_size[0];
            //$site_logo_height = $site_logo_size[1];
            ?>
		
		.site-branding {
			height:auto;
			border:0;
			padding:0;
		}
		
		<?php 
            if (isset($mr_tailor_theme_options['logo_height']) && trim($mr_tailor_theme_options['logo_height']) != "") {
                ?>
		<?php 
                $site_logo_height = $mr_tailor_theme_options['logo_height'];
                ?>
		.site-branding img {
			height:<?php 
                echo $site_logo_height;
                ?>
px;
			width:auto;
		}
		<?php 
            }
            ?>
		
		@media only screen and (min-width: 40.063em) {
			<?php 
            if ($site_logo_height < 54) {
                ?>
				
				.site-branding
				{
					padding:<?php 
                echo (54 - $site_logo_height) / 2;
                ?>
px 0;
				}
				
				#site-navigation
				{
					line-height: 54px;
				}
				
			<?php 
            } else {
                ?>
	
				
				#site-navigation {
					line-height:<?php 
                echo $site_logo_height;
                ?>
px;
				}
				
				.site-header-sticky .site-branding
				{
					padding: 7px 0;
				}
				
			<?php 
            }
            ?>
			
		}
		
		/*.site-tools {
			top:<?php 
            //echo $site_logo_height / 2 - 20;
            ?>
px;
		}*/

		<?php 
        } else {
            ?>
		
		@media only screen and (min-width: 64.063em) {
			#site-navigation {
				line-height:66px; /* 66px/2 */
			}
			
			.site-header-sticky .site-branding
			{
				min-height: 40px;
				padding: 5px 25px;
				margin-top: 7px;
			}

			.site-header-sticky .site-title
			{
				font-size: 24px;
			}
			
		}
		
		<?php 
        }
        ?>

		<?php 
        if (isset($mr_tailor_theme_options['header_paddings']) && trim($mr_tailor_theme_options['header_paddings']) != "") {
            ?>
		.site-header {
			padding:<?php 
            echo $mr_tailor_theme_options['header_paddings'];
            ?>
px 0;
		}
		<?php 
        }
        ?>
		
		<?php 
        if (isset($mr_tailor_theme_options['main_header_typography']['font-size']) && trim($mr_tailor_theme_options['main_header_typography']['font-size']) != "") {
            ?>
		.site-header,
		.site-header-sticky,
		#site-navigation,
		.shortcode_banner_simple_height_bullet span
		{
			font-size: <?php 
            echo $mr_tailor_theme_options['main_header_typography']['font-size'];
            ?>
;
		}
		<?php 
        }
        ?>
		
		<?php 
        if (isset($mr_tailor_theme_options['main_header_background_color']) && trim($mr_tailor_theme_options['main_header_background_color']) != "") {
            ?>
		.site-header,
		.site-header-sticky,
		.shopping_bag_items_number,
        .wishlist_items_number
		{
			background: <?php 
            echo $mr_tailor_theme_options['main_header_background_color'];
            ?>
;
		}
		<?php 
        }
        ?>
		
		<?php 
        if (isset($mr_tailor_theme_options['main_header_background_transparency']) && $mr_tailor_theme_options['main_header_background_transparency'] == "1") {
            ?>
                        
		.site-header
		{
			background: transparent;
		}
		.shopping_bag_items_number,
        .wishlist_items_number
		{
			background: <?php 
            echo $mr_tailor_theme_options['main_bg_color'];
            ?>
;
		}
		.site-header-sticky .shopping_bag_items_number,
        .site-header-sticky .wishlist_items_number
		{
			background: <?php 
            echo $mr_tailor_theme_options['main_header_background_color'];
            ?>
;
		}
		<?php 
        }
        ?>
		
		<?php 
        if (isset($mr_tailor_theme_options['main_header_typography']['color']) && trim($mr_tailor_theme_options['main_header_typography']['color']) != "") {
            ?>
		.site-header,
		#site-navigation a,
		.site-header-sticky,
		.site-header-sticky a,
        .site-tools ul li a,
        .shopping_bag_items_number,
        .wishlist_items_number,
        .site-title a,
        .widget_product_search .search-but-added,
        .widget_search .search-but-added
		{
			color:<?php 
            echo $mr_tailor_theme_options['main_header_typography']['color'];
            ?>
;
		}
        .shopping_bag_items_number,
        .wishlist_items_number,
        .site-branding
        {
            border-color: <?php 
            echo $mr_tailor_theme_options['main_header_typography']['color'];
            ?>
;
        }
		<?php 
        }
        ?>
		
		
		/***************************************************************/
		/* Footer ******************************************************/
		/***************************************************************/

		#site-footer
		{
			<?php 
        if (isset($mr_tailor_theme_options['footer_background_color']) && trim($mr_tailor_theme_options['footer_background_color']) != "") {
            ?>
				background: <?php 
            echo $mr_tailor_theme_options['footer_background_color'];
            ?>
;
			<?php 
        }
        ?>
		}
		
		<?php 
        if (isset($mr_tailor_theme_options['footer_texts_color']) && trim($mr_tailor_theme_options['footer_texts_color']) != "") {
            ?>
		#site-footer,
		#site-footer .widget-title,
		#site-footer a:hover,
        #site-footer .star-rating span:before,
        #site-footer .star-rating span:before
		{
			color:<?php 
            echo $mr_tailor_theme_options['footer_texts_color'];
            ?>
;
		}
		<?php 
        }
        ?>
		
		<?php 
        if (isset($mr_tailor_theme_options['footer_links_color']) && trim($mr_tailor_theme_options['footer_links_color']) != "") {
            ?>
		#site-footer a
		{
			color:<?php 
            echo $mr_tailor_theme_options['footer_links_color'];
            ?>
;
		}
		<?php 
        }
        ?>

		
		/***************************************************************/
		/* Breadcrumbs *************************************************/
		/***************************************************************/
		
		
		<?php 
        if (isset($mr_tailor_theme_options['breadcrumbs']) && $mr_tailor_theme_options['breadcrumbs'] == "0") {
            ?>
		.woocommerce .woocommerce-breadcrumb,
		.woocommerce-page .woocommerce-breadcrumb
		{
			display:none;
		}
		<?php 
        }
        ?>
		
		
		/***************************************************************/
		/* Slider ******************************************************/
		/***************************************************************/
		
		<?php 
        $slide_counter = 0;
        while ($slider_metabox->have_fields('items')) {
            $slide_counter++;
            ?>
			
			.main-slider .slide_<?php 
            echo $slide_counter;
            ?>
 {
				background-image:url(<?php 
            echo $slider_metabox->get_the_value('imgurl');
            ?>
);
			}
			
			.main-slider .slide_<?php 
            echo $slide_counter;
            ?>
 .main-slider-elements.animated {				
				-webkit-animation-name: <?php 
            echo $slider_metabox->get_the_value('slide_animation');
            ?>
;
				-moz-animation-name: <?php 
            echo $slider_metabox->get_the_value('slide_animation');
            ?>
;
				-o-animation-name: <?php 
            echo $slider_metabox->get_the_value('slide_animation');
            ?>
;
				animation-name: <?php 
            echo $slider_metabox->get_the_value('slide_animation');
            ?>
;
			}
			
			<?php 
            if ($slider_metabox->get_the_value('slider_mood') == 'light') {
                ?>

				.main-slider .slide_<?php 
                echo $slide_counter;
                ?>
 h1 {
					color:#000;
				}
				
				.main-slider .slide_<?php 
                echo $slide_counter;
                ?>
 h1:after {
					background:#000;
				}
				
				.main-slider .slide_<?php 
                echo $slide_counter;
                ?>
 h2 {
					color:#000;
				}
				
				.main-slider .slide_<?php 
                echo $slide_counter;
                ?>
 a.slider_button {
					color:#fff;
					background:#000;
				}
				
				.main-slider .slide_<?php 
                echo $slide_counter;
                ?>
 a.slider_button:hover {
					color:#000 !important;
					background:#fff !important;
				}
				
				.main-slider .slide_<?php 
                echo $slide_counter;
                ?>
 .arrow-left,
				.main-slider .slide_<?php 
                echo $slide_counter;
                ?>
 .arrow-right
				{
					color:#000;
				}
				
			<?php 
            }
            ?>
			
		<?php 
        }
        ?>
		
		
		/********************************************************************/
		/* Custom CSS *******************************************************/
		/********************************************************************/
		
		<?php 
        if (isset($mr_tailor_theme_options['custom_css']) && trim($mr_tailor_theme_options['custom_css']) != "") {
            ?>
			<?php 
            echo $mr_tailor_theme_options['custom_css'];
            ?>
		<?php 
        }
        ?>
	
	</style>

<?php 
        $content = ob_get_clean();
        $content = str_replace(array("\r\n", "\r"), "\n", $content);
        $lines = explode("\n", $content);
        $new_lines = array();
        foreach ($lines as $i => $line) {
            if (!empty($line)) {
                $new_lines[] = trim($line);
            }
        }
        echo implode($new_lines);
    }