<?php
function taskereasy_custom_dynamic_style(){
	/**********footer background*************/
	$banner_bg = taskereasy_get_config('banner_bg');
	$main_color = taskereasy_get_config('main_color');
	$secondary_color = taskereasy_get_config('secondary_color');
  $header_top_color = taskereasy_get_config('header-top-color');
  $header_bottom_color = taskereasy_get_config('header-bottom-color');
  $body_bg = taskereasy_get_config('body_bg');
  $footerbg = taskereasy_get_config('footer-bg');
  $footerbg_color = taskereasy_get_config('footer-top-color');
  $footer_bottom_bg = taskereasy_get_config('footer-bottom-color');

ob_start();
?>

  <?php if(!empty($body_bg)){ ?>
      body{
       background-color: <?php echo esc_attr($body_bg); ?>;
      }
  <?php } ?>


		<?php if(!empty($banner_bg['url'])){ ?>
    	#inner-intro{
				background-image: url(<?php echo esc_attr($banner_bg['url']); ?>);
      }
    <?php } ?>

    <?php if(!empty($main_color)){

    $RGB_color = hex2rgb($main_color);
		$Final_Rgb_color = implode(", ", $RGB_color);


     ?>
    	a.btn-link, .price, a,
    	#services .nav-tabs > li.active > a i,
    	#services .nav-tabs .nav-link.active i,
    	#services .nav-tabs > li.active > a:focus i,
    	#services .nav-tabs > li.active > a:hover i,
    	#services .nav-tabs > li a:hover i,
    	#services .nav-tabs > li a:focus i,
    	#services .nav-tabs .nav-link.active,
    	.owl-item h5, .price-wrap ul li:after, .timeline p, #services .nav-tabs > li a:hover,
    	.portfolio-box:hover .portfolio-caty a, .services-info h2 a, .pagination .nav-links span.current,
    	.video-4-title, .benefits-item h6, .users-quote:after, .user-rating, .user-name, .nav-tabs.services-tabs .nav-link.active,
    	.nav-tabs.services-tabs>li a:hover, .nav-tabs.services-tabs>li a:focus,
    	.services-info h2 a:hover,
    	.navbar-nav li a:hover, .navbar-nav li.active a, header.transparent.black-text .navbar-nav li a:hover, header.transparent.black-text .navbar-nav li.active a, .navbar ul li ul.sub-menu li a:hover,
    	.service2-tab-btns .nav-tabs>li.active>a, .service2-tab-btns .nav-tabs .nav-link.active, .service2-tab-btns .nav-tabs>li.active>a:focus, .service2-tab-btns .nav-tabs>li.active>a:hover, .service2-tab-btns .nav-tabs>li a:hover, .service2-tab-btns .nav-tabs>li a:focus,
    	.service2-info .service2-info-hdng, header.transparent .navbar-nav li a:hover, header.transparent .navbar-nav li.active a,
    	.sidebar-widget >ul > li > a:hover, .sidebar-widget .children li a:hover, .sidebar-widget .menu li a:hover, .post-title a:hover, .post-title a:focus{
			color: <?php echo esc_attr($main_color); ?>
   		 }
   		 ::selection {
			  background-color: <?php echo esc_attr($main_color); ?>;
			}


   		.portfolio-caty, .tab-pane .btn, .owl-dot.active, .tnp-widget .tnp-field-button input.tnp-submit,
   		.btn:not(.header-nav-btn), .page_newsletter .tnp-subscription input.tnp-submit, .journey-werp::before, .journey-werp::after,
   		.portfolioFilter ul li a.current, .portfolioFilter ul li a:hover, .img-mask, .comment-form input[type='submit'],
   		.sidebar-widget div.search-toggle, .btn-secondary:hover, .btn-secondary:focus, .ms-btn-icon-outline.btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:hover,
   		.partner-title-wrpr p:before, .tnp-widget .tnp-field-button input.tnp-submit, .primary-bg,
   		.pre-post-link a, .next-post-link a, .btn.header-nav-btn:hover, .btn.header-nav-btn:focus, .play-btn, .ripple{
   			background-color: <?php echo esc_attr($main_color); ?>
	   	}


        .benefits-item-no:after,
        .services-title3 span:after{
            border-color: transparent transparent <?php echo esc_attr($main_color); ?> transparent
        }
	   .porfolio-img:after {
	   		background: rgba(<?php echo esc_html($Final_Rgb_color); ?>, 0.7);
	   	}
	   	.services-image::after, .pagination ul li .current, .pagination ul li .page-numbers:hover,
	   	.pagination .nav-links span.current, .sidebar-widget form.search-form input, .btn-secondary:hover, .btn-secondary:focus, .ms-btn-icon-outline.btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:hover,
	   	.btn.header-nav-btn:hover, .btn.header-nav-btn:focus{
	   		border-color: <?php echo esc_attr($main_color); ?>
	   }

    <?php } ?>

    <?php if(!empty($header_top_color)){ ?>
     .top-header {
        background-color: <?php echo esc_attr($header_top_color); ?>;
      }
    <?php } ?>
    <?php if(!empty($header_bottom_color)){ ?>
    .bottom-header {
        background-color: <?php echo esc_attr($header_bottom_color); ?>;
     }
    <?php } ?>

	<?php if(!empty($secondary_color) && $secondary_color != '#ffffff'){ ?>
    	.navbar-nav li a:hover, .navbar-nav li.active a, header.transparent.black-text .navbar-nav li a:hover, header.transparent.black-text .navbar-nav li.active a, .services-info h2 a:hover, .pagination .nav-links a, .footer-widgets ul li a:hover, .footer-widgets a:hover,
    	.follow-us ul li a:hover i, a:hover, a:focus, a strong:hover {
    		color: <?php echo esc_attr($secondary_color); ?>
    	}

    	a:hover, a:focus, a strong:hover, .pagination ul li .current, .pagination ul li .page-numbers:hover,
    	.sidebar-widget >ul > li > a:hover, .sidebar-widget .children li a:hover, .sidebar-widget .menu li a:hover,
    	.post-title a:hover, .navbar ul li ul.sub-menu li a:hover, .service-wrap h5 a:hover, .portfolio-box:hover .portfolio-caty a {
			color: <?php echo esc_attr($secondary_color); ?>
   		 }

   		 .tagcloud a:hover,
	   	.comment-form input[type='submit']:hover,
	   	.tnp-widget .tnp-field-button input.tnp-submit:hover,
	   	.tnp-widget .tnp-field-button input.tnp-submit:focus,
	   	.btn:hover, .btn:focus, .btn.outline-btn:hover,
	   	.pre-post-link a:hover, .next-post-link a:hover, .pre-post-link a:focus, .next-post-link a:focus{
   			background-color: <?php echo esc_attr($secondary_color); ?>
	   	}
	   	.pre-post-link a:hover, .next-post-link a:hover, .pre-post-link a:focus, .next-post-link a:focus{
	   	    border-color: <?php echo esc_attr($secondary_color); ?>;
	   	}
<?php } ?>
<?php if(!empty($secondary_color)) {

    $RGB_color_sec = hex2rgb($secondary_color);
	$Final_Rgb_color_sec = implode(", ", $RGB_color_sec);
?>
	   	.btn-secondary {
   			background-color: <?php echo esc_attr($secondary_color); ?>;
   			color: #fff;
	   	}
	   	.services-no{
	   	    color: rgba(<?php echo esc_html($Final_Rgb_color_sec); ?>, 0.7)
	   	}

	   	.tagcloud a:hover, a.btn:hover, .btn:focus, .btn.outline-btn:hover, .pagination .nav-links a {
	   		border-color: <?php echo esc_attr($secondary_color); ?>
	   }
	<?php } ?>

  <?php if(!empty($footerbg['url'])){ ?>
  .footer_background {
  	background-image: url(<?php echo esc_attr($footerbg['url']); ?>);
  }
  <?php } ?>

  <?php if(!empty($footerbg_color)){ ?>
  .footer_backgroundcolor{
  background-color: <?php echo esc_attr($footerbg_color); ?>;
  }
  <?php } ?>

  <?php if(!empty($footer_bottom_bg)){ ?>
  .footer-bottom-bg{
  	background-color: <?php echo esc_attr($footer_bottom_bg); ?>;
  }
  <?php } ?>


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

		return implode($new_lines);
}


/* ACE CSS Editor */
function taskereasy_dynamic_css_options() {
    $css_editor = taskereasy_get_config( 'css_editor' );
    ?>

  <style>
    <?php echo esc_html($css_editor); ?>
  </style>
    <?php
}
add_action('wp_head',  'taskereasy_dynamic_css_options', 100);

?>