ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / centosnipponia / public_html / sweetrich / wp-content / themes / sydney-pro-ii / inc

<?php
/**
 * Class for dynamic CSS output
 *
 */

if ( !class_exists( 'Sydney_Custom_CSS' ) ) :

/**
	 * Sydney_Custom_CSS 
	 */
	Class Sydney_Custom_CSS {

/**
		 * Instance
		 */		
		private static $instance;

/**
		 * Initiator
		 */
		public static function get_instance() {
			if ( ! isset( self::$instance ) ) {
				self::$instance = new self;
			}
			return self::$instance;
		}

/**
		 * Constructor
		 */
		public function __construct() {

$this->customizer_js = array();

add_action( 'wp_enqueue_scripts', array( $this, 'print_styles' ) );
            
		}

/**
		 * Output all custom CSS
		 */
		public function output_css( $custom = false ) {

$is_amp = sydney_is_amp();

$custom = '';

//Core background
            $core_bg = get_theme_mod( 'background_color', 'f7f7f7' );
            if ( 'f7f7f7' == $core_bg ) { //no # in core option
                $custom .= '.page-template-page_front-page.elementor-page,.page-template-page_front-page.panel-layout {background: #fff;}';
            }

//Woocommerce
            $yith_buttons_visible = get_theme_mod( 'yith_buttons_visible', 0 );
            if ( $yith_buttons_visible ) {
                $custom .= ".yith-placeholder > * { opacity:1!important;left:0!important;}"."\n";
            }

//Get thumbnails for shop and shop archives
            $shop_thumb = get_the_post_thumbnail_url( get_option( 'woocommerce_shop_page_id' ) );
            if ( class_exists( 'Woocommerce' ) && is_product_category() ) {
                global $wp_query;
                $cat 			= $wp_query->get_queried_object();
                $thumbnail_id 	= get_term_meta( $cat->term_id, 'thumbnail_id', true );
                $shop_archive_thumb	= wp_get_attachment_url( $thumbnail_id );
            }

if ( class_exists( 'Woocommerce' ) && is_shop() && $shop_thumb ) {
                $custom .= ".header-image { background-image:url(" . esc_url($shop_thumb) . ")!important;display:block;}"."\n";	
                $custom .= ".site-header { background-color:transparent;}" . "\n";
                $custom .= "@media only screen and (max-width: 1024px) { .sydney-hero-area .header-image { height:300px!important; }}" . "\n";
                $shop_overlay = get_theme_mod( 'hide_overlay_shop' );
                if ( $shop_overlay ) {
                    $custom .= ".header-image .overlay { background-color:transparent;}" . "\n";
                }
            } elseif ( class_exists( 'Woocommerce' ) && is_product_category() && $shop_archive_thumb ) {
                $custom .= ".header-image { background-image:url(" . esc_url($shop_archive_thumb) . ")!important;display:block;}"."\n";	
                if ( !$is_amp ) {
                    $custom .= ".site-header { background-color:transparent;}" . "\n";
                }
                $custom .= "@media only screen and (max-width: 1024px) { .sydney-hero-area .header-image { height:300px!important; }}" . "\n";
            } elseif ( $is_amp || (get_theme_mod('front_header_type','slider') == 'nothing' && is_front_page()) || (get_theme_mod('site_header_type') == 'nothing' && !is_front_page()) ) {
                $menu_bg_color = get_theme_mod( 'menu_bg_color', '#263246' );
                $rgba 	= $this->hex2rgba($menu_bg_color, 0.9);
                $custom .= ".site-header { background-color:" . esc_attr($rgba) . ";}" . "\n";
            }

global $post;
            if ( isset( $post ) ) {
                
                $transparent_menu = get_post_meta( $post->ID, '_sydney_transparent_menu', true );
                if ( $transparent_menu ) {
                    $custom .= ".site-header { background-color:transparent;}" . "\n";
                }

$elementor_page = get_post_meta( $post->ID, '_elementor_edit_mode', true );
                if ( !$elementor_page ) {
                    $custom .= "html { scroll-behavior: smooth;}" . "\n";
                }
            } else {
                $custom .= "html { scroll-behavior: smooth;}" . "\n";
            }

$wc_button_hover = get_theme_mod( 'wc_button_hover', 0 );
            if ( $wc_button_hover ) {
                $custom .= "
                @media only screen and (min-width: 1024px) { 
                .loop-button-wrapper {position: absolute;bottom: 0;width: 100%;left: 0;opacity: 0;transition: all 0.3s;}
                .woocommerce ul.products li.product .woocommerce-loop-product__title,
                .woocommerce ul.products li.product .price {transition: all 0.3s;}
                .woocommerce ul.products li.product:hover .loop-button-wrapper {opacity: 1;bottom: 20px;}
                .woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
                .woocommerce ul.products li.product:hover .price {opacity: 0;} }" . "\n";
            }

$loop_product_alignment = get_theme_mod( 'swc_loop_product_alignment', 'center' );
            $custom .= ".woocommerce ul.products li.product { text-align:" . esc_attr( $loop_product_alignment ) . ";}"."\n";

if ( 'left' === $loop_product_alignment ) {
                $custom .= ".woocommerce ul.products li.product .star-rating { margin-left:0;}"."\n";
            } elseif ( 'right' === $loop_product_alignment ) {
                $custom .= ".woocommerce ul.products li.product .star-rating { margin-right:0;}"."\n";
            }

$swc_archive_button_icon = get_theme_mod( 'swc_archive_button_icon',0 );
            if ( $swc_archive_button_icon ) {
                $custom .= ".woocommerce ul.products li.product .button .sydney-svg-icon { display:none;}"."\n";
            }
            
            $swc_loop_button_bg = get_theme_mod( 'swc_loop_button_bg' );
            $custom .= ".woocommerce ul.products li.product .loop-button-wrapper .button { background-color:" . esc_attr( $swc_loop_button_bg)  . "; }"."\n";

$swc_loop_button_color = get_theme_mod( 'swc_loop_button_color' );
            $custom .= ".woocommerce ul.products li.product .loop-button-wrapper .button { color:" . esc_attr( $swc_loop_button_color)  . "; fill:" . esc_attr( $swc_loop_button_color)  . "; }"."\n";

$swc_loop_button_size = get_theme_mod( 'swc_loop_button_size', 'small' );
            if ( 'medium' == $swc_loop_button_size ) {
                $custom .= ".woocommerce ul.products li.product .loop-button-wrapper .button { padding: 12px 24px; }"."\n";
            } elseif ( 'large' == $swc_loop_button_size ) {
                $custom .= ".woocommerce ul.products li.product .loop-button-wrapper .button { padding: 15px 28px; }"."\n";
            }

$swc_loop_button_font_size = get_theme_mod( 'swc_loop_button_font_size', '13' );
            $custom .= ".woocommerce ul.products li.product .loop-button-wrapper .button { font-size:" . intval($swc_loop_button_font_size) . "px; }"."\n";

$swc_loop_salebadge_bg_color = get_theme_mod( 'swc_loop_salebadge_bg_color' );
            $custom .= ".woocommerce ul.products li.product .onsale, .yith-wcqv-main span.onsale, .woocommerce span.onsale { background-color:" . esc_attr( $swc_loop_salebadge_bg_color)  . "; }"."\n";

$swc_loop_salebadge_color = get_theme_mod( 'swc_loop_salebadge_color' );
            $custom .= ".woocommerce ul.products li.product .onsale, .yith-wcqv-main span.onsale, .woocommerce span.onsale { color:" . esc_attr( $swc_loop_salebadge_color)  . "; }"."\n";

$swc_loop_salebadge_font_size = get_theme_mod( 'swc_loop_salebadge_font_size', '12' );
            $custom .= ".woocommerce ul.products li.product .onsale, .yith-wcqv-main span.onsale, .woocommerce span.onsale { font-size:" . esc_attr( $swc_loop_salebadge_font_size)  . "px; }"."\n";

$swc_sale_badge_shape = get_theme_mod( 'swc_sale_badge_shape', 'rectangular' );
            if ( 'round' == $swc_sale_badge_shape ) {
                $custom .= ".woocommerce ul.products li.product .onsale, .yith-wcqv-main span.onsale, .woocommerce span.onsale { font-size: 12px!important;width: 50px;height: 50px;padding: 0!important;line-height: 50px;text-align: center;border-radius: 50%; }"."\n";
                $custom .= ".woocommerce ul.products li.product .onsale { font-size: 12px!important;width: 50px;height: 50px;right:10px;top:10px;padding: 0!important;line-height: 50px;text-align: center;border-radius: 50%; }"."\n";
            } elseif ( 'square' == $swc_sale_badge_shape ) {
                $custom .= ".woocommerce ul.products li.product .onsale, .yith-wcqv-main span.onsale, .woocommerce span.onsale { font-size: 12px!important;width: 50px;border-radius:0;height: 50px;padding: 0!important;line-height: 50px;text-align: center;}"."\n";
            }

$swc_loop_product_title_font_size = get_theme_mod( 'swc_loop_product_title_font_size', '16' );
            $custom .= ".woocommerce ul.products li.product h2 { font-size:" . esc_attr( $swc_loop_product_title_font_size)  . "px; }"."\n";

$swc_loop_product_title_color = get_theme_mod( 'swc_loop_product_title_color' );
            $custom .= ".woocommerce ul.products li.product h2 { color:" . esc_attr( $swc_loop_product_title_color)  . "; }"."\n";

$swc_loop_product_price_font_size = get_theme_mod( 'swc_loop_product_price_font_size', '18' );
            $custom .= ".woocommerce ul.products li.product .price { font-size:" . esc_attr( $swc_loop_product_price_font_size)  . "px; }"."\n";

$swc_loop_product_price_color = get_theme_mod( 'swc_loop_product_price_color' );
            $custom .= ".woocommerce ul.products li.product .price { color:" . esc_attr( $swc_loop_product_price_color)  . "; }"."\n";

$swc_single_product_title_color = get_theme_mod( 'swc_single_product_title_color' );
            $custom .= ".woocommerce div.product .product_title { color:" . esc_attr( $swc_single_product_title_color)  . "; }"."\n";

$swc_single_product_price_color = get_theme_mod( 'swc_single_product_price_color' );
            $custom .= ".woocommerce div.product p.price { color:" . esc_attr( $swc_single_product_price_color)  . "; }"."\n";	
            
            $swc_single_product_button_color = get_theme_mod( 'swc_single_product_button_color' );
            if ( $swc_single_product_button_color ) {
                $custom .= ".woocommerce div.product button { border-color:" . esc_attr( $swc_single_product_button_color)  . ";background-color:" . esc_attr( $swc_single_product_button_color)  . "; }"."\n";		
                $custom .= ".woocommerce div.product button:hover { color:" . esc_attr( $swc_single_product_button_color)  . ";background-color:transparent; }"."\n";			
            }

$swc_single_product_button_size = get_theme_mod( 'swc_single_product_button_size', 'medium' );
            if ( 'small' == $swc_single_product_button_size ) {
                $custom .= ".woocommerce div.product button { padding: 8px 28px; }"."\n";
                $custom .= ".woocommerce div.product .quantity .qty { height: 42px; }.woocommerce div.product form.cart div.quantity .q-plus, .woocommerce div.product form.cart div.quantity .q-min {line-height:42px;}"."\n";
            } elseif ( 'large' == $swc_single_product_button_size ) {
                $custom .= ".woocommerce div.product button { padding: 16px 42px; }"."\n";
                $custom .= ".woocommerce div.product .quantity .qty { height: 58px; }.woocommerce div.product form.cart div.quantity .q-plus, .woocommerce div.product form.cart div.quantity .q-min {line-height:58px;}"."\n";
            }

//Woocommerce single sticky add to cart
            $single_sticky_add_to_cart_elements_spacing = get_theme_mod( 'single_sticky_add_to_cart_elements_spacing', 35 );
			$single_sticky_add_to_cart = get_theme_mod( 'single_sticky_add_to_cart', 0 );

if( $single_sticky_add_to_cart ) {
				$custom .= $this->get_border_color_rgba_css( 'single_sticky_add_to_cart_style_color_border', '#ebebeb', '.sydney-single-sticky-add-to-cart-wrapper', 0.9 );
				$custom .= $this->get_background_color_css( 'single_sticky_add_to_cart_style_color_background', '', '.sydney-single-sticky-add-to-cart-wrapper, .sydney-single-sticky-add-to-cart-wrapper input[type="number"], .sydney-single-sticky-add-to-cart-wrapper select' );
				$custom .= $this->get_color_css( 'single_sticky_add_to_cart_style_color_content', '', '.sydney-single-sticky-add-to-cart-wrapper .quantity .sydney-quantity-plus,.sydney-single-sticky-add-to-cart-wrapper .quantity .sydney-quantity-minus,.sydney-single-sticky-add-to-cart-wrapper .sydney-quantity-minus,.sydney-single-sticky-add-to-cart-wrapper .sydney-quantity-plus,.sydney-single-sticky-add-to-cart-wrapper .price, .sydney-single-sticky-add-to-cart-wrapper .sydney-single-sticky-add-to-cart-wrapper-content .variations_form table.variations .label, .sydney-single-sticky-add-to-cart-wrapper select, .sydney-single-sticky-add-to-cart-wrapper .qty' );
				$custom .= $this->get_color_css( 'single_sticky_add_to_cart_style_color_title', '', '.sydney-single-sticky-add-to-cart-wrapper h5' );           
                $custom .= $this->get_border_color_css( 'single_sticky_add_to_cart_style_color_content', '', '.sydney-single-sticky-add-to-cart-wrapper select, .sydney-single-sticky-add-to-cart-wrapper .quantity, .sydney-single-sticky-add-to-cart-wrapper .sydney-quantity-minus:before,.sydney-single-sticky-add-to-cart-wrapper .sydney-quantity-plus:before' );
                
                $custom .= '.sydney-single-sticky-add-to-cart-wrapper .price del { color: '. esc_attr( get_theme_mod( 'single_sticky_add_to_cart_style_color_content', '#000000' ) ) .'; opacity: 0.5; }';
				$custom .= '.sydney-single-sticky-add-to-cart-wrapper .sydney-single-sticky-add-to-cart-wrapper-content .sydney-single-sticky-add-to-cart-item { margin-right: '. esc_attr( $single_sticky_add_to_cart_elements_spacing ) .'px; }';
			}

//Woocommerce single tabs
			$single_product_tabs_layout    = get_theme_mod( 'single_product_tabs_layout', 'style1' );

switch ( $single_product_tabs_layout ) {
				case 'style1':
					$custom .= $this->get_border_color_css( 'single_product_tabs_border_color_active', '', '.sydney-tabs-style1 .woocommerce-tabs ul.tabs li.active a, .sydney-tabs-style1 .woocommerce-tabs ul.tabs li:hover a' );
					$custom .= $this->get_border_bottom_color_rgba_css( 'single_product_tabs_remaining_borders', '#233452', '.sydney-tabs-style1 .woocommerce-tabs ul.tabs', '0.3' );
					break;
				case 'style2':
					$custom .= $this->get_border_top_color_css( 'single_product_tabs_border_color_active', '', '.sydney-tabs-style2 .woocommerce-tabs ul.tabs li.active a, .sydney-tabs-style2 .woocommerce-tabs ul.tabs li:hover a' );
					$custom .= $this->get_border_color_rgba_css( 'single_product_tabs_remaining_borders', '#233452', '.sydney-tabs-style2 .woocommerce-tabs ul.tabs li a, .sydney-tabs-style2 .woocommerce-tabs ul.tabs, .sydney-tabs-style2 .woocommerce-tabs ul.tabs li:not(.active):not(:hover) a', '0.3' );
					break;	
				case 'style3':
					$custom .= $this->get_background_color_rgba_css( 'single_product_tabs_background_color', '#f5f5f5', '.sydney-tabs-style3 .woocommerce-tabs ul.tabs li:not(.active) a, .sydney-tabs-style3 .woocommerce-tabs ul.tabs li:not(.active):hover a', '0.5' );
					$custom .= $this->get_background_color_css( 'single_product_tabs_background_color_active', '#f5f5f5', '.sydney-tabs-style3 .woocommerce-tabs ul.tabs li.active a, .sydney-tabs-style3 .woocommerce-tabs ul.tabs li:hover a' );
					$custom .= $this->get_border_bottom_color_rgba_css( 'single_product_tabs_remaining_borders', '#233452', '.sydney-tabs-style3 .woocommerce-tabs ul.tabs', '0.3' );
					break;
				case 'style4':
					$custom .= $this->get_border_color_css( 'single_product_tabs_border_color_active', '', '.sydney-tabs-style4 .woocommerce-tabs ul.tabs li.active a, .sydney-tabs-style4 .woocommerce-tabs ul.tabs li:hover a' );
					$custom .= $this->get_background_color_css( 'single_product_tabs_background_color', '#f5f5f5', '.sydney-tabs-style4 .woocommerce-tabs ul.tabs li:not(.active) a' );
					$custom .= $this->get_background_color_css( 'single_product_tabs_background_color_active', '#f5f5f5', '.sydney-tabs-style4 .woocommerce-tabs ul.tabs li.active a' );
					$custom .= $this->get_border_color_rgba_css( 'single_product_tabs_remaining_borders', '#233452', '.sydney-tabs-style4 .woocommerce-tabs ul.tabs:before, .sydney-tabs-style4 .woocommerce-tabs ul.tabs li:not(.active) a', '0.3' );
					break;
				case 'style5':
					$color_rgba = Sydney_Custom_CSS::get_instance()->to_rgba( get_theme_mod( 'single_product_tabs_remaining_borders', '#233452' ), '0.3' );

$custom .= $this->get_background_color_rgba_css( 'single_product_tabs_background_color', '#f5f5f5', '.sydney-tabs-style5 .woocommerce-tabs ul.tabs li:not(.active) a', '0.4' );
					$custom .= $this->get_background_color_rgba_css( 'single_product_tabs_background_color_active', '#f5f5f5', '.sydney-tabs-style5 .woocommerce-tabs ul.tabs li.active a, .sydney-tabs-style5 .woocommerce-tabs .panel', '1' );
					$custom .= $this->get_border_color_rgba_css( 'single_product_tabs_remaining_borders', '#233452', '.sydney-tabs-style5 .woocommerce-tabs ul.tabs li a, .sydney-tabs-style5 .woocommerce-tabs .panel', '0.3' );
					$custom .= '.sydney-tabs-style5 .woocommerce-tabs ul.tabs li:not(.active) a { border-right: 1px solid '.  esc_attr( $color_rgba ) .' }';
					$custom .= '.sydney-tabs-style5.sydney-tabs-align-center .woocommerce-tabs ul.tabs li+li a { border-top-color: '.  esc_attr( $color_rgba ) .'; border-right-color: '.  esc_attr( $color_rgba ) .' }';
					break;
					
				case 'style6':
					$custom .= $this->get_color_css( 'single_product_tabs_text_color', '#233452', '.sydney-accordion__item>a' );
					$custom .= $this->get_border_color_rgba_css( 'single_product_tabs_text_color', '#233452', '.sydney-accordion__item>a:after', 0.5 );
					$custom .= $this->get_color_css( 'single_product_tabs_text_color_active', '#233452', '.sydney-accordion__item>a.active, .sydney-accordion__item>a:hover, .sydney-accordion__item>a:focus' );
					$custom .= $this->get_border_color_css( 'single_product_tabs_text_color_active', '#233452', '.sydney-accordion__item>a.active:after, .sydney-accordion__item>a:hover:after, .sydney-accordion__item>a:focus:after' );
					$custom .= $this->get_border_color_rgba_css( 'single_product_tabs_remaining_borders', '#233452', '.sydney-accordion__item', 0.5 );
					break;
					
			}

$custom .= $this->get_color_css( 'single_product_tabs_text_color', '', '.woocommerce-tabs ul.tabs li:not(.active) a ,.woocommerce-tabs ul.tabs li:not(.active) a:hover' );
			$custom .= $this->get_color_css( 'single_product_tabs_text_color_active', '', '.woocommerce-tabs ul.tabs li.active a,.woocommerce-tabs ul.tabs li.active a:hover' );

//Single Product - Reviews Advanced
			$single_product_reviews_advanced_enable = get_theme_mod( 'single_product_reviews_advanced_enable', 0 );
			if( $single_product_reviews_advanced_enable ) {
                $single_product_reviews_advanced_section_bg_color = get_theme_mod( 'single_product_reviews_advanced_section_bg_color');
				$custom .= $this->get_background_color_css( 'single_product_reviews_advanced_section_bg_color', '#FFF', '.single-product .site-main>.product>section.products.sydney-adv-reviews:after, .sydney-reviews-orderby', true );
				$custom .= $this->get_color_css( 'single_product_reviews_advanced_stars_bg_color', '#777', '.star-rating.sydney-star-rating-style2:before, .star-rating::before' );
				$custom .= $this->get_color_css( 'single_product_reviews_advanced_stars_color', '#FFA441', '.star-rating.sydney-star-rating-style2 span:before, .star-rating span::before, .sydney-adv-reviews-modal .sydney-adv-reviews-modal-body .sydney-adv-reviews-modal-content .stars:hover a:before' );
                $custom .= $this->get_background_color_css( 'color_link_default', '', '.sydney-star-rating-bars .sydney-star-rating-bar-item .item-bar .item-bar-inner' );
				$custom .= $this->get_border_color_rgba_css( 'body_text_color', '#233452', '.sydney-reviews-list-wrapper .sydney-reviews-list-item+.sydney-reviews-list-item', 0.15 );

if ( '#FFF' !== $single_product_reviews_advanced_section_bg_color && '#ffffff' !== $single_product_reviews_advanced_section_bg_color ) {
                    $custom .= '.sydney-adv-reviews { padding: 60px 0; }';
                }
			}

//Header image
            $header_bg_size = get_theme_mod('header_bg_size','cover');	
            $header_height = get_theme_mod('header_height','300');
            $custom .= ".header-image { background-size:" . esc_attr($header_bg_size) . ";}"."\n";
            $custom .= ".header-image { height:" . intval($header_height) . "px; }"."\n";

//Menu style
            $sticky_menu = get_theme_mod('sticky_menu','sticky');
            if ($sticky_menu == 'static') {
                $custom .= ".site-header.fixed { position: absolute;}"."\n";
            }
            $menu_style = get_theme_mod('menu_style','inline');
            if ($menu_style == 'centered') {
                $custom .= ".header-wrap .col-md-4, .header-wrap .col-md-8 { width: 100%; text-align: center;}"."\n";
                $custom .= "#mainnav { float: none;}"."\n";
                $custom .= "#mainnav li { float: none; display: inline-block;}"."\n";
                $custom .= "#mainnav ul ul li { display: block; text-align: left; float:left;}"."\n";
                if( get_bloginfo( 'description' ) || get_bloginfo( 'name' ) || get_theme_mod('site_logo') ) {
                    $custom .= ".site-logo, .header-wrap .col-md-4 { margin-bottom: 15px; }"."\n";
                }
                $custom .= ".btn-menu { margin: 0 auto; float: none; }"."\n";
                $custom .= ".header-wrap .container > .row { display: block; }"."\n";
            }

//__COLORS
            //Primary color
            $primary_color = get_theme_mod( 'primary_color', '#e64e4e' );
            if ( $primary_color != '#d65050' ) {
            $custom .= ".llms-student-dashboard .llms-button-secondary:hover,.llms-button-action:hover,.facts-section.style2 .roll-counter i,.roll-team.type-b.style2 .team-item .team-social li:hover a,.portfolio-section.style2 .project-filter li a:hover,.timeline-section.style2 .timeline .icon .fa::before, .style1 .plan-icon, .style3 .plan-icon, .roll-team.type-b .team-social li a,#mainnav ul li a:hover, .sydney_contact_info_widget span, .roll-team .team-content .name,.roll-team .team-item .team-pop .team-social li:hover a,.roll-infomation li.address:before,.roll-infomation li.phone:before,.roll-infomation li.email:before,.roll-button.border,.roll-button:hover,.roll-icon-list .icon i,.roll-icon-list .content h3 a:hover,.roll-icon-box.white .content h3 a,.roll-icon-box .icon i,.roll-icon-box .content h3 a:hover,.switcher-container .switcher-icon a:focus,.go-top:hover,.hentry .meta-post a:hover,#mainnav > ul > li > a.active, #mainnav > ul > li > a:hover, button:hover, input[type=\"button\"]:hover, input[type=\"reset\"]:hover, input[type=\"submit\"]:hover, .text-color, .social-menu-widget a, .social-menu-widget a:hover, .archive .team-social li a, a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .classic-alt .meta-post a, .single .meta-post a, .header-contact .fa,.social-navigation li a:hover,.widget_sydney_testimonials .fa-quote-left,.timeline-section.style2 .timeline-date, .content-area.modern .hentry .meta-post span:before, .content-area.modern .post-cat,.content-area.modern .read-more-gt { color:" . esc_attr($primary_color) . "}"."\n";
            $custom .= ".sydney-post-sharing .sharing-element:hover,.llms-student-dashboard .llms-button-secondary,.llms-button-action,.roll-team.type-b.style2 .avatar::after,.project-filter li a.active, .project-filter li a:hover,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.project-filter li.active, .project-filter li:hover,.roll-team.type-b .team-item .team-social li:hover a,.preloader .pre-bounce1, .preloader .pre-bounce2,.roll-team .team-item .team-pop,.roll-progress .progress-animate,.roll-socials li a:hover,.roll-project .project-item .project-pop,.roll-project .project-filter li.active,.roll-project .project-filter li:hover,.roll-button.light:hover,.roll-button.border:hover,.roll-button,.roll-icon-box.white .icon,.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span,.go-top,.bottom .socials li:hover a,.sidebar .widget:before,.blog-pagination ul li.active,.blog-pagination ul li:hover a,.content-area .hentry:after,.text-slider .maintitle:after,.error-wrap #search-submit:hover,#mainnav .sub-menu li:hover > a,#mainnav ul li ul:after, button, input[type=\"button\"], input[type=\"reset\"], input[type=\"submit\"], .panel-grid-cell .widget-title:after, .social-section.style2 .social-menu-widget li a:hover, .count-number, .cart-amount, .sydney-video.vid-lightbox .toggle-popup,.footer-contact .widget-title:after,.fp-contact .fa,.pricing-section.style4 .plan-item.featured-plan .plan-header, .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color:" . esc_attr($primary_color) . "}"."\n";
            $custom .= ".llms-student-dashboard .llms-button-secondary,.llms-student-dashboard .llms-button-secondary:hover,.llms-button-action,.llms-button-action:hover,.owl-theme .owl-controls .owl-page:hover span,.owl-theme .owl-controls .owl-page.active span,.roll-team.type-b .team-social li a,.roll-socials li a:hover,.roll-socials li a,.roll-button.light:hover,.roll-button.border,.roll-button,.roll-icon-list .icon,.roll-icon-box .icon,.comment .comment-detail,.widget-tags .tag-list a:hover,.blog-pagination ul li,.error-wrap #search-submit:hover,textarea:focus,input[type=\"text\"]:focus,input[type=\"password\"]:focus,input[type=\"datetime\"]:focus,input[type=\"datetime-local\"]:focus,input[type=\"date\"]:focus,input[type=\"month\"]:focus,input[type=\"time\"]:focus,input[type=\"week\"]:focus,input[type=\"number\"]:focus,input[type=\"email\"]:focus,input[type=\"url\"]:focus,input[type=\"search\"]:focus,input[type=\"tel\"]:focus,input[type=\"color\"]:focus, button, input[type=\"button\"], input[type=\"reset\"], input[type=\"submit\"], .archive .team-social li a,.latest-news-wrapper.carousel.style2 .meta-post a:hover { border-color:" . esc_attr($primary_color) . "}"."\n";
            }
            //Primary color SVGs
            $custom .= ".sydney_contact_info_widget span, .header-contact-info svg, .site-header .cart-contents:hover svg, .site-header .header-account:hover svg { fill:" . esc_attr( $primary_color ) . ";}" . "\n";
			$custom .= $this->get_stroke_css( 'primary_color', '', '.go-top:hover svg' );

$timeline_icon = $this->hex2rgba($primary_color, 0.25);
            $custom .= ".timeline-section.style2 .timeline .icon { background-color:" . esc_attr($timeline_icon) . "!important;}" . "\n";
            //Menu background
            $menu_bg_color = get_theme_mod( 'menu_bg_color', '#000000' );
            $rgba = $this->hex2rgba($menu_bg_color, 0.9);
            $custom .= ".site-header.float-header { background-color:" . esc_attr($rgba) . ";}" . "\n";
            $custom .= "@media only screen and (max-width: 1024px) { .site-header { background-color:" . esc_attr($menu_bg_color) . ";}}" . "\n";
            //Top level menu items color
            $top_items_color = get_theme_mod( 'top_items_color', '#ffffff' );
            $custom .= "#mainnav ul li a, #mainnav ul li::before { color:" . esc_attr($top_items_color) . "}"."\n";
            
            //Sub menu items color
            $submenu_items_color = get_theme_mod( 'submenu_items_color', '#ffffff' );
            $custom .= "#mainnav .sub-menu li a { color:" . esc_attr($submenu_items_color) . "}"."\n";
            //Sub menu background
            $submenu_background = get_theme_mod( 'submenu_background', '#1c1c1c' );
            $custom .= "#mainnav .sub-menu li a { background:" . esc_attr($submenu_background) . "}"."\n";
            //Header slider text
            $slider_text = get_theme_mod( 'slider_text', '#ffffff' );
            $custom .= ".text-slider .maintitle, .text-slider .subtitle { color:" . esc_attr($slider_text) . "}"."\n";
            $custom .= $this->get_font_sizes_css( 'hero_slider_title', $defaults = array( 'desktop' => 68, 'tablet' => 32, 'mobile' => 18 ), '.text-slider .maintitle' );
            $custom .= $this->get_font_sizes_css( 'hero_slider_subtitle', $defaults = array( 'desktop' => 18, 'tablet' => 18, 'mobile' => 16 ), '.text-slider .subtitle' );

$slider_v_alignment = get_theme_mod( 'slider_v_alignment', 'middle' );
            if ( $slider_v_alignment == 'top' ) {
                $custom .= ".slide-inner { top: 0;transform:none;padding-top:30px;}"."\n";
            } elseif ( $slider_v_alignment == 'bottom' ) {
                $custom .= ".slide-inner { bottom: 0;transform:none;padding-bottom:30px;}"."\n";
            }

$custom .= $this->get_background_color_css( 'hero_slider_overlay', '', '.slider-overlay' );
			$custom .= $this->get_color_css( 'hero_slider_title_color', '', '.text-slider .maintitle' );
			$custom .= $this->get_color_css( 'hero_slider_subtitle_color', '', '.text-slider .subtitle' );
			$custom .= $this->get_max_width_css( 'hero_slider_content_width', $defaults = array( 'desktop' => 100, 'tablet' => 100, 'mobile' => 100 ), '.text-slider', $units = '%' );

$slider_text_animation = get_theme_mod( 'slider_text_animation', 'slideInRight' );
            $custom .= ".text-slider { animation-name:" . esc_attr($slider_text_animation) . "}"."\n";

$slider_button_animation = get_theme_mod( 'slider_button_animation', 'none' );
            $custom .= ".button-slider { animation-name:" . esc_attr($slider_button_animation) . "}"."\n";

$slider_title_decoration = get_theme_mod( 'slider_title_decoration', 1 );
            if ( !$slider_title_decoration ) {
                $custom .= ".text-slider .maintitle:after { display:none;}"."\n";
            }

//Body
            $body_text = get_theme_mod( 'body_text_color' );
            $custom .= "body { color:" . esc_attr($body_text) . "}"."\n";
            //Sidebar background
            $sidebar_background = get_theme_mod( 'sidebar_background', '#ffffff' );
            $custom .= "#secondary { background-color:" . esc_attr($sidebar_background) . ";}"."\n";

//Sidebar color
            $sidebar_color = get_theme_mod( 'sidebar_color', '#737C8C' );
            $custom .= "#secondary, #secondary a { color:" . esc_attr($sidebar_color) . "}"."\n";	
            //Footer widget area background
            $footer_widgets_background = get_theme_mod( 'footer_widgets_background', '#252525' );
            $custom .= ".footer-widgets { background-color:" . esc_attr($footer_widgets_background) . "}"."\n";	
            //Footer widget area color
            $footer_widgets_color = get_theme_mod( 'footer_widgets_color', '#767676' );
            if ( $footer_widgets_color != '#767676' ) {
                $custom .= "#sidebar-footer,#sidebar-footer a,.footer-widgets .widget-title { color:" . esc_attr($footer_widgets_color) . "}"."\n";	
            }
            //Footer background
            $footer_background = get_theme_mod( 'footer_background', '#1c1c1c' );
            $custom .= ".site-footer { background-color:" . esc_attr($footer_background) . "}"."\n";	
            //Footer color
            $footer_color = get_theme_mod( 'footer_color', '#666666' );
            $custom .= ".site-footer,.site-footer a { color:" . esc_attr($footer_color) . "}"."\n";	
            //Rows overlay
            $rows_overlay = get_theme_mod( 'rows_overlay', '#000000' );
            $custom .= ".overlay { background-color:" . esc_attr($rows_overlay) . "}"."\n";	
            //Mobile menu icon
            $mobile_menu_color = get_theme_mod( 'mobile_menu_color', '#ffffff' );
            $custom .= ".btn-menu .sydney-svg-icon { fill:" . esc_attr($mobile_menu_color) . "}"."\n";

//Menu items hover
            $menu_items_hover = get_theme_mod( 'menu_items_hover', '#d65050' );
            $custom .= "#mainnav ul li a:hover, .main-header #mainnav .menu > li > a:hover { color:" . esc_attr($menu_items_hover) . "}"."\n";

//PRO STYLES
            //Ext. footer module
            $enable_footer_reveal       = get_theme_mod( 'enable_footer_reveal', 0 );
            $footer_reveal_visibility   = get_theme_mod( 'footer_reveal_visibility', 'desktop-only' );

if ( $enable_footer_reveal ) {
                if ( 'desktop-only' === $footer_reveal_visibility ) {
                    $custom .= "@media (min-width:992px) { #content {background-color:#fff;position:relative;z-index:11;} .footer-wrapper { z-index:0;position:sticky;bottom:0;left:0;width:100%;} }"."\n";	
                } elseif ( 'all' === $footer_reveal_visibility ) {
                    $custom .= "#content {background-color:#fff;position:relative;z-index:11;} .footer-wrapper { z-index:0;position:sticky;bottom:0;left:0;width:100%;}"."\n";	
                } else {
                    $custom .= "@media (max-width:991px) { #content {background-color:#fff;position:relative;z-index:11;} .footer-wrapper { z-index:0;position:sticky;bottom:0;left:0;width:100%;} }"."\n";	
                }
            }

//separators
            $custom .= $this->get_height_css( 'footer_separator_height', $defaults = array( 'desktop' => 150, 'tablet' => 150, 'mobile' => 100 ), '.footer-separator div, .footer-separator svg' );
            $footer_separator_width_desktop = get_theme_mod( 'footer_separator_width_desktop', 100 );
            $footer_separator_width_tablet  = get_theme_mod( 'footer_separator_width_tablet', 100 );
            $footer_separator_width_mobile  = get_theme_mod( 'footer_separator_width_mobile', 100 );
 
            $custom .= "@media (min-width: 992px) {.footer-separator svg { width:" . esc_attr($footer_separator_width_desktop) . "%;} }"."\n";
            $custom .= "@media (min-width: 576px) and (max-width:  991px) {.footer-separator svg { width:" . esc_attr($footer_separator_width_tablet) . "%;} }"."\n";
            $custom .= "@media (max-width: 575px) {.footer-separator svg { width:" . esc_attr($footer_separator_width_mobile) . "%;} }"."\n";
			
            $custom .= $this->get_fill_css( 'footer_separator_color', '', '.footer-separator svg' );
			$custom .= $this->get_background_color_css( 'footer_separator_shape_color', '', '.footer-separator div' );

//Footer center
            $footer_center = get_theme_mod( 'footer_center' );
            if ($footer_center) {
                $custom 	 .= ".site-info { text-align: center; }"."\n";
            }
            //Margin
            $title_margin = get_theme_mod( 'section_title_margin', '60' );
            $custom 	 .= ".panel-grid-cell .widget-title { margin-bottom:" . intval($title_margin) . "px; }"."\n";
            $custom 	 .= "@media only screen and (max-width: 1024px) { .panel-grid-cell .widget-title { margin-bottom:30px;}}" . "\n";

//Transform
            $title_transform = get_theme_mod( 'section_title_transform', 'none' );
            $custom 	 	.= ".panel-grid-cell .widget-title { text-transform:" . esc_attr($title_transform) . "; }"."\n";
            //Italicize
            $title_italicize = get_theme_mod( 'section_title_italicize' );
            if ($title_italicize) {
                $custom 	 	.= ".panel-grid-cell .widget-title { font-style: italic; }"."\n";
            }
            //Align
            $title_style 	= get_theme_mod( 'section_title_style', 'default' );
            if ($title_style == 'bordered') {
                $custom 	 .= ".panel-grid-cell .widget-title:after { display:none; }"."\n";
                $custom 	 .= ".panel-grid-cell .widget-title { border: 2px solid; border-radius: 5px;display: table; padding: 15px 10px; }"."\n";
            } elseif ($title_style == 'solid') {
                $custom 	 .= ".panel-grid-cell .widget-title { display: table; border-radius: 5px; padding: 15px 10px; background-color: #444; color: #fff; }"."\n";
                $custom 	 .= ".panel-grid-cell .widget-title:after { display:none; }"."\n";
            }
            //Contact info
            if (get_theme_mod('toggle_contact') && ((is_front_page() && get_theme_mod('front_header_type','slider') != 'nothing') || (!is_front_page() && get_theme_mod('site_header_type','slider') != 'nothing')) ) {
                $custom .= ".site-header {margin-top: 55px;}"."\n";
                $custom .= "@media only screen and (max-width: 991px) { .site-header {margin-top: 0;} }"."\n";
                $custom .= ".site-header.fixed {margin-top: 0;}"."\n";
            }
            if (get_theme_mod('contact_center')) {
                $custom .= ".header-contact {text-align: center;}"."\n";
            }
            $contact_background = get_theme_mod( 'contact_background', '#1c1c1c' );
            $custom .= ".header-contact { background-color:" . esc_attr($contact_background) . "}"."\n";
            $custom .= "@media only screen and (max-width:1024px) {.has-hero .header-contact { background-color:" . esc_attr($contact_background) . "} }"."\n";

$contact_color = get_theme_mod( 'contact_color', '#c5c5c5' );
            $custom .= ".header-contact { color:" . esc_attr($contact_color) . "}"."\n";

//Buttons
            $buttons_type = get_theme_mod('buttons_type','default');
            if ($buttons_type != 'default') {
                if ($buttons_type == 'bordered-left-fill') {
                    //Fill left to right
                    $custom .= ".roll-button:hover { background-color: transparent;color:#fff;}"."\n";
                    $custom .= ".roll-button:after { border-radius:" . intval(get_theme_mod( 'buttons_radius','3' )) . "px;background-color:" . esc_attr($primary_color) . "; width: 0; height: 100%; position: absolute; top: 0;left:0;z-index:-1;content: '';transition: all 0.3s;-webkit-transition: all 0.3s;}"."\n";
                    $custom .= ".roll-button { background-color: transparent;position: relative;z-index:1;color:" . esc_attr($primary_color) . ";}"."\n";
                    $custom .= ".roll-button:hover:after { width: 100%;}"."\n";
                } elseif ($buttons_type == 'bordered-top-fill') {
                    //Fill top to bottom
                    $custom .= ".roll-button:hover { background-color: transparent;color:#fff;}"."\n";
                    $custom .= ".roll-button:after { border-radius:" . intval(get_theme_mod( 'buttons_radius','3' )) . "px;background-color:" . esc_attr($primary_color) . "; width: 100%; height: 0; position: absolute; top: 0;left:0;z-index:-1;content: '';transition: all 0.3s;-webkit-transition: all 0.3s;}"."\n";
                    $custom .= ".roll-button { background-color: transparent;position: relative;z-index:1;color:" . esc_attr($primary_color) . ";}"."\n";
                    $custom .= ".roll-button:hover:after { height: 100%;}"."\n";
                } elseif ($buttons_type == 'bordered-center-fill') {
                    //Fill center to sides
                    $custom .= ".roll-button:hover { background-color: transparent;color:#fff;}"."\n";
                    $custom .= ".roll-button:after { border-radius:" . intval(get_theme_mod( 'buttons_radius','3' )) . "px;background-color:" . esc_attr($primary_color) . "; width: 0; height: 100%; position: absolute; top: 0;left:50%;z-index:-1;content: '';transition: all 0.3s;-webkit-transition: all 0.3s;}"."\n";
                    $custom .= ".roll-button { background-color: transparent;position: relative;z-index:1;color:" . esc_attr($primary_color) . ";}"."\n";
                    $custom .= ".roll-button:hover:after { width: 102%;transform:translateX(-50%);}"."\n";
                } elseif ($buttons_type == 'solid') {
                    //Filled
                    $custom .= ".roll-button.border { color: #fff;background-color:" . esc_attr($primary_color) . ";}"."\n";
                    $custom .= ".roll-button.border:hover { background-color: transparent;color:" . esc_attr($primary_color) . ";}"."\n";	
                } elseif ($buttons_type == 'bordered') {
                    //Bordered
                    $custom .= ".roll-button { color:" . esc_attr($primary_color) . ";background-color:transparent;}"."\n";
                    $custom .= ".roll-button:hover { color: #fff;background-color:" . esc_attr($primary_color) . ";}"."\n";
                }
            }

//Below header widget area
            $center_bh_widgets = get_theme_mod( 'center_bh_widgets','0' );
            if ($center_bh_widgets) {
                $custom .= ".header-widgets {text-align: center;}"."\n";
            }
            $bg_bh_widgets = get_theme_mod( 'bg_bh_widgets','#ffffff' );
            $custom .= ".header-widgets {background-color:" . esc_attr($bg_bh_widgets) . ";}"."\n";
            $color_bh_widgets = get_theme_mod( 'color_bh_widgets','#767676' );
            $custom .= ".header-widgets {color:" . esc_attr($color_bh_widgets) . ";}"."\n";

//Post/page options
            $background_img 	= get_post_meta( get_the_ID(), 'wpcf-single-background-image', true );
            $background_color 	= get_post_meta( get_the_ID(), 'wpcf-single-background-color', true );
            $hide_title 		= get_post_meta( get_the_ID(), 'wpcf-single-hide-title', true );
            $content_opacity 	= get_post_meta( get_the_ID(), 'wpcf-single-content-opacity', true );
            global $post;
            if ( $background_img ) {
                if (is_single()) {
                    $custom .= ".postid-" . $post->ID . " { background-image: url('" . esc_url($background_img) . "') !important; background-attachment: fixed !important; background-repeat: no-repeat !important; background-size: cover;}"."\n";
                } elseif (is_page()){
                    $custom .= ".page-id-" . $post->ID . " { background-image: url('" . esc_url($background_img) . "') !important; background-attachment: fixed !important; background-repeat: no-repeat !important; background-size: cover;}"."\n";
                }
            }
            if ($hide_title) {
                if (is_single()) {
                    $custom .= ".postid-" . $post->ID . " .entry-header { display: none;}"."\n";
                } elseif (is_page()){
                    $custom .= ".page-id-" . $post->ID . " .entry-header { display: none;}"."\n";
                }    	
            }
            if ( $background_color ) {
                if (is_single()) {
                    $custom .= ".postid-" . $post->ID . " { background-color:" . esc_attr($background_color) . " !important; background-image: none !important;}"."\n";
                } elseif (is_page()){
                    $custom .= ".page-id-" . $post->ID . " { background-color:" . esc_attr($background_color) . " !important; background-image: none !important;}"."\n";
                }
            }
            if ($content_opacity) {
                if (is_single()) {
                    $custom .= ".postid-" . $post->ID . " .page-wrap .content-wrapper { background-color: rgba(255,255,255," . esc_attr($content_opacity) . ");}"."\n";
                } elseif (is_page()){
                    $custom .= ".page-id-" . $post->ID . " .page-wrap .content-wrapper { background-color: rgba(255,255,255," . esc_attr($content_opacity) . ");}"."\n";
                }    	
            }

//Woocommerce
            if ( class_exists('Woocommerce') ) {

if ( !get_option('sydney_woo_content_pos_disable') ) {
                    $wc_content_layout = get_theme_mod( 'swc_content_position', 'right' );
                    if ( $wc_content_layout ) {
                        $custom .= ".woocommerce .content-area, .woocommerce-cart .content-area, .woocommerce-checkout .content-area {float:" . $wc_content_layout . ";}"."\n"; 
                    }
                }

$shop_columns = get_theme_mod( 'swc_columns_number', 3 );
                if ( $shop_columns == 3 ) {
                    $custom .= "@media only screen and (min-width: 769px) {.woocommerce .content-area ul.products li.product, .woocommerce-page .content-area ul.products li.product { width: 30.8%; } }"."\n"; 
                } elseif ( $shop_columns == 2 ) {
                    $custom .= "@media only screen and (min-width: 769px) {.woocommerce .content-area ul.products li.product, .woocommerce-page .content-area ul.products li.product { width: 48.1%; } }"."\n";

} elseif ( ( $shop_columns == 1 ) &&  ( sydney_wc_archive_check() ) ) {
                    $custom .= "@media only screen and (min-width: 769px) {.woocommerce .content-area ul.products li.product, .woocommerce-page .content-area ul.products li.product { width: 100%; } }"."\n"; 
                    $custom .= "@media only screen and (min-width: 769px) {.woocommerce ul.products li.product .woocommerce-LoopProduct-link h3, .woocommerce ul.products li.product .woocommerce-LoopProduct-link .price, .woocommerce ul.products li.product .woocommerce-LoopProduct-link p { width: 70%; float: left; } }"."\n"; 
                    $custom .= "@media only screen and (min-width: 769px) {.woocommerce ul.products li.product .woocommerce-LoopProduct-link img { width: 30%; float: left; } }"."\n"; 		
                    $custom .= "@media only screen and (min-width: 769px) {.woocommerce ul.products li.product .woocommerce-LoopProduct-link img { padding-right: 30px; } }"."\n"; 
                    $custom .= "@media only screen and (min-width: 769px) {.woocommerce ul.products li.product .onsale { left: 0; right: auto; } }"."\n"; 
                    $custom .= "@media only screen and (min-width: 769px) {.woocommerce .content-area ul.products li.product, .woocommerce-page .content-area ul.products li.product { padding-bottom:15px; border-bottom: 1px solid #ebe9eb; } }"."\n"; 
                }
                $archive_price 		= get_theme_mod( 'swc_archive_price' );
                $archive_ratings 	= get_theme_mod( 'swc_archive_ratings' );
                if ( $archive_price ) {
                    $custom .= ".woocommerce.post-type-archive-product ul.products li.product .price {display:none;}"."\n";
                }
                if ( $archive_ratings) {
                    $custom .= ".woocommerce.post-type-archive-product ul.products li.product .star-rating {display:none;}"."\n";
                }
                $product_ratings    = get_theme_mod( 'swc_product_ratings' );
                if ( $product_ratings) {
                    $custom .= ".single-product .woocommerce-product-rating .star-rating {display:none;}"."\n";
                }
                $product_cats    = get_theme_mod( 'swc_product_cats' );
                if ( $product_cats) {
                    $custom .= ".single-product .product_meta {display:none;}"."\n";
                }
                $archive_results    = get_theme_mod( 'swc_archive_results' );
                if ( $archive_results ) {
                    $custom .= ".woocommerce .woocommerce-result-count {display:none;}"."\n";
                }   
                $archive_sorting    = get_theme_mod( 'swc_archive_sorting' );
                if ( $archive_sorting ) {
                    $custom .= ".woocommerce .woocommerce-ordering {display:none;}"."\n";
                }

//Wishlist
                $custom .= $this->get_background_color_css( 'shop_product_wishlist_icon_background_color', '', '.sydney-wishlist-button' );
                $custom .= $this->get_stroke_css( 'shop_product_wishlist_icon_active_color', '#d65050', '.sydney-wishlist-button:hover svg path, .sydney-wishlist-button.active svg path' );
                $custom .= $this->get_fill_css( 'shop_product_wishlist_icon_active_color', '#d65050', '.sydney-wishlist-button:hover svg path, .sydney-wishlist-button.active svg path' );
            }

//Page wrapper padding
            $pw_top_padding = get_theme_mod( 'wrapper_top_padding', '83' );
            $pw_bottom_padding = get_theme_mod( 'wrapper_bottom_padding', '100' );

$archive_header_container	= get_theme_mod( 'archive_title_container', 'container' );

if ( ( ( is_category() || is_tag() || is_author() ) && 'container-fluid' === $archive_header_container ) ) {
                $pw_top_padding = 0;
            }

if ( is_singular() ) {
                $post_type = get_post_type();
                $post_header_container	    = get_theme_mod( $post_type . '_header_container', 'container' );

if ( 'post' != $post_type ) {
                    $alignment = get_theme_mod( 'single_' . $post_type . '_header_alignment', 'left' );

$class = '.single-' . $post_type;
                    if ( is_page() ) {
                        $class = '.page';
                    }

if ( 'middle' === $alignment ) {
                        $custom .= $class. " .entry-header { text-align:center;} .single-post .entry-header .entry-meta { -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}" . "\n";
                    } elseif ( 'right' === $alignment ) {
                        $custom .= $class . " .entry-header { text-align:right;} .single-post .entry-header .entry-meta { -webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}" . "\n";
                    }
                }

if ( 'container-fluid' === $post_header_container ) {
                    $pw_top_padding = 0;
                }

//Boxed content
                $boxed = get_theme_mod( $post_type . '_boxed_content', 'unboxed' );
                if ( $boxed == 'boxed' ) {
                    $custom .= ".content-inner { padding: 60px; background-color: #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,0.05);}"."\n";
                    $custom .= "@media only screen and (max-width: 767px) { .content-inner {padding: 20px;} }" . "\n";
                }

} elseif ( is_tax( ) ) {
                $post_type = get_post_type();
                $archive_header_container	= get_theme_mod( $post_type . '_archive_title_container', 'container' );

if ( 'container-fluid' === $archive_header_container ) {
                    $pw_top_padding = 0;
                }
            }

$custom .= ".page-wrap { padding-top:" . intval($pw_top_padding) . "px;}"."\n";	
            $custom .= ".page-wrap { padding-bottom:" . intval($pw_bottom_padding) . "px;}"."\n";

$text_slide = get_theme_mod('textslider_slide', 0);
            if ( $text_slide ) {
                $custom .= ".slide-inner { display:none;}"."\n";	
                $custom .= ".slide-inner.text-slider-stopped { display:block;}"."\n";	
            }

$mobile_slider = get_theme_mod('mobile_slider', 'responsive');
            if ( $mobile_slider == 'responsive' ) {
                    $custom .= "@media only screen and (max-width: 1025px) {		
                    .mobile-slide {
                        display: block;
                    }
                    .slide-item {
                        background-image: none !important;
                    }
                    .header-slider {
                    }
                    .slide-item {
                        height: auto !important;
                    }
                    .slide-inner {
                        min-height: initial;
                    } 
                }"."\n";     	
            }

$header_custom_item_btn_tb_padding = get_theme_mod( 'header_custom_item_btn_tb_padding', '12' );
            $custom .= ".header-custom-item .roll-button { padding-top:" . esc_attr($header_custom_item_btn_tb_padding) . "px;padding-bottom:" . esc_attr($header_custom_item_btn_tb_padding) . "px;}"."\n";

$header_custom_item_btn_lr_padding = get_theme_mod( 'header_custom_item_btn_lr_padding', '12' );
            $custom .= ".header-custom-item .roll-button { padding-left:" . esc_attr($header_custom_item_btn_lr_padding) . "px;padding-right:" . esc_attr($header_custom_item_btn_lr_padding) . "px;}"."\n";

$header_custom_item_btn_font_size = get_theme_mod( 'header_custom_item_btn_font_size', '13' );
            $custom .= ".header-custom-item .roll-button { font-size:" . esc_attr($header_custom_item_btn_font_size) . "px;}"."\n";

$header_custom_item_btn_radius = get_theme_mod( 'header_custom_item_btn_radius', '3' );
            $custom .= ".header-custom-item .roll-button { border-radius:" . esc_attr($header_custom_item_btn_radius) . "px;}"."\n";

//AMP
            if ( 'sticky' == $sticky_menu && $is_amp ) {
                $custom .= ".site-header { position: -webkit-sticky;position: sticky;}"."\n";
            }	
            if ( $is_amp ) {
                $custom .= ".go-top { bottom: 30px;opacity:1;visibility:visible;}" . "\n";
            }

/* Start porting */
            /* Back to top */
			$scrolltop_radius 			= get_theme_mod( 'scrolltop_radius', 2 );
			$scrolltop_side_offset 		= get_theme_mod( 'scrolltop_side_offset', 20 );
			$scrolltop_bottom_offset 	= get_theme_mod( 'scrolltop_bottom_offset', 10 );
			$scrolltop_icon_size 		= get_theme_mod( 'scrolltop_icon_size', 16 );
			$scrolltop_padding 			= get_theme_mod( 'scrolltop_padding', 15 );

$custom .= ".go-top.show { border-radius:" . esc_attr( $scrolltop_radius ) . "px;bottom:" . esc_attr( $scrolltop_bottom_offset ) . "px;}" . "\n";
			$custom .= ".go-top.position-right { right:" . esc_attr( $scrolltop_side_offset ) . "px;}" . "\n";
			$custom .= ".go-top.position-left { left:" . esc_attr( $scrolltop_side_offset ) . "px;}" . "\n";
			$custom .= $this->get_background_color_css( 'scrolltop_bg_color', '', '.go-top' );
			$custom .= $this->get_background_color_css( 'scrolltop_bg_color_hover', '', '.go-top:hover' );
			$custom .= $this->get_color_css( 'scrolltop_color', '', '.go-top' );
			$custom .= $this->get_stroke_css( 'scrolltop_color', '', '.go-top svg' );
			$custom .= $this->get_color_css( 'scrolltop_color_hover', '', '.go-top:hover' );
			$custom .= $this->get_stroke_css( 'scrolltop_color_hover', '', '.go-top:hover svg' );
			$custom .= ".go-top .sydney-svg-icon, .go-top .sydney-svg-icon svg { width:" . esc_attr( $scrolltop_icon_size ) . "px;height:" . esc_attr( $scrolltop_icon_size ) . "px;}" . "\n";
			$custom .= ".go-top { padding:" . esc_attr( $scrolltop_padding ) . "px;}" . "\n";
        
            /* Footer */
			$footer_widgets_divider 		= get_theme_mod( 'footer_widgets_divider', 0 );
			$footer_widgets_divider_width 	= get_theme_mod( 'footer_widgets_divider_width', 'contained' );
			$footer_widgets_divider_size 	= get_theme_mod( 'footer_widgets_divider_size', 1 );
			$footer_widgets_divider_color 	= get_theme_mod( 'footer_widgets_divider_color' );

if ( $footer_widgets_divider ) {
				if ( 'contained' === $footer_widgets_divider_width ) {
					$custom .= ".footer-widgets-grid { border-top:" . esc_attr( $footer_widgets_divider_size ) . 'px solid ' . esc_attr( $footer_widgets_divider_color ) . ";}" . "\n";
				} else {
					$custom .= ".footer-widgets { border-top:" . esc_attr( $footer_widgets_divider_size ) . 'px solid ' . esc_attr( $footer_widgets_divider_color ) . ";}" . "\n";
				}
			}

$footer_credits_divider 		= get_theme_mod( 'footer_credits_divider', 0 );
			$footer_credits_divider_width 	= get_theme_mod( 'footer_credits_divider_width', 'contained' );
			$footer_credits_divider_size 	= get_theme_mod( 'footer_credits_divider_size', 0 );
			$footer_credits_divider_color 	= get_theme_mod( 'footer_credits_divider_color', 'rgba(33,33,33,0.1)' );			
			if ( $footer_credits_divider ) {
				if ( 'contained' === $footer_credits_divider_width ) {
					$custom .= ".site-info { border-top:" . esc_attr( $footer_credits_divider_size ) . 'px solid ' . esc_attr( $footer_credits_divider_color ) . ";}" . "\n";
				} else {
					$custom .= ".site-footer { border-top:" . esc_attr( $footer_credits_divider_size ) . 'px solid ' . esc_attr( $footer_credits_divider_color ) . ";}" . "\n";
				}
			} else {
				$custom .= ".site-info { border-top:0;}" . "\n";
			}

$footer_widgets_column_spacing_desktop = get_theme_mod( 'footer_widgets_column_spacing_desktop', 30 );
			$custom .= ".footer-widgets-grid { gap:" . esc_attr( $footer_widgets_column_spacing_desktop ) . "px;}" . "\n";
			$custom .= $this->get_top_bottom_padding_css( 'footer_widgets_padding', $defaults = array( 'desktop' => 95, 'tablet' => 60, 'mobile' => 60 ), '.footer-widgets-grid' );
			$custom .= $this->get_font_sizes_css( 'footer_widgets_title_size', $defaults = array( 'desktop' => 22, 'tablet' => 22, 'mobile' => 22 ), '.sidebar-column .widget .widget-title' );

$custom .= $this->get_background_color_css( 'footer_widgets_background', '', '.footer-widgets' );
			$custom .= $this->get_color_css( 'footer_widgets_title_color', '', '.sidebar-column .widget .widget-title' );
			$custom .= $this->get_color_css( 'footer_widgets_color', '', '.sidebar-column .widget, .sidebar-column h2, .sidebar-column h3, .sidebar-column h4, .sidebar-column h5, .sidebar-column h6' );
			$custom .= $this->get_color_css( 'footer_widgets_links_color', '', '.sidebar-column .widget a' );
            $custom .= $this->get_color_css( 'footer_widgets_headings_color', '', '.sidebar-column .widget h1, .sidebar-column .widget h2, .sidebar-column .widget h3, .sidebar-column .widget h4, .sidebar-column .widget h5, .sidebar-column .widget h6' );
			$custom .= $this->get_color_css( 'footer_widgets_links_hover_color', '', '.sidebar-column .widget a:hover' );
			$custom .= $this->get_background_color_css( 'footer_background', '', '.site-footer' );
			$custom .= $this->get_color_css( 'footer_color', '', '.site-info, .site-info a' );
			$custom .= $this->get_fill_css( 'footer_color', '', '.site-info .sydney-svg-icon svg' );

$footer_credits_padding = get_theme_mod( 'footer_credits_padding_desktop', 20 );
			$custom .= ".site-info { padding-top:" . esc_attr( $footer_credits_padding ) . 'px;padding-bottom:' . esc_attr( $footer_credits_padding ) . "px;}" . "\n";

//Buttons
			$custom .= $this->get_top_bottom_padding_css( 'button_top_bottom_padding', $defaults = array( 'desktop' => 12, 'tablet' => 12, 'mobile' => 12 ), 'button,.roll-button,a.button,.wp-block-button__link,input[type="button"],input[type="reset"],input[type="submit"]' );
			$custom .= $this->get_left_right_padding_css( 'button_left_right_padding', $defaults = array( 'desktop' => 35, 'tablet' => 35, 'mobile' => 35 ), 'button,.roll-button,a.button,.wp-block-button__link,input[type="button"],input[type="reset"],input[type="submit"]' );

$buttons_radius = get_theme_mod( 'buttons_radius', 3 );
			$custom .= "button,.roll-button,a.button,.wp-block-button__link,input[type=\"button\"],input[type=\"reset\"],input[type=\"submit\"], .wp-block-button__link { border-radius:" . intval( $buttons_radius ) . "px;}" . "\n";

$custom .= $this->get_font_sizes_css( 'button_font_size', $defaults = array( 'desktop' => 14, 'tablet' => 14, 'mobile' => 14 ), 'button,.roll-button,a.button,.wp-block-button__link,input[type="button"],input[type="reset"],input[type="submit"]' );
			$button_text_transform = get_theme_mod( 'button_text_transform', 'uppercase' );
			$custom .= "button,.roll-button,a.button,.wp-block-button__link,input[type=\"button\"],input[type=\"reset\"],input[type=\"submit\"] { text-transform:" . esc_attr( $button_text_transform ) . ";}" . "\n";

$custom .= $this->get_background_color_css( 'button_background_color', '', 'button,div.wpforms-container-full .wpforms-form input[type=submit],div.wpforms-container-full .wpforms-form button[type=submit],div.wpforms-container-full .wpforms-form .wpforms-page-button,.roll-button,a.button,.wp-block-button__link,input[type="button"],input[type="reset"],input[type="submit"]' );			
			$custom .= $this->get_background_color_css( 'button_background_color_hover', '', 'button:hover,div.wpforms-container-full .wpforms-form input[type=submit]:hover,div.wpforms-container-full .wpforms-form button[type=submit]:hover,div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,.roll-button:hover,a.button:hover,.wp-block-button__link:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover');

$custom .= $this->get_color_css( 'button_color', '', 'button,div.wpforms-container-full .wpforms-form input[type=submit],div.wpforms-container-full .wpforms-form button[type=submit],div.wpforms-container-full .wpforms-form .wpforms-page-button,.checkout-button.button,a.button,.wp-block-button__link,input[type="button"],input[type="reset"],input[type="submit"]' );			
			$custom .= $this->get_color_css( 'button_color_hover', '', 'button:hover,div.wpforms-container-full .wpforms-form input[type=submit]:hover,div.wpforms-container-full .wpforms-form button[type=submit]:hover,div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,.roll-button:hover,a.button:hover,.wp-block-button__link:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover' );

$button_border_color = get_theme_mod( 'button_border_color', '' );
			$button_border_color_hover = get_theme_mod( 'button_border_color_hover', '' );
			$custom .= ".is-style-outline .wp-block-button__link, div.wpforms-container-full .wpforms-form input[type=submit],div.wpforms-container-full .wpforms-form button[type=submit],div.wpforms-container-full .wpforms-form .wpforms-page-button,.roll-button, .wp-block-button__link.is-style-outline,button,a.button,.wp-block-button__link,input[type=\"button\"],input[type=\"reset\"],input[type=\"submit\"] { border-color:" . esc_attr( $button_border_color ) . ";}" . "\n";
			$custom .= "button:hover,div.wpforms-container-full .wpforms-form input[type=submit]:hover,div.wpforms-container-full .wpforms-form button[type=submit]:hover,div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,.roll-button:hover,a.button:hover,.wp-block-button__link:hover,input[type=\"button\"]:hover,input[type=\"reset\"]:hover,input[type=\"submit\"]:hover { border-color:" . esc_attr( $button_border_color_hover ) . ";}" . "\n";

//Blog
            $custom .= $this->get_min_height_css( 'post_header_size', $defaults = array( 'desktop' => 600, 'tablet' => 300, 'mobile' => 200 ), '.page-banner-inner:not(.cat-banner-inner)' );
            $custom .= $this->get_min_height_css( 'archive_header_size', $defaults = array( 'desktop' => 400, 'tablet' => 300, 'mobile' => 200 ), '.page-banner-inner.cat-banner-inner' );

$archive_header_alignment = get_theme_mod( 'archive_header_alignment', 'left' );
            $custom .= ".page-banner-inner.cat-banner-inner { text-align:" . esc_attr( $archive_header_alignment ) . ";}" . "\n";

$custom .= $this->get_background_color_css( 'single_post_rp_color', '', '.sydney-reading-progress__bar' );

$pagination_display = get_theme_mod( 'pagination_display', 'square' );

if ( 'circle' == $pagination_display ) {
                $custom .= ".woocommerce nav.woocommerce-pagination ul li .page-numbers, .nav-links .page-numbers { border-radius: 50%;}" . "\n";
            }

$pagination_align = get_theme_mod( 'pagination_align', 'left' );
            $custom .= ".navigation.pagination { text-align:" . esc_attr( $pagination_align ) . ";}" . "\n";

$list_image_size = get_theme_mod( 'archive_featured_image_size_desktop', 30 );
            $custom .= ".posts-layout .list-image { width:" . esc_attr( $list_image_size ) . "%;}" . "\n";
            $custom .= ".posts-layout .list-content { width:" . (100 - esc_attr( $list_image_size ) ) . "%;}" . "\n";

$image_spacing = get_theme_mod( 'archive_featured_image_spacing_desktop', 24 );
            $custom .= ".content-area:not(.layout4):not(.layout6) .posts-layout .entry-thumb { margin:0 0 " . esc_attr( $image_spacing ) . "px 0;}" . "\n";
            $custom .= ".layout4 .entry-thumb, .layout6 .entry-thumb { margin:0 " . esc_attr( $image_spacing ) . "px 0 0;}" . "\n";
            $custom .= ".layout6 article:nth-of-type(even) .list-image .entry-thumb { margin:0 0 0 " . esc_attr( $image_spacing ) . "px;}" . "\n";

$archive_title_spacing = get_theme_mod( 'archive_title_spacing', 24 );
            $custom .= ".posts-layout .entry-header { margin-bottom:" . esc_attr( $archive_title_spacing ) . "px;}" . "\n";

$archive_meta_spacing = get_theme_mod( 'archive_meta_spacing', 15 );
            $custom .= ".posts-layout .entry-meta.below-excerpt { margin:" . esc_attr( $archive_meta_spacing ) . "px 0 0;}" . "\n";
            $custom .= ".posts-layout .entry-meta.above-title { margin:0 0 " . esc_attr( $archive_meta_spacing ) . "px;}" . "\n";

$custom .= $this->get_color_css( 'single_post_title_color', '', '.single .entry-header .entry-title' );
            $custom .= $this->get_color_css( 'single_post_meta_color', '', '.single .entry-header .entry-meta,.single .entry-header .entry-meta a' );
            $custom .= $this->get_font_sizes_css( 'single_post_meta_size', $defaults = array( 'desktop' => 12, 'tablet' => 12, 'mobile' => 12 ), '.single .entry-meta' );
            $custom .= $this->get_font_sizes_css( 'single_post_title_size', $defaults = array( 'desktop' => 48, 'tablet' => 32, 'mobile' => 32 ), '.single .entry-header .entry-title' );
            $custom .= $this->get_color_css( 'loop_post_text_color', '#233452', '.posts-layout .entry-post' );
            $custom .= $this->get_color_css( 'loop_post_title_color', '#00102E', '.posts-layout .entry-title a' );
            $custom .= $this->get_color_css( 'loop_post_meta_color', '#737C8C', '.posts-layout .author,.posts-layout .entry-meta a' );
            $custom .= $this->get_font_sizes_css( 'loop_post_text_size', $defaults = array( 'desktop' => 16, 'tablet' => 16, 'mobile' => 16 ), '.posts-layout .entry-post' );
            $custom .= $this->get_font_sizes_css( 'loop_post_meta_size', $defaults = array( 'desktop' => 12, 'tablet' => 12, 'mobile' => 12 ), '.posts-layout .entry-meta' );
            $custom .= $this->get_font_sizes_css( 'loop_post_title_size', $defaults = array( 'desktop' => 32, 'tablet' => 32, 'mobile' => 32 ), '.posts-layout .entry-title' );

$custom .= $this->get_background_color_css( 'blog_page_banner_background', '', '.blog-banner' );
            $custom .= $this->get_color_css( 'blog_page_banner_color', '', '.blog-banner .blog-banner-title' );
            $custom .= $this->get_font_sizes_css( 'blog_banner_title_size', $defaults = array( 'desktop' => 52, 'tablet' => 42, 'mobile' => 32 ), '.blog-banner .blog-banner-title' );

$featured_posts_margin_top = get_theme_mod( 'featured_posts_margin_top', 30 );
            $featured_posts_margin_bottom = get_theme_mod( 'featured_posts_margin_bottom', 0 );
            $custom .= ".featured-posts { margin-top:" . esc_attr( $featured_posts_margin_top ) . "px;margin-bottom:" . esc_attr( $featured_posts_margin_bottom ) . "px;}" . "\n";

$category_display = get_theme_mod( 'category_display', 'link' );

if ( 'solid' === $category_display ) {
                $custom .= ".cat-links a { background-color:" . esc_attr( $primary_color ) . ";color:#fff !important;border-radius:15px;padding:5px 10px;}" . "\n";
                $custom .= ".featured-posts .cat-links { display:block;margin-bottom:20px;}" . "\n";
            }

//Single 
            $single_post_header_alignment = get_theme_mod( 'single_post_header_alignment', 'left' );
            if ( 'middle' === $single_post_header_alignment ) {
                $custom .= ".single-post .entry-header { text-align:center;} .single-post .entry-header .entry-meta { -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}" . "\n";
            } elseif ( 'right' === $single_post_header_alignment ) {
                $custom .= ".single-post .entry-header { text-align:right;} .single-post .entry-header .entry-meta { -webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}" . "\n";
            }

$single_post_header_spacing = get_theme_mod( 'single_post_header_spacing', 40 );
            $custom .= ".single .entry-header { margin-bottom:" . esc_attr( $single_post_header_spacing ) . "px;}" . "\n";

$single_post_image_spacing = get_theme_mod( 'single_post_header_spacing', 38 );
            $custom .= ".single .entry-thumb { margin-bottom:" . esc_attr( $single_post_header_spacing ) . "px;}" . "\n";

$single_post_meta_spacing = get_theme_mod( 'single_post_meta_spacing', 24 );
            $custom .= ".single .entry-meta-above { margin-bottom:" . esc_attr( $single_post_meta_spacing ) . "px;}" . "\n";
            $custom .= ".single .entry-meta-below { margin-top:" . esc_attr( $single_post_meta_spacing ) . "px;}" . "\n";

//Breadcrumbs
            $breadcrumbs_align = get_theme_mod( 'breadcrumbs_align', 'left' );
			$custom .= ".sydney-breadcrumb-trail { text-align:" . esc_attr( $breadcrumbs_align ) . ";}" . "\n";
			$custom .= $this->get_background_color_css( 'breadcrumbs_background', '', '.sydney-breadcrumb-trail' );
			$custom .= $this->get_color_css( 'breadcrumbs_link_color', '', '.sydney-breadcrumb-trail ul li a' );
			$custom .= $this->get_color_css( 'breadcrumbs_link_hover_color', '', '.sydney-breadcrumb-trail ul li a:hover' );
			$custom .= $this->get_color_css( 'breadcrumbs_color', '', '.sydney-breadcrumb-trail' );
			$custom .= $this->get_fill_css( 'breadcrumbs_color', '', '.sydney-breadcrumb-trail svg' );
			$custom .= $this->get_top_bottom_padding_css( 'breadcrumbs_padding', $defaults = array( 'desktop' => 15, 'tablet' => 15, 'mobile' => 15 ), '.sydney-breadcrumb-trail' );

//Header
			$custom .= $this->get_background_color_css( 'topbar_background', '', '.top-bar' );
			$custom .= $this->get_color_css( 'topbar_color', '', '.top-bar, .top-bar a' );
			$custom .= $this->get_fill_css( 'topbar_color', '', '.top-bar svg' );
			$topbar_padding 	= get_theme_mod( 'topbar_padding', 15 );
			$custom .= ".top-bar-inner { padding-top:" . esc_attr( $topbar_padding ) . 'px;padding-bottom:' . esc_attr( $topbar_padding ) . "px;}" . "\n";
			$topbar_divider_width 	= get_theme_mod( 'topbar_divider_width', 'fullwidth' );
			$topbar_divider_size 	= get_theme_mod( 'topbar_divider_size', 1 );
			$topbar_divider_color 	= get_theme_mod( 'topbar_divider_color', 'rgba(255,255,255,0.1)' );

if ( 'fullwidth' === $topbar_divider_width ) {
                $custom .= ".top-bar { border-bottom:" . esc_attr( $topbar_divider_size ) . 'px solid ' . esc_attr( $topbar_divider_color ) . ";}" . "\n";
            } else {
                $custom .= ".top-bar-inner { border-bottom:" . esc_attr( $topbar_divider_size ) . 'px solid ' . esc_attr( $topbar_divider_color ) . ";}.top-bar {border-bottom:0;}" . "\n";
            }

$main_header_divider_width 	= get_theme_mod( 'main_header_divider_width', 'fullwidth' );
			$main_header_divider_size 	= get_theme_mod( 'main_header_divider_size', 0 );
			$main_header_divider_color 	= get_theme_mod( 'main_header_divider_color', 'rgba(255,255,255,0.1)' );
            
			if ( 'fullwidth' === $main_header_divider_width ) {
                $custom .= ".main-header, .bottom-header-row { border-bottom:" . esc_attr( $main_header_divider_size ) . 'px solid ' . esc_attr( $main_header_divider_color ) . ";}" . "\n";
				if ( 0 == $main_header_divider_size ) {
					$custom .= ".header_layout_3,.header_layout_4,.header_layout_5 { border-bottom: 1px solid " . esc_attr( $main_header_divider_color ) . ";}" . "\n";
				}            
			} else {
                $custom .= ".top-header-row,.main-header-inner, .bottom-header-inner { border-bottom:" . esc_attr( $main_header_divider_size ) . 'px solid ' . esc_attr( $main_header_divider_color ) . ";} .main-header,.bottom-header-row {border:0;}" . "\n";
				if ( 0 == $main_header_divider_size ) {
					$custom .= ".top-header-row { border-bottom: 1px solid " . esc_attr( $main_header_divider_color ) . ";}" . "\n";
				}            
			}

$center_top_bar_contents = get_theme_mod( 'center_top_bar_contents', 0 );
			if ( $center_top_bar_contents ) {
				$custom .= ".top-bar-inner > .row { display:block;} .top-bar-inner .col,.top-bar-inner .col:last-of-type {justify-content:center; text-align: center;}" . "\n";
			}

$custom .= $this->get_background_color_css( 'main_header_background', '', '.main-header,.header-search-form,.menu-expanded' );
            $custom .= $this->get_background_color_css( 'main_header_background_sticky', '', '.main-header.sticky-active' );
			$custom .= $this->get_color_css( 'main_header_color', '', '.main-header .site-title a,.main-header .site-description,.main-header #mainnav .menu > li > a, .main-header .header-contact a, .main-header .logout-link, .main-header .html-item,.main-header .sydney-login-toggle' );
			$custom .= $this->get_fill_css( 'main_header_color', '', '.main-header .sydney-svg-icon svg, .main-header .dropdown-symbol .sydney-svg-icon svg' );

$custom .= $this->get_color_css( 'main_header_color_sticky', '', '.sticky-active .main-header .site-title a,.sticky-active .main-header .site-description, .sticky-active .main-header #mainnav .menu > li > a,.sticky-active .main-header .header-contact a,.sticky-active .main-header .logout-link, .sticky-active .main-header .html-item, .sticky-active .main-header .sydney-login-toggle' );
            $custom .= $this->get_fill_css( 'main_header_color_sticky', '', '.sticky-active .main-header .sydney-svg-icon svg,.sticky-active .main-header .dropdown-symbol .sydney-svg-icon svg' );

$custom .= $this->get_background_color_css( 'main_header_bottom_background', '', '.bottom-header-row' );
			$custom .= $this->get_color_css( 'main_header_bottom_color', '', '.bottom-header-row, .bottom-header-row .header-contact a,.bottom-header-row #mainnav .menu > li > a' );
			$custom .= $this->get_color_css( 'color_link_hover', '', '.bottom-header-row #mainnav .menu > li > a:hover' );
			$custom .= $this->get_fill_css( 'main_header_bottom_color', '', '.bottom-header-row .header-item svg,.dropdown-symbol .sydney-svg-icon svg' );
			
			$main_header_padding 	= get_theme_mod( 'main_header_padding', 15 );
			$custom .= ".main-header .site-header-inner, .main-header .top-header-row { padding-top:" . esc_attr( $main_header_padding ) . 'px;padding-bottom:' . esc_attr( $main_header_padding ) . "px;}" . "\n";

$main_header_bottom_padding = get_theme_mod( 'main_header_bottom_padding', 15 );
			$custom .= ".bottom-header-inner { padding-top:" . esc_attr( $main_header_bottom_padding ) . 'px;padding-bottom:' . esc_attr( $main_header_bottom_padding ) . "px;}" . "\n";

$custom .= $this->get_background_color_css( 'main_header_submenu_background', '', '.bottom-header-row #mainnav ul ul li, .main-header #mainnav ul ul li' );
            $custom .= $this->get_color_css( 'main_header_submenu_color', '', '.bottom-header-row #mainnav ul ul li a,.bottom-header-row #mainnav ul ul li:hover a, .main-header #mainnav ul ul li:hover a,.main-header #mainnav ul ul li a' );
			$custom .= $this->get_fill_css( 'main_header_submenu_color', '', '.bottom-header-row #mainnav ul ul li svg, .main-header #mainnav ul ul li svg' );
			
            //Header mini cart
			$custom .= $this->get_color_css( 'body_text_color', '', '.main-header-cart .count-number' );
			$custom .= $this->get_background_color_rgba_css( 'body_text_color', '#233452', '.main-header-cart .widget_shopping_cart .widgettitle:after, .main-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons:before', '0.1' );

//Mobile menu
            $mobile_breakpoint = get_theme_mod( 'mobile_menu_breakpoint', 1024 );
            $custom .= "@media only screen and (max-width: " . absint( $mobile_breakpoint ) . "px) { .bottom-header-row, .main-header,.mobile-logo-link ~ .desktop-logo-link { display: none; } .sydney-offcanvas-menu, .mobile-header, .mobile-logo-link { display: block; } }" . "\n";
            $custom .= "@media only screen and (min-width: " . absint( $mobile_breakpoint + 1 ) . "px) { #mainnav > div > ul,.bottom-header-row #mainnav > div > ul {align-items: initial;} #mainnav > div > ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } }" . "\n";
            
			$mobile_menu_alignment = get_theme_mod( 'mobile_menu_alignment', 'left' );
			$custom .= ".sydney-offcanvas-menu .mainnav ul li { text-align:" . esc_attr( $mobile_menu_alignment ) . ";}" . "\n";

$mobile_menu_link_separator 	= get_theme_mod( 'mobile_menu_link_separator', 0 );
			$link_separator_color 			= get_theme_mod( 'link_separator_color', 'rgba(238, 238, 238, 0.14)' );
			$mobile_header_separator_width	= get_theme_mod( 'mobile_header_separator_width', 1 );

if ( $mobile_menu_link_separator ) {
				$custom .= ".sydney-offcanvas-menu .mainnav ul li { padding-top:5px;border-bottom: " . intval( $mobile_header_separator_width ) . "px solid " . esc_attr( $link_separator_color ) . ";}" . "\n";
			}

$mobile_menu_link_spacing = get_theme_mod( 'mobile_menu_link_spacing', 20 );
			$custom .= ".sydney-offcanvas-menu .mainnav a { padding:" . esc_attr( $mobile_menu_link_spacing )/2 . "px 0;}" . "\n";
		
        
            $mobile_menu_icon_size = get_theme_mod( 'mobile_menu_icon_size', 16 );
			$custom .= ".menu-toggle .sydney-svg-icon, .menu-toggle .sydney-svg-icon svg { width:" . esc_attr( $mobile_menu_icon_size ) . "px;height:" . esc_attr( $mobile_menu_icon_size ) . "px;max-height:" . esc_attr( $mobile_menu_icon_size ) . "px;}" . "\n";

$custom .= $this->get_background_color_css( 'mobile_header_background', '', '#masthead-mobile' );
			$custom .= $this->get_color_css( 'mobile_header_color', '', '#masthead-mobile .site-description, #masthead-mobile a:not(.button)' );
			$custom .= $this->get_fill_css( 'mobile_header_color', '', '#masthead-mobile svg' );

$mobile_header_padding = get_theme_mod( 'mobile_header_padding', 15 );
			$custom .= ".mobile-header { padding-top:" . esc_attr( $mobile_header_padding ) . 'px;padding-bottom:' . esc_attr( $mobile_header_padding ) . "px;}" . "\n";

$custom .= $this->get_background_color_css( 'offcanvas_menu_background', '', '.sydney-offcanvas-menu' );
			$custom .= $this->get_color_css( 'offcanvas_menu_color', '', '.sydney-offcanvas-menu,.sydney-offcanvas-menu #mainnav a:not(.button),.sydney-offcanvas-menu a:not(.button)' );
			$custom .= $this->get_fill_css( 'offcanvas_menu_color', '', '.sydney-offcanvas-menu svg, .sydney-offcanvas-menu .dropdown-symbol .sydney-svg-icon svg' );

$offcanvas_mode = get_theme_mod( 'header_offcanvas_mode', 'layout1' );
			if ( 'layout2' === $offcanvas_mode ) {
				$custom .= ".sydney-offcanvas-menu {max-width:100%;}" . "\n";
			}

$custom .= $this->get_max_height_css( 'site_logo_size', $defaults = array( 'desktop' => 100, 'tablet' => 100, 'mobile' => 100 ), '.site-logo' );

//Site title
            $site_title = get_theme_mod( 'site_title_color' );
            $custom .= ".site-title a, .site-title a:visited, .main-header .site-title a, .main-header .site-title a:visited  { color:" . esc_attr($site_title) . "}"."\n";
            //Site desc
            $site_desc = get_theme_mod( 'site_desc_color' );
            $custom .= ".site-description, .main-header .site-description { color:" . esc_attr($site_desc) . "}"."\n";

$custom .= $this->get_font_sizes_css( 'site_title_font_size', $defaults = array( 'desktop' => 32, 'tablet' => 24, 'mobile' => 20 ), '.site-title' );
			$custom .= $this->get_font_sizes_css( 'site_desc_font_size', $defaults = array( 'desktop' => 16, 'tablet' => 16, 'mobile' => 16 ), '.site-description' );            
			//Typography

$fonts_library = get_theme_mod( 'fonts_library', 'google' );

if ( $fonts_library === 'google' ) {
                $typography_defaults = json_encode(
                    array(
                        'font' 			=> 'System default',
                        'regularweight' => 'regular',
                        'category' 		=> 'sans-serif'
                    )
                );

$body_font		= get_theme_mod( 'sydney_body_font', $typography_defaults );
                $headings_font 	= get_theme_mod( 'sydney_headings_font', $typography_defaults );
            
                $body_font 		= json_decode( $body_font, true );
                $headings_font 	= json_decode( $headings_font, true );
                
                if ( 'System default' !== $body_font['font'] ) {
                    $custom .= 'body { font-family:' . esc_attr( $body_font['font'] ) . ',' . esc_attr( $body_font['category'] ) . '; font-weight: ' . esc_attr( $body_font['regularweight'] ) . ';}' . "\n";	
                }
                
                if ( 'System default' !== $headings_font['font'] ) {
                    $custom .= 'h1,h2,h3,h4,h5,h6,.site-title { font-family:' . esc_attr( $headings_font['font'] ) . ',' . esc_attr( $headings_font['category'] ) . '; font-weight: ' . esc_attr( $headings_font['regularweight'] ) . ';}' . "\n";
                }

$enable_top_menu_typography = get_theme_mod( 'enable_top_menu_typography', 0 );
                if ( $enable_top_menu_typography ) {

$menu_font		= get_theme_mod( 'sydney_menu_font', $typography_defaults );
                    $menu_font 	    = json_decode( $menu_font, true );

if ( 'System default' !== $menu_font['font'] ) {
                        $custom .= '#mainnav > div > ul > li > a { font-family:' . esc_attr( $menu_font['font'] ) . ',' . esc_attr( $menu_font['category'] ) . '; font-weight: ' . esc_attr( $menu_font['regularweight'] ) . ';}' . "\n";	
                    }
                }
            }

if ( $fonts_library === 'adobe' ) {
				$body_font	    	= get_theme_mod( 'sydney_body_adobe_font', 'system-default|n4' );
				$headings_font   	= get_theme_mod( 'sydney_headings_adobe_font', 'system-default|n4' );
				$header_menu_font 	= get_theme_mod( 'sydney_header_menu_adobe_font', $body_font );
			
				$body_font = explode( '|', $body_font );
				$body_font = array(
					'font'   => $body_font[0],
					'weight' => $body_font[1]
				);

$headings_font = explode( '|', $headings_font );
				$headings_font = array(
					'font'   => $headings_font[0],
					'weight' => $headings_font[1]
				);

$header_menu_font = explode( '|', $header_menu_font );
				$header_menu_font = array(
					'font'   => $header_menu_font[0],
					'weight' => $header_menu_font[1]
				);
				
				if ( 'System default' !== $body_font['font'] ) {
					$custom .= 'body { font-family:' . esc_attr( $body_font['font'] ) . '; font-weight: '. esc_attr( $body_font['weight'] ) .';}' . "\n";	
				}
				
				if ( 'System default' !== $headings_font['font'] ) {
					$custom .= 'h1,h2,h3,h4,h5,h6,.site-title,.wc-block-grid__product-title { font-family:' . esc_attr( $headings_font['font'] ) . '; font-weight: '. esc_attr( $headings_font['weight'] ) .';}' . "\n";
				}

if ( 'System default' !== $header_menu_font['font'] ) {
					$custom .= '#mainnav > div > ul > li > a { font-family:' . esc_attr( $header_menu_font['font'] ) . '; font-weight: '. esc_attr( $header_menu_font['weight'] ) .';}' . "\n";
				}
            }

$enable_top_menu_typography = get_theme_mod( 'enable_top_menu_typography', 0 );
            if ( $enable_top_menu_typography ) {
                $menu_text_transform = get_theme_mod( 'menu_items_text_transform' );

$custom .= "#mainnav > div > ul > li > a { text-transform:" . esc_attr( $menu_text_transform ) . ";}" . "\n";	
                $custom .= $this->get_font_sizes_css( 'sydney_menu_font_size', $defaults = array( 'desktop' => 14, 'tablet' => 14, 'mobile' => 14 ), '#mainnav > div > ul > li' );
                $custom .= $this->get_font_sizes_css( 'sydney_menu_font_size', $defaults = array( 'desktop' => 14, 'tablet' => 14, 'mobile' => 14 ), '.header-item' );
            }

$headings_font_style 		= get_theme_mod( 'headings_font_style' );
			$headings_line_height 		= get_theme_mod( 'headings_line_height', 1.2 );
			$headings_letter_spacing 	= get_theme_mod( 'headings_letter_spacing' );
			$headings_text_transform 	= get_theme_mod( 'headings_text_transform' );
			$headings_text_decoration 	= get_theme_mod( 'headings_text_decoration' );

$custom .= "h1,h2,h3,h4,h5,h6,.site-title { text-decoration:" . esc_attr( $headings_text_decoration ) . ";text-transform:" . esc_attr( $headings_text_transform ) . ";font-style:" . esc_attr( $headings_font_style ) . ";line-height:" . esc_attr( $headings_line_height ) . ";letter-spacing:" . esc_attr( $headings_letter_spacing ) . "px;}" . "\n";

$custom .= $this->get_font_sizes_css( 'h1_font_size', $defaults = array( 'desktop' => 48, 'tablet' => 42, 'mobile' => 32 ), 'h1:not(.site-title)' );
			$custom .= $this->get_font_sizes_css( 'h2_font_size', $defaults = array( 'desktop' => 38, 'tablet' => 32, 'mobile' => 24 ), 'h2' );
			$custom .= $this->get_font_sizes_css( 'h3_font_size', $defaults = array( 'desktop' => 32, 'tablet' => 24, 'mobile' => 20 ), 'h3' );
			$custom .= $this->get_font_sizes_css( 'h4_font_size', $defaults = array( 'desktop' => 24, 'tablet' => 18, 'mobile' => 16 ), 'h4' );
			$custom .= $this->get_font_sizes_css( 'h5_font_size', $defaults = array( 'desktop' => 20, 'tablet' => 16, 'mobile' => 16 ), 'h5' );
			$custom .= $this->get_font_sizes_css( 'h6_font_size', $defaults = array( 'desktop' => 16, 'tablet' => 16, 'mobile' => 16 ), 'h6' );

$body_font_style 		= get_theme_mod( 'body_font_style' );
			$body_line_height 		= get_theme_mod( 'body_line_height', 1.68 );
			$body_letter_spacing 	= get_theme_mod( 'body_letter_spacing' );
			$body_text_transform 	= get_theme_mod( 'body_text_transform' );
			$body_text_decoration 	= get_theme_mod( 'body_text_decoration' );

$custom .= "p, .posts-layout .entry-post { text-decoration:" . esc_attr( $body_text_decoration ) . "}" . "\n";	
			$custom .= "body, .posts-layout .entry-post { text-transform:" . esc_attr( $body_text_transform ) . ";font-style:" . esc_attr( $body_font_style ) . ";line-height:" . esc_attr( $body_line_height ) . ";letter-spacing:" . esc_attr( $body_letter_spacing ) . "px;}" . "\n";	
			$custom .= $this->get_font_sizes_css( 'body_font_size', $defaults = array( 'desktop' => 16, 'tablet' => 16, 'mobile' => 16 ), 'body' );

//Woocommerce single
			$single_sku 	 	= get_theme_mod( 'single_product_sku', 1 );
			$single_categories  = get_theme_mod( 'single_product_categories', 1 );
			$single_tags 	 	= get_theme_mod( 'single_product_tags', 1 );
			$single_sticky_add_to_cart_elements_spacing = get_theme_mod( 'single_sticky_add_to_cart_elements_spacing', 35 );

if( !$single_sku ) {
				$custom .= ".single-product .product_meta .sku_wrapper { display: none }";
			}
			if( !$single_categories ) {
				$custom .= ".single-product .product_meta .posted_in { display: none }";
			}
			if( !$single_tags ) {
				$custom .= ".single-product .product_meta .tagged_as { display: none }";
			}
			if( !$single_sku && !$single_categories && !$single_tags ) {
				$custom .= ".single-product .product_meta { border-top: 0; }";
			}

$custom .= $this->get_font_sizes_css( 'single_product_title_size', $defaults = array( 'desktop' => 32, 'tablet' => 32, 'mobile' => 32 ), '.woocommerce div.product .product-gallery-summary .entry-title' );
			$custom .= $this->get_font_sizes_css( 'single_product_price_size', $defaults = array( 'desktop' => 24, 'tablet' => 24, 'mobile' => 24 ), '.woocommerce div.product .product-gallery-summary .price .amount' );

//Woocommerce loop
            $shop_product_element_spacing = get_theme_mod( 'shop_product_element_spacing', 12 );
			$custom .= ".woocommerce  ul.products li.product .col-md-7 > *,.woocommerce  ul.products li.product .col-md-8 > *,.woocommerce  ul.products li.product > * { margin-bottom:" . esc_attr( $shop_product_element_spacing ) . "px;}" . "\n";

$shop_product_sale_tag_layout 	= get_theme_mod( 'shop_product_sale_tag_layout', 'layout2' );
			$shop_sale_tag_spacing			= get_theme_mod( 'shop_sale_tag_spacing', 20 );
			$shop_sale_tag_radius			= get_theme_mod( 'shop_sale_tag_radius', 0 );

$custom .= ".wc-block-grid__product-onsale, span.onsale {border-radius:" . esc_attr( $shop_sale_tag_radius ) . "px;top:" . esc_attr( $shop_sale_tag_spacing ) . "px!important;left:" . esc_attr( $shop_sale_tag_spacing ) . "px!important;}" . "\n";
			if ( 'layout2' === $shop_product_sale_tag_layout ) {
				$custom .= ".wc-block-grid__product-onsale, .products span.onsale {left:auto!important;right:" . esc_attr( $shop_sale_tag_spacing ) . "px;}" . "\n";
			}

$custom .= $this->get_color_css( 'single_product_sale_color', '', '.wc-block-grid__product-onsale, span.onsale' );
			$custom .= $this->get_background_color_css( 'single_product_sale_background_color', '', '.wc-block-grid__product-onsale, span.onsale' );
			$custom .= $this->get_color_css( 'shop_product_product_title', '', 'ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-title, ul.wc-block-grid__products li.wc-block-grid__product .woocommerce-loop-product__title, ul.wc-block-grid__products li.product .wc-block-grid__product-title, ul.wc-block-grid__products li.product .woocommerce-loop-product__title, ul.products li.wc-block-grid__product .wc-block-grid__product-title, ul.products li.wc-block-grid__product .woocommerce-loop-product__title, ul.products li.product .wc-block-grid__product-title, ul.products li.product .woocommerce-loop-product__title, ul.products li.product .woocommerce-loop-category__title, .woocommerce-loop-product__title .sydney-wc-loop-product__title' );

$custom .= $this->get_color_css( 'body_text_color', '', 'a.wc-forward:not(.checkout-button)' );
			$custom .= $this->get_color_css( 'color_link_hover', '', 'a.wc-forward:not(.checkout-button):hover' );
			$custom .= $this->get_color_css( 'button_color_hover', '', '.woocommerce-pagination li .page-numbers:hover' );
			$custom .= $this->get_border_color_rgba_css( 'body_text_color', '#233452', '.woocommerce-sorting-wrapper', '0.1' );

$shop_categories_alignment = get_theme_mod( 'shop_categories_alignment', 'center' );
			$custom .= "ul.products li.product-category .woocommerce-loop-category__title { text-align:" . esc_attr( $shop_categories_alignment ) . ";}" . "\n";

$shop_categories_layout = get_theme_mod( 'shop_categories_layout', 'layout1' );
			$shop_categories_radius = get_theme_mod( 'shop_categories_radius', 0 );
			$custom .= "ul.products li.product-category > a, ul.products li.product-category > a > img { border-radius:" . esc_attr( $shop_categories_radius ) . "px;}" . "\n";
			if( 'layout4' === $shop_categories_layout ) {
				$custom .= ".product-category-item-layout4 ul.products li.product-category > a h2 { border-radius: 0 0 " . esc_attr( $shop_categories_radius ) . "px " . esc_attr( $shop_categories_radius ) . "px;}" . "\n";
			}

//Cart display coupon form
			$shop_cart_show_coupon_form = get_theme_mod( 'shop_cart_show_coupon_form', 1 );
			if( !$shop_cart_show_coupon_form ) {
				$custom .= '.woocommerce-cart .coupon { display: none; }';
			}

//Cart display coupon form
			$shop_checkout_show_coupon_form = get_theme_mod( 'shop_checkout_show_coupon_form', 1 );
			if( !$shop_checkout_show_coupon_form ) {
				$custom .= '.woocommerce-checkout .woocommerce-form-coupon-toggle { display: none; }';
			}

$shop_product_card_style 		= get_theme_mod( 'shop_product_card_style', 'layout1' );
			$shop_product_card_border_color = get_theme_mod( 'shop_product_card_border_color', '#eee' );
			$shop_product_card_border_size 	= get_theme_mod( 'shop_product_card_border_size', 1 );
			$shop_product_card_background 	= get_theme_mod( 'shop_product_card_background' );
			$shop_product_card_radius 		= get_theme_mod( 'shop_product_card_radius' );
			$shop_product_card_thumb_radius = get_theme_mod( 'shop_product_card_thumb_radius' );

if ( 'layout2' === $shop_product_card_style || 'layout3' === $shop_product_card_style ) {
				$custom .= ".woocommerce-page ul.products li.product { background-color: " . esc_attr( $shop_product_card_background ) . ";border-radius: " . intval( $shop_product_card_radius ) . "px; border: " . intval( $shop_product_card_border_size ) . "px solid " . esc_attr( $shop_product_card_border_color ) . ";padding:30px;}" . "\n";			
				$custom .= "ul.products li.wc-block-grid__product .loop-image-wrap, ul.products li.product .loop-image-wrap { overflow:hidden;border-radius:" . esc_attr( $shop_product_card_thumb_radius ) . "px;}" . "\n";
			}

if ( 'layout3' === $shop_product_card_style ) {
				$custom .= "ul.wc-block-grid__products li.wc-block-grid__product .loop-image-wrap, ul.wc-block-grid__products li.product .loop-image-wrap, ul.products li.wc-block-grid__product .loop-image-wrap, ul.products li.product .loop-image-wrap { margin:-30px -30px 12px;}" . "\n";
			}  
            
            //Global colors
			$custom .= $this->get_color_css( 'color_link_default', '', '.entry-content a:not(.button)' );
			$custom .= $this->get_color_css( 'color_link_hover', '', '.entry-content a:not(.button):hover' );
			$custom .= $this->get_color_css( 'color_heading_1', '', 'h1' );
			$custom .= $this->get_color_css( 'color_heading_2', '', 'h2' );
			$custom .= $this->get_color_css( 'color_heading_3', '', 'h3' );
			$custom .= $this->get_color_css( 'color_heading_4', '', 'h4' );
			$custom .= $this->get_color_css( 'color_heading_5', '', 'h5' );
			$custom .= $this->get_color_css( 'color_heading_6', '', 'h6' );

$custom .= $this->get_color_css( 'color_forms_text', '', 'div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea,input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea,select,.woocommerce .select2-container .select2-selection--single,.woocommerce-page .select2-container .select2-selection--single,input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus, .woocommerce .select2-container .select2-selection--single:focus, .woocommerce-page .select2-container .select2-selection--single:focus,.select2-container--default .select2-selection--single .select2-selection__rendered,.wp-block-search .wp-block-search__input,.wp-block-search .wp-block-search__input:focus' );
			$custom .= $this->get_background_color_css( 'color_forms_background', '', 'div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea,input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea,select,.woocommerce .select2-container .select2-selection--single,.woocommerce-page .select2-container .select2-selection--single,.woocommerce-cart .woocommerce-cart-form .actions .coupon input[type="text"]' );
			$color_forms_borders 	= get_theme_mod( 'color_forms_borders' );
			$custom .= "div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea,input[type=\"text\"],input[type=\"email\"],input[type=\"url\"],input[type=\"password\"],input[type=\"search\"],input[type=\"number\"],input[type=\"tel\"],input[type=\"range\"],input[type=\"date\"],input[type=\"month\"],input[type=\"week\"],input[type=\"time\"],input[type=\"datetime\"],input[type=\"datetime-local\"],input[type=\"color\"],textarea,select,.woocommerce .select2-container .select2-selection--single,.woocommerce-page .select2-container .select2-selection--single,.woocommerce-account fieldset,.woocommerce-account .woocommerce-form-login, .woocommerce-account .woocommerce-form-register,.woocommerce-cart .woocommerce-cart-form .actions .coupon input[type=\"text\"],.wp-block-search .wp-block-search__input { border-color:" . esc_attr( $color_forms_borders ) . ";}" . "\n";
			$color_forms_placeholder 	= get_theme_mod( 'color_forms_placeholder' );
			$custom .= "input::placeholder { color:" . esc_attr( $color_forms_placeholder ) . ";opacity:1;}" . "\n";
			$custom .= "input:-ms-input-placeholder { color:" . esc_attr( $color_forms_placeholder ) . ";}" . "\n";
			$custom .= "input::-ms-input-placeholder { color:" . esc_attr( $color_forms_placeholder ) . ";}" . "\n";

/* End porting */

//Quantity input
            $shop_general_quantity_style = get_theme_mod( 'shop_general_quantity_style', 'style1' );
            $custom .= $this->get_border_color_css( 'color_forms_borders', '#dbdbdb', '.quantity' );

switch ( $shop_general_quantity_style ) {
                case 'style1':
                    $custom .= $this->get_color_css( 'color_forms_text', '', '.quantity .sydney-quantity-plus, .quantity .sydney-quantity-minus' );		
                    break;
            
                case 'style2':
                    $custom .= $this->get_background_color_css( 'color_forms_background', '#fafafa', '.quantity-button-style2 .quantity' );
                    $custom .= $this->get_border_color_rgba_css( 'color_forms_borders', '#dbdbdb', '.quantity-button-style2 .quantity, .quantity-button-style2 .sydney-quantity-plus, .quantity-button-style2 .sydney-quantity-minus', 0.7 );
                    $custom .= $this->get_color_css( 'body_text_color', '#47425d', '.quantity .qty,.quantity .sydney-quantity-plus, .quantity .sydney-quantity-minus' );		
                    break;
            
                case 'style3':
                    $custom .= $this->get_color_css( 'color_forms_text', '', '.quantity .sydney-quantity-plus, .quantity .sydney-quantity-minus' );

break;
            
                case 'style5':
                    $custom .= $this->get_background_color_css( 'color_forms_background', '#fafafa', '.quantity-button-style5 .quantity' );
                    $custom .= $this->get_color_css( 'body_text_color', '#47425d', '.quantity-button-style5 .quantity .qty' );

break;
            
                case 'style6':
                    $custom .= $this->get_background_color_css( 'color_forms_background', '#fafafa', '.quantity .qty,.quantity-button-style6 .quantity .sydney-quantity-plus, .quantity-button-style6 .quantity .sydney-quantity-minus' );
                    $custom .= $this->get_color_css( 'body_text_color', '#47425d', '.quantity .qty,.quantity .sydney-quantity-plus, .quantity .sydney-quantity-minus' );
                    $custom .= $this->get_border_color_rgba_css( 'color_forms_borders', '#dbdbdb', '.quantity-button-style6 .quantity .qty, .quantity-button-style6 .sydney-quantity-plus, .quantity-button-style6 .sydney-quantity-minus', 1 );

break;
            
                case 'style7':
                    $custom .= $this->get_background_color_css( 'color_forms_background', '#fafafa', '.quantity-button-style7 .quantity .sydney-quantity-plus, .quantity-button-style7 .quantity .sydney-quantity-minus' );
                    break;
            
                case 'style8':
                    $custom .= $this->get_background_color_css( 'button_background_color', '', '.quantity-button-style8 .quantity .sydney-quantity-plus, .quantity-button-style8 .quantity .sydney-quantity-minus' );
                    $custom .= $this->get_background_color_css( 'button_background_color_hover', '', '.quantity-button-style8 .quantity .sydney-quantity-plus:hover, .quantity-button-style8 .quantity .sydney-quantity-minus:hover' );
                    $custom .= $this->get_color_css( 'button_color', '', '.quantity-button-style8 .quantity .sydney-quantity-plus, .quantity-button-style8 .quantity .sydney-quantity-minus' );
                    break;
                
            }

//Container widths
            $container_width = get_theme_mod( 'container_width', 1170 );
            if ( 1170 !== $container_width ) {
                $custom .= '@media (min-width: 1200px) { .container { width:100%;max-width: ' . intval( $container_width ) . 'px; } }';
            }
            
            $narrow_container_width = get_theme_mod( 'narrow_container_width', 860 );
            if ( 860 !== $narrow_container_width ) {
                $custom .= '@media (min-width: 1200px) { .container-narrow { width:100%;max-width: ' . intval( $narrow_container_width ) . 'px; } }';
            }

$custom = apply_filters( 'sydney_custom_css', $custom );

$custom = $this->minify( $custom );

return $custom;
		}

/**
		 * Print styles
		 */
		public function print_styles() {

$custom = $this->output_css();

wp_add_inline_style( 'sydney-style-min', $custom );
                        
            wp_localize_script( 'sydney_customizer', 'sydney_theme_options', $this->customizer_js );
		}

/**
		 * CSS code minification.
		 */
		private function minify( $css ) {
			$css = preg_replace( '/\s+/', ' ', $css );
			$css = preg_replace( '/\/\*[^\!](.*?)\*\//', '', $css );
			$css = preg_replace( '/(,|:|;|\{|}) /', '$1', $css );
			$css = preg_replace( '/ (,|;|\{|})/', '$1', $css );
			$css = preg_replace( '/(:| )0\.([0-9]+)(%|em|ex|px|in|cm|mm|pt|pc)/i', '${1}.${2}${3}', $css );
			$css = preg_replace( '/(:| )(\.?)0(%|em|ex|px|in|cm|mm|pt|pc)/i', '${1}0', $css );

return trim( $css );
		}

/**
		 * Get color CSS
		 */
		public static function get_background_color_css( $setting, $default, $selector, $important = false ) {
			$mod = get_theme_mod( $setting, $default );

Sydney_Custom_CSS::get_instance()->mount_customizer_js_options( $selector, $setting, 'background-color', '', $important );

return $selector . '{ background-color:' . esc_attr( $mod ) . ';}' . "\n";
		}

/**
		 * Get color CSS
		 */
		public static function get_color_css( $setting, $default, $selector, $important = false ) {
			$mod = get_theme_mod( $setting, $default );

Sydney_Custom_CSS::get_instance()->mount_customizer_js_options( $selector, $setting, 'color', '', $important );

return $selector . '{ color:' . esc_attr( $mod ) . ';}' . "\n";
		}	
		
		/**
		 * Get fill CSS
		 */
		public static function get_fill_css( $setting, $default, $selector, $important = false ) {
			$mod = get_theme_mod( $setting, $default );

Sydney_Custom_CSS::get_instance()->mount_customizer_js_options( $selector, $setting, 'fill', '', $important );

return $selector . '{ fill:' . esc_attr( $mod ) . ';}' . "\n";
		}	
		
		/**
		 * Get stroke CSS
		 */
		public static function get_stroke_css( $setting, $default, $selector ) {
			$mod = get_theme_mod( $setting, $default );

return $selector . '{ stroke:' . esc_attr( $mod ) . ';}' . "\n";
		}

//Font sizes
		public static function get_font_sizes_css( $setting, $defaults, $selector ) {
			$devices 	= array( 
				'desktop' 	=> '@media (min-width: 992px)',
				'tablet'	=> '@media (min-width: 576px) and (max-width:  991px)',
				'mobile'	=> '@media (max-width: 575px)'
			);

$css = '';

foreach ( $devices as $device => $media ) {
				$mod = get_theme_mod( $setting . '_' . $device, $defaults[$device] );
				$css .= $media . ' { ' . $selector . ' { font-size:' . intval( $mod ) . 'px;} }' . "\n";	
			}

return $css;
		}
		
		//Max width
		public static function get_max_width_css( $setting, $defaults, $selector, $units = 'px' ) {
			$devices 	= array( 
				'desktop' 	=> '@media (min-width: 992px)',
				'tablet'	=> '@media (min-width: 576px) and (max-width:  991px)',
				'mobile'	=> '@media (max-width: 575px)'
			);

$css = '';

foreach ( $devices as $device => $media ) {
				$mod = get_theme_mod( $setting . '_' . $device, $defaults[$device] );
				$css .= $media . ' { ' . $selector . ' { max-width:' . intval( $mod ) . $units . ';} }' . "\n";	
			}

return $css;
		}

//Min height
		public static function get_min_height_css( $setting, $defaults, $selector ) {
			$devices 	= array( 
				'desktop' 	=> '@media (min-width: 992px)',
				'tablet'	=> '@media (min-width: 576px) and (max-width:  991px)',
				'mobile'	=> '@media (max-width: 575px)'
			);

$css = '';

foreach ( $devices as $device => $media ) {
				$mod = get_theme_mod( $setting . '_' . $device, $defaults[$device] );
				$css .= $media . ' { ' . $selector . ' { min-height:' . intval( $mod ) . 'px;} }' . "\n";	
			}

return $css;
		}	
        
		//height
		public static function get_height_css( $setting, $defaults, $selector ) {
			$devices 	= array( 
				'desktop' 	=> '@media (min-width: 992px)',
				'tablet'	=> '@media (min-width: 576px) and (max-width:  991px)',
				'mobile'	=> '@media (max-width: 575px)'
			);

$css = '';

foreach ( $devices as $device => $media ) {
				$mod = get_theme_mod( $setting . '_' . $device, $defaults[$device] );
				$css .= $media . ' { ' . $selector . ' { height:' . intval( $mod ) . 'px;} }' . "\n";	
			}

return $css;
		}	          
        
		//Max height
		public static function get_max_height_css( $setting, $defaults, $selector ) {
			$devices 	= array( 
				'desktop' 	=> '@media (min-width: 992px)',
				'tablet'	=> '@media (min-width: 576px) and (max-width:  991px)',
				'mobile'	=> '@media (max-width: 575px)'
			);

$css = '';

foreach ( $devices as $device => $media ) {
				$mod = get_theme_mod( $setting . '_' . $device, $defaults[$device] );
				$css .= $media . ' { ' . $selector . ' { max-height:' . intval( $mod ) . 'px;} }' . "\n";	
			}

return $css;
		}

//Top bottom padding
		public static function get_top_bottom_padding_css( $setting, $defaults, $selector ) {
			$devices 	= array( 
				'desktop' 	=> '@media (min-width: 992px)',
				'tablet'	=> '@media (min-width: 576px) and (max-width:  991px)',
				'mobile'	=> '@media (max-width: 575px)'
			);

$css = '';

foreach ( $devices as $device => $media ) {
				$mod = get_theme_mod( $setting . '_' . $device, $defaults[$device] );
				$css .= $media . ' { ' . $selector . ' { padding-top:' . intval( $mod ) . 'px;padding-bottom:' . intval( $mod ) . 'px;} }' . "\n";	
			}

return $css;
		}

//Left right padding
		public static function get_left_right_padding_css( $setting, $defaults, $selector ) {
			$devices 	= array( 
				'desktop' 	=> '@media (min-width: 992px)',
				'tablet'	=> '@media (min-width: 576px) and (max-width:  991px)',
				'mobile'	=> '@media (max-width: 575px)'
			);

$css = '';

foreach ( $devices as $device => $media ) {
				$mod = get_theme_mod( $setting . '_' . $device, $defaults[$device] );
				$css .= $media . ' { ' . $selector . ' { padding-left:' . intval( $mod ) . 'px;padding-right:' . intval( $mod ) . 'px;} }' . "\n";	
			}

return $css;
		}

/**
		 * Get border color CSS
		 */
		public static function get_border_color_css( $setting = '', $default = '', $selector = '', $important = false ) {
			$mod = get_theme_mod( $setting, $default );

Sydney_Custom_CSS::get_instance()->mount_customizer_js_options( $selector, $setting, 'border-color', '', $important );

return $selector . '{ border-color:' . esc_attr( $mod ) . ( $important ? '!important' : '' ) . ';}' . "\n";
		}

public function hex2rgba($color, $opacity = false) {

if ($color[0] == '#' ) {
                $color = substr( $color, 1 );
            }
            $hex = array( $color[0] . $color[1], $color[2] . $color[3], $color[4] . $color[5] );
            $rgb =  array_map('hexdec', $hex);
            $opacity = 0.9;
            $output = 'rgba('.implode(",",$rgb).','.$opacity.')';
    
            return $output;
        }

public static function to_rgba( $color = '', $opacity = false ) {

$default = 'rgb(0,0,0)';
		 
			if ( $color ) {
				if ( $color[0] == '#' ) {
					$color = substr( $color, 1 );
				}	
			}

if (strlen($color) == 6) {
				$hex = array( $color[0] . $color[1], $color[2] . $color[3], $color[4] . $color[5] );
			} elseif ( strlen( $color ) == 3 ) {
				$hex = array( $color[0] . $color[0], $color[1] . $color[1], $color[2] . $color[2] );
			} else {
				return $default;
			}
		
			$rgb =  array_map('hexdec', $hex);
		
			if ( $opacity ){
				if( abs($opacity) > 1 )
					$opacity = 1.0;
				$output = 'rgba('.implode(",",$rgb).','.$opacity.')';
			} else {
				$output = 'rgb('.implode(",",$rgb).')';
			}
		
			return $output;
		}

public static function mount_customizer_js_options( $selector = '', $setting = '', $prop = '', $opacity = '', $important = false ) {
			$options = array(
				'option'   => $setting,
				'selector' => $selector,
				'prop'     => $prop
			);

if( $opacity ) {
				$options[ 'rgba' ] = $opacity;
			}

// if( strpos( $selector, ':after' ) !== FALSE || strpos( $selector, ':before' ) !== FALSE || strpos( $selector, ':hover' ) !== FALSE || $important ) {
				$options[ 'pseudo' ] = true;
			// }
			
			Sydney_Custom_CSS::get_instance()->customizer_js[] = $options;
		}

/**
		 * Get background color rgba CSS
		 */
		public static function get_background_color_rgba_css( $setting, $default, $selector, $opacity ) {
			$mod = get_theme_mod( $setting, $default );

return $selector . '{ background-color:' . esc_attr( Sydney_Custom_CSS::get_instance()->to_rgba( $mod, $opacity ) ) . ';}' . "\n";
		}     
        
        /**
		 * Get border top color CSS
		 */
		public static function get_border_top_color_css( $setting, $default, $selector ) {
			$mod = get_theme_mod( $setting, $default );

Sydney_Custom_CSS::get_instance()->mount_customizer_js_options( $selector, $setting, 'border-top-color' );

return $selector . '{ border-top-color:' . esc_attr( $mod ) . ';}' . "\n";
		}

/**
		 * Get border bottom color rgba CSS
		 */
		public static function get_border_bottom_color_rgba_css( $setting = '', $default = '', $selector = '', $opacity = 1, $important = false ) {
			$mod = get_theme_mod( $setting, $default );

Sydney_Custom_CSS::get_instance()->mount_customizer_js_options( $selector, $setting, 'border-bottom-color', $opacity, $important );

return $selector . '{ border-bottom-color:' . esc_attr( Sydney_Custom_CSS::get_instance()->to_rgba( $mod, $opacity ) ) . ( $important ? '!important' : '' ) .';}' . "\n";
		}
        
 		/**
		 * Get border color rgba CSS
		 */
		public static function get_border_color_rgba_css( $setting, $default, $selector, $opacity, $important = false ) {
			$mod = get_theme_mod( $setting, $default );

return $selector . '{ border-color:' . esc_attr( Sydney_Custom_CSS::get_instance()->to_rgba( $mod, $opacity ) ) . ( $important ? '!important' : '' ) .';}' . "\n";
		}

}

/**
	 * Initialize class
	 */
	Sydney_Custom_CSS::get_instance();

endif;

[+] ..
[+] classes
[+] customizer
[+] elementor
[+] integrations
[+] modules
[+] onboarding
[+] templates-builder
[-] block-styles.php [edit]
[-] contact-metabox.php [edit]
[-] custom-header.php [edit]
[-] display-conditions.php [edit]
[-] editor.php [edit]
[-] extras.php [edit]
[-] fonts.php [edit]
[-] hooks.php [edit]
[-] jetpack.php [edit]
[-] legacy.php [edit]
[-] page-builder.php [edit]
[-] pricing-tables.php [edit]
[-] pt-metabox.php [edit]
[-] schema.php [edit]
[-] slider.php [edit]
[-] styles.php [edit]
[-] template-tags.php [edit]
[-] theme-dashboard-settings.php [edit]
[-] theme-update.php [edit]
[-] woocommerce.php [edit]
[-] .htaccess.disabled [edit]