<?php
/**
 * @package LZ Restaurant Premium
 */

function total_dymanic_styles(){
    global $post;
    $primColor = get_theme_mod( 'lz_fitness_template_color', '#eb4444' );
    $headerboxresponsivebgColor= get_theme_mod( 'headerboxbgresponsive_color', '#000' );


   // $navigationboxresponsiveColor = get_theme_mod( 'navigationboxbgssresponsive_color', '#000' );
    //$navigationboxresponsiveborderColor = get_theme_mod( 'navigationboxbgssresponsiveborder_color', '#eb4444' );
   

 $respheadertaglineColor = get_theme_mod( 'header_responsivetaglineColor', '#fff' );
    $respmenuColor = get_theme_mod( 'header_responsivemenuColor', '#fff' );
    $respmenuhoverColor = get_theme_mod( 'header_responsivemenuhoverColor', '#000' );
    $respsubmenuboxbgColor = get_theme_mod( 'header_responsivesubmenuboxbgColor', '#fff' );
    $respcurrentmenuColor = get_theme_mod( 'header_responsivecurrentmenuColor', '#eb4444' );
    $respcurrentmenubgColor = get_theme_mod( 'header_responsivecurrentmenubgColor', '#fff' );
    $respsubmenuColor = get_theme_mod( 'header_responsivesubmenuColor', '#000' );
    $respsubmenuhoverColor = get_theme_mod( 'header_responsivesubmenuhoverColor', '#fff' );
    $respsubcurrentmenuColor = get_theme_mod( 'header_responsivesubmenucurrentmenuColor', '#eb4444' );

    $navresponsivebgColor = get_theme_mod( 'header_navresponsivebgColor', '#eb4444' );
    $navresponsiveborderrightColor = get_theme_mod( 'header_navresponsiveborderrightColor', '#fff' );
    $navresponsiveOffbtnColor = get_theme_mod( 'header_navresponsiveoffbtnColor', '#fff' );
    $navresponsiveOnbtnColor = get_theme_mod( 'header_navresponsiveonbtnColor', '#fff' );
    $navresponsiveOnbtnbgColor = get_theme_mod( 'header_navresponsiveonbtnbgColor', '#eb4444' );

      $resheadersocialboxColor = get_theme_mod('header_responsivesocialboxColor', '#fff');


    // $color_rgba = total_hex2rgba($color, 0.9);
    // echo 'light color: '.
    // $color_rgba = lz_fitness_hex2rgba($primColor, 0.9);
    $color_rgba = totalColourBrightness($primColor, 0.3);
    // echo '<br>Dark color: '.
    $darker_color = totalColourBrightness($primColor, -0.5);

    $header_image = get_header_image();
    // DYNAMIC FONTS
    // echo '<br> heading font '.
    $headeingFontRow = get_theme_mod('lz_fitness_general_headeing_font', '25');
    // echo '<br> text font '.
    $textFontRow = get_theme_mod('lz_fitness_general_text_font', '1');

 $headerlogoTmargin = get_theme_mod('pages_logoTmargin', '0px');
 $headerlogoBmargin = get_theme_mod('pages_logoBmargin', '0px');
 $headerlogoLmargin = get_theme_mod('pages_logoLmargin', '0px');
 $headerlogoRmargin = get_theme_mod('pages_logoRmargin', '0px');

  $slideropacity = get_theme_mod('slider_opacity', '0.60');

  $pageH1Font = get_theme_mod('pages_h1font', '28px');
    $pageH2Font = get_theme_mod('pages_h2font', '26px');
    $pageH3Font = get_theme_mod('pages_h3font', '24px');
    $pageH4Font = get_theme_mod('pages_h4font', '22px');
    $pageH5Font = get_theme_mod('pages_h5font', '20px');
    $pageH6Font = get_theme_mod('pages_h6font', '18px');

 $procatsectoppadding = get_theme_mod('sectionprocat_toppadding', '3em');
 $procatsecbottompadding = get_theme_mod('sectionprocat_bottompadding', '3em');
 $procatsecleftpadding = get_theme_mod('sectionprocat_leftpadding', '0px');
 $procatsecrightpadding = get_theme_mod('sectionprocat_rightpadding', '0px');

 $productsectoppadding = get_theme_mod('sectionproduct_toppadding', '3em');
 $productsecbottompadding = get_theme_mod('sectionproduct_bottompadding', '3em');
 $productsecleftpadding = get_theme_mod('sectionproduct_leftpadding', '0px');
 $productsecrightpadding = get_theme_mod('sectionproduct_rightpadding', '0px');

 $testimonialssectoppadding = get_theme_mod('sectiontestimonials_toppadding', '3em');
 $testimonialssecbottompadding = get_theme_mod('sectiontestimonials_bottompadding', '3em');
 $testimonialssecleftpadding = get_theme_mod('sectiontestimonials_leftpadding', '0px');
 $testimonialssecrightpadding = get_theme_mod('sectiontestimonials_rightpadding', '0px');

 $newslettersectoppadding = get_theme_mod('sectionnewsletter_toppadding', '3em');
 $newslettersecbottompadding = get_theme_mod('sectionnewsletter_bottompadding', '3em');
 $newslettersecleftpadding = get_theme_mod('sectionnewsletter_leftpadding', '0px');
 $newslettersecrightpadding = get_theme_mod('sectionnewsletter_rightpadding', '0px');

 $blogsectoppadding = get_theme_mod('sectionblog_toppadding', '3em');
 $blogsecbottompadding = get_theme_mod('sectionblog_bottompadding', '3em');
 $blogsecleftpadding = get_theme_mod('sectionblog_leftpadding', '0px');
 $blogsecrightpadding = get_theme_mod('sectionblog_rightpadding', '0px');

 $footersectoppadding = get_theme_mod('footer_toppadding', '6em');
 $footersecbottompadding = get_theme_mod('footer_bottompadding', '5em');
 $footersecleftpadding = get_theme_mod('footer_leftpadding', '0px');
 $footersecrightpadding = get_theme_mod('footer_rightpadding', '0px');

    $header = get_theme_mod('header_textcolor', '#666666'); //header color
    $headingFont = getFonts(false, (int)$headeingFontRow);
    $textFont = getFonts(false, (int)$textFontRow);
    $custom_css = '';
    $custom_css = " body, .ht-top-footer input[type='email'], 
.ht-top-footer input[type='email']::placeholder, 
footer#ht-colophon input[type='text'], 
footer#ht-colophon input[type='url'], 
footer#ht-colophon input[type='password'], 
footer#ht-colophon input[type='search'], 
footer#ht-colophon input[type='number'], 
footer#ht-colophon input[type='tel'], 
footer#ht-colophon input[type='range'], 
footer#ht-colophon input[type='date'], 
footer#ht-colophon input[type='month'], 
footer#ht-colophon input[type='week'], 
footer#ht-colophon input[type='time'], 
footer#ht-colophon input[type='datetime'], 
footer#ht-colophon input[type='datetime-local'], 
footer#ht-colophon input[type='color'], 
footer#ht-colophon input[type='email']::placeholder, 
footer#ht-colophon input[type='url']::placeholder, 
footer#ht-colophon input[type='password']::placeholder, 
footer#ht-colophon input[type='search']::placeholder, 
footer#ht-colophon input[type='number']::placeholder, 
footer#ht-colophon input[type='tel']::placeholder, 
footer#ht-colophon input[type='range']::placeholder, 
footer#ht-colophon input[type='date']::placeholder, 
footer#ht-colophon input[type='month']::placeholder, 
footer#ht-colophon input[type='week']::placeholder, 
footer#ht-colophon input[type='time']::placeholder, 
footer#ht-colophon textarea, 
footer#ht-colophon textarea::placeholder, 
footer#ht-colophon .widget select, 
footer#ht-colophon input[type='text'], 
footer#ht-colophon input[type='text']::placeholder,

.ht-top-footer input[type='submit'], footer#ht-colophon div.wpcf7 input[type='file'], * {font-family: $textFont;}
    h2.lz-about-heading, h2.lz-facility-heading, .ht-section-title, .lz-fitness-h2, .ht-title-wrap, .ht-slide-cap-title, .ht-slide-cap-title span, #ht-princing-post-section .ht-princing-icon,h1, h2, h3, h4, h5, h6,#pricing-page .ht-princing-icon, .ht-slide-cap-title, .ht-slide-cap-title span, .ht-slide-cap-title small,.ht-slide-cap-title sub, .ht-slide-cap-title sup, .ht-slide-cap-title strong, .ht-slide-cap-title big, .ht-slide-cap-title b, #ht-contactus-wrap .ht-section-title, #ht-contactus-wrap .ht-section-title span, #ht-contactus-wrap .ht-section-title small, #ht-contactus-wrap .ht-section-title strong, #ht-contactus-wrap .ht-section-title sub, #ht-contactus-wrap .ht-section-title sup, #ht-contactus-wrap .ht-section-title big, #ht-contactus-wrap .ht-section-title b, #ht-contactus-wrap h3, #ht-contactus-wrap h3 small, #ht-contactus-wrap h3 span, #ht-contactus-wrap h3 strong, #ht-contactus-wrap h3 sub, #ht-contactus-wrap h3 sup, #ht-contactus-wrap h3 big, #ht-contactus-wrap h3 b, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-product__title span, .woocommerce ul.products li.product .woocommerce-loop-product__title small, .woocommerce ul.products li.product .woocommerce-loop-product__title sub, .woocommerce ul.products li.product .woocommerce-loop-product__title sup, .woocommerce ul.products li.product .woocommerce-loop-product__title strong, .woocommerce ul.products li.product .woocommerce-loop-product__title big, .woocommerce ul.products li.product .woocommerce-loop-product__title b, .woocommerce div.product .product_title,.woocommerce div.product .product_title span, .woocommerce div.product .product_title small, .woocommerce div.product .product_title strong, .woocommerce div.product .product_title sub, .woocommerce div.product .product_title sup, .woocommerce div.product .product_title big, .woocommerce div.product .product_title b, .woocommerce #reviews #comments h2, .woocommerce #reviews #comments h2 span, .woocommerce #reviews #comments h2 small, .woocommerce #reviews #comments h2 strong, .woocommerce #reviews #comments h2 sub, .woocommerce #reviews #comments h2 sup, .woocommerce #reviews #comments h2 big, .woocommerce #reviews #comments h2 b, .ht-team-member .ht-title-wrap h6, .ht-team-member .ht-title-wrap h6 span, .ht-team-member .ht-title-wrap h6 small, .ht-team-member .ht-title-wrap h6 sub, .ht-team-member .ht-title-wrap h6 sup, .ht-team-member .ht-title-wrap h6 strong, .ht-team-member .ht-title-wrap h6 big, .ht-team-member .ht-title-wrap h6 b, .page-testimonial-box h6, .page-testimonial-box h6 span, .page-testimonial-box h6 strong, .page-testimonial-box h6 small, .page-testimonial-box h6 sub, .page-testimonial-box h6 sup, .page-testimonial-box h6 big, .page-testimonial-box h6 b  {font-family: $headingFont;}

         #ht-masthead .maintop-header{ background:url('$header_image'); background-repeat: no-repeat; background-size: cover;}

        #ht-masthead, .ht-site-description a, .page-template-home-template .ht-main-navigation .menu-item > a, .ht-main-navigation a, .ht-main-navigation ul ul a {color: #{$header};}

        .logobox img{margin-top: $headerlogoTmargin;}
    .logobox img{margin-bottom: $headerlogoBmargin;}
    .logobox img{margin-left: $headerlogoLmargin;}
    .logobox img{margin-right: $headerlogoRmargin;}

.ht-slide-overlay{opacity: $slideropacity;}

.page-template-default #innerpage-box #content-box h1, 
   .page-template #innerpage-box #content-box h1,
   .ht-main-title, .single-productpage .ht-main-title,
   .woocommerce div.product .product_title{font-size: $pageH1Font;}

    .page-template-default #innerpage-box #content-box h2, 
   .page-template #innerpage-box #content-box h2, 
   .woocommerce ul.products li.product .woocommerce-loop-product__title,
   .related.products h2
   {font-size: $pageH2Font;}

    .page-template-default #innerpage-box #content-box h3, 
   .page-template #innerpage-box #content-box h3, 
 .widget-area .widget-title, 
   div#sitemap-box h3,
   #innerpage-box #content-box .ht-team-member h3.member-name,
   #ht-contactus-wrap h3{font-size: $pageH3Font;}

    .page-template-default #innerpage-box #content-box h4, 
   .page-template #innerpage-box #content-box h4,
   #blog-box h4,
   #ht-contactus-wrap h4{font-size: $pageH4Font;}


    .page-template-default #innerpage-box #content-box h5, 
   .page-template #innerpage-box #content-box h5{font-size: $pageH5Font;}

    .page-template-default #innerpage-box #content-box h6, 
   .page-template #innerpage-box #content-box h6, 
   .socialMedia h6{font-size: $pageH6Font;}


#ht-colophon .overlay{padding-top: $footersectoppadding;}
#ht-colophon .overlay{padding-bottom: $footersecbottompadding;}
#ht-colophon .overlay{padding-left: $footersecleftpadding;}
#ht-colophon .overlay{padding-right: $footersecrightpadding;}

#product-category-section{padding-top: $procatsectoppadding;}
#product-category-section{padding-bottom: $procatsecbottompadding;}
#product-category-section{padding-left: $procatsecleftpadding;}
#product-category-section{padding-right: $procatsecrightpadding;}

#featured-post-section{padding-top: $productsectoppadding;}
#featured-post-section{padding-bottom: $productsecbottompadding;}
#featured-post-section{padding-left: $productsecleftpadding;}
#featured-post-section{padding-right: $productsecrightpadding;}

#testimonials-section{padding-top: $testimonialssectoppadding;}
#testimonials-section{padding-bottom: $testimonialssecbottompadding;}
#testimonials-section{padding-left: $testimonialssecleftpadding;}
#testimonials-section{padding-right: $testimonialssecrightpadding;}

#ht-newslatter-section{padding-top: $newslettersectoppadding;}
#ht-newslatter-section{padding-bottom: $newslettersecbottompadding;}
#ht-newslatter-section{padding-left: $newslettersecleftpadding;}
#ht-newslatter-section{padding-right: $newslettersecrightpadding;}

#ht-blog-section{padding-top: $blogsectoppadding;}
#ht-blog-section{padding-bottom: $blogsecbottompadding;}
#ht-blog-section{padding-left: $blogsecleftpadding;}
#ht-blog-section{padding-right: $blogsecrightpadding;}
    ";

    $custom_css .= "
    button,
    input[type='button'],
    input[type='reset'],
    input[type='submit'],
    .widget-area .widget-title:after,
    h3#reply-title:after,
    h3.comments-title:after,
    .nav-previous a,
    .nav-next a,
    .pagination .page-numbers,
    .page-template-home-template .ht-main-navigation .current > a,
    .home.blog .ht-main-navigation .current > a,    
    .ht-progress-bar-length,
    

    .ht-service-post-wrap:after,
    .ht-service-icon,
    .product-category-social-id a,
    .ht-counter:after,
    .ht-counter:before,
    .ht-testimonial-wrap .bx-wrapper .bx-controls-direction a,
    .ht-cta-buttons a.ht-cta-button1,
    .ht-cta-buttons a.ht-cta-button2:hover,
    #ht-back-top:hover,
    .entry-readmore a,
    .woocommerce #respond input#submit, 
    .woocommerce a.button, 
    .woocommerce button.button, 
    .woocommerce input.button,
    .woocommerce ul.products li.product:hover .button,
    .woocommerce #respond input#submit.alt, 
    .woocommerce a.button.alt, 
    .woocommerce button.button.alt, 
    .woocommerce input.button.alt,
    .woocommerce nav.woocommerce-pagination ul li a, 
    .woocommerce nav.woocommerce-pagination ul li span,
    .woocommerce span.onsale,
    .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
    .woocommerce #respond input#submit.disabled, 
    .woocommerce #respond input#submit:disabled, 
    .woocommerce #respond input#submit:disabled[disabled], 
    .woocommerce a.button.disabled, .woocommerce a.button:disabled, 
    .woocommerce a.button:disabled[disabled], 
    .woocommerce button.button.disabled, 
    .woocommerce button.button:disabled, 
    .woocommerce button.button:disabled[disabled], 
    .woocommerce input.button.disabled, 
    .woocommerce input.button:disabled, 
    .woocommerce input.button:disabled[disabled],
    .woocommerce #respond input#submit.alt.disabled, 
    .woocommerce #respond input#submit.alt.disabled:hover, 
    .woocommerce #respond input#submit.alt:disabled, 
    .woocommerce #respond input#submit.alt:disabled:hover, 
    .woocommerce #respond input#submit.alt:disabled[disabled], 
    .woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
    .woocommerce a.button.alt.disabled, 
    .woocommerce a.button.alt.disabled:hover, 
    .woocommerce a.button.alt:disabled, 
    .woocommerce a.button.alt:disabled:hover, 
    .woocommerce a.button.alt:disabled[disabled], 
    .woocommerce a.button.alt:disabled[disabled]:hover, 
    .woocommerce button.button.alt.disabled, 
    .woocommerce button.button.alt.disabled:hover, 
    .woocommerce button.button.alt:disabled, 
    .woocommerce button.button.alt:disabled:hover, 
    .woocommerce button.button.alt:disabled[disabled], 
    .woocommerce button.button.alt:disabled[disabled]:hover, 
    .woocommerce input.button.alt.disabled, 
    .woocommerce input.button.alt.disabled:hover, 
    .woocommerce input.button.alt:disabled, 
    .woocommerce input.button.alt:disabled:hover, 
    .woocommerce input.button.alt:disabled[disabled], 
    .woocommerce input.button.alt:disabled[disabled]:hover,
    .woocommerce .widget_price_filter .ui-slider .ui-slider-range,
    #ht-princing-post-section .ht-princing-icon,
    #ht-princing-post-section .plan-amount,
    .ht-princing-link a:hover,   
    #ht-appintment-section .ht-appintment-member-wrap,
    .product-category-social-id,    
    .page-main-header,
    #ht-contactus-wrap .contact-page-form,
    .contact-mapbox iframe,
    #content-box ol li:before,
    #featured-post-section .feature-post-boxes div:nth-child(2) div,
    .price-time,
    .readmore a,
    .about-form,
    .add-to-cart,   
    .social-icons ul li,
    .ht-slide-cap-desc a,
    .tip-wrap,
     #mcttCo b,
     #mcTooltip,
    div.jquery-gdakram-tooltip div.content,    
    .blog-read-more a,  
    #product-category-section .product-grid img,
    button:hover,
    .total-count .count,
    #ht-appintment-section .address-box
    {
        background:{$primColor};
    }

    a,
    a:hover,
    .address-box a
    .ht-post-info .entry-date span.ht-day,
    .entry-categories .fa,
    .widget-area a:hover,
    .comment-list a:hover,
    .no-comments,
    .ht-site-title a,
    .woocommerce .woocommerce-breadcrumb a:hover,
    #total-breadcrumbs a:hover,
    .ht-featured-link a,
    .ht-portfolio-cat-name-list .fa,
    .ht-portfolio-cat-name:hover, 
    .ht-portfolio-cat-name.active,
    .ht-portfolio-caption a,
    .product-category-detail,
    .ht-counter-icon,
    .woocommerce ul.products li.product .price,
    .woocommerce div.product p.price, 
    .woocommerce div.product span.price,
    .woocommerce .product_meta a:hover,
    .woocommerce-error:before, 
    .woocommerce-info:before, 
    .woocommerce-message:before,
    div.jquery-gdakram-tooltip div.content:after,    
   ul.products li.product-category,
   #content-box .woocommerce-MyAccount-navigation-link.is-active a, .woocommerce-MyAccount-navigation-link a:hover, 
   #content-box .woocommerce-MyAccount-navigation-link a:hover,
   .ht-footer .textwidget .fa,
   #ht-colophon a:hover,
   .ht-site-description a:hover,
   #innerpage-box table.shop_table_responsive tr.woocommerce-cart-form__cart-item td a:hover
    
    {
        color:{$primColor};
    }

    .ht-main-navigation ul ul,
    .ht-featured-link a,
    .ht-counter,
    .ht-testimonial-wrap .bx-wrapper img,
    .ht-blog-post,
    .woocommerce ul.products li.product:hover, 
    .woocommerce-page ul.products li.product:hover,
    .woocommerce #respond input#submit, 
    .woocommerce a.button, 
    .woocommerce button.button, 
    .woocommerce input.button,
    .woocommerce ul.products li.product:hover .button,
    .woocommerce #respond input#submit.alt, 
    .woocommerce a.button.alt, 
    .woocommerce button.button.alt, 
    .woocommerce input.button.alt,
    .woocommerce div.product .woocommerce-tabs ul.tabs,
    .woocommerce #respond input#submit.alt.disabled, 
    .woocommerce #respond input#submit.alt.disabled:hover, 
    .woocommerce #respond input#submit.alt:disabled, 
    .woocommerce #respond input#submit.alt:disabled:hover, 
    .woocommerce #respond input#submit.alt:disabled[disabled], 
    .woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
    .woocommerce a.button.alt.disabled, 
    .woocommerce a.button.alt.disabled:hover, 
    .woocommerce a.button.alt:disabled, 
    .woocommerce a.button.alt:disabled:hover, 
    .woocommerce a.button.alt:disabled[disabled], 
    .woocommerce a.button.alt:disabled[disabled]:hover, 
    .woocommerce button.button.alt.disabled, 
    .woocommerce button.button.alt.disabled:hover, 
    .woocommerce button.button.alt:disabled, 
    .woocommerce button.button.alt:disabled:hover, 
    .woocommerce button.button.alt:disabled[disabled], 
    .woocommerce button.button.alt:disabled[disabled]:hover, 
    .woocommerce input.button.alt.disabled, 
    .woocommerce input.button.alt.disabled:hover, 
    .woocommerce input.button.alt:disabled, 
    .woocommerce input.button.alt:disabled:hover, 
    .woocommerce input.button.alt:disabled[disabled], 
    .woocommerce input.button.alt:disabled[disabled]:hover,
    .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
	#blog-box .blog-read-more a,
    .error404 .error-404
    
    {
        border-color: {$primColor};
    }

button,
    input[type='button'],
    input[type='reset'],
    input[type='submit'],
    .widget-area .widget-title:after,
    h3#reply-title:after,
    h3.comments-title:after,
    .nav-previous a,
    .nav-next a,
    .pagination .page-numbers,    
    .ht-progress-bar-length,


    .ht-service-post-wrap:after,
    .ht-service-icon,
    .ht-counter:after,
    .ht-counter:before,
    .ht-testimonial-wrap .bx-wrapper .bx-controls-direction a,
    .ht-cta-buttons a.ht-cta-button1,
    .ht-cta-buttons a.ht-cta-button2:hover,
    #ht-back-top:hover,
    .entry-readmore a,
    .woocommerce #respond input#submit, 
    .woocommerce a.button, 
    .woocommerce button.button, 
    .woocommerce input.button,
    .woocommerce ul.products li.product:hover .button,
    .woocommerce #respond input#submit.alt, 
    .woocommerce a.button.alt, 
    .woocommerce button.button.alt, 
    .woocommerce input.button.alt,
    .woocommerce nav.woocommerce-pagination ul li a, 
    .woocommerce nav.woocommerce-pagination ul li span,
    .woocommerce span.onsale,
    .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
    .woocommerce #respond input#submit.disabled, 
    .woocommerce #respond input#submit:disabled, 
    .woocommerce #respond input#submit:disabled[disabled], 
    .woocommerce a.button.disabled, .woocommerce a.button:disabled, 
    .woocommerce a.button:disabled[disabled], 
    .woocommerce button.button.disabled, 
    .woocommerce button.button:disabled, 
    .woocommerce button.button:disabled[disabled], 
    .woocommerce input.button.disabled, 
    .woocommerce input.button:disabled, 
    .woocommerce input.button:disabled[disabled],
    .woocommerce #respond input#submit.alt.disabled, 
    .woocommerce #respond input#submit.alt.disabled:hover, 
    .woocommerce #respond input#submit.alt:disabled, 
    .woocommerce #respond input#submit.alt:disabled:hover, 
    .woocommerce #respond input#submit.alt:disabled[disabled], 
    .woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
    .woocommerce a.button.alt.disabled, 
    .woocommerce a.button.alt.disabled:hover, 
    .woocommerce a.button.alt:disabled, 
    .woocommerce a.button.alt:disabled:hover, 
    .woocommerce a.button.alt:disabled[disabled], 
    .woocommerce a.button.alt:disabled[disabled]:hover, 
    .woocommerce button.button.alt.disabled, 
    .woocommerce button.button.alt.disabled:hover, 
    .woocommerce button.button.alt:disabled, 
    .woocommerce button.button.alt:disabled:hover, 
    .woocommerce button.button.alt:disabled[disabled], 
    .woocommerce button.button.alt:disabled[disabled]:hover, 
    .woocommerce input.button.alt.disabled, 
    .woocommerce input.button.alt.disabled:hover, 
    .woocommerce input.button.alt:disabled, 
    .woocommerce input.button.alt:disabled:hover, 
    .woocommerce input.button.alt:disabled[disabled], 
    .woocommerce input.button.alt:disabled[disabled]:hover,
    .woocommerce .widget_price_filter .ui-slider .ui-slider-range,
    #ht-princing-post-section .ht-princing-icon,
    .ht-princing-icon,      
    .readmore a,
    .page-main-header,
    #ht-contactus-wrap .contact-page-form,
    .contact-mapbox iframe,
    #content-box ol li:before,
    .ht-slide-cap-descmore a,
    .days-time-day,
    .lz-facility-text ul li i,
    .facility-icon,
    #blog-box .blog-read-more a,
    .pagingation .current,
    .pagingation a:hover,
    .sect-height-appointment-box,
    .ht-appintment-member-wrap:after,
    #commentsAdd input[type='submit'],
    section#inner-blog-section .readMore:hover,
    div#sidebars ins,
    .woocommerce ul.products li.product .button,
    .woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:hover,
    .ht-main-navigation ul ul,
   .widget-area .social-profile-icons ul li a:hover,
   .inner-blog-post .socialMedia a:hover,
  .ht-newslatter-member-wrap div.wpcf7-response-output

    {
        background:{$primColor};
    }

    
    .ht-post-info .entry-date span.ht-day,
    .entry-categories .fa,
    .widget-area a:hover,
    .comment-list a:hover,
    .no-comments,
    .ht-site-title a,
    .woocommerce .woocommerce-breadcrumb a:hover,
    #total-breadcrumbs a:hover,
    .ht-featured-link a,
    .ht-portfolio-cat-name-list .fa,
    .ht-portfolio-cat-name:hover, 
    .ht-portfolio-cat-name.active,
    .ht-portfolio-caption a,
    .ht-team-detail,
    .ht-counter-icon,
    .woocommerce ul.products li.product .price,
    .woocommerce div.product p.price, 
    .woocommerce div.product span.price,
    .woocommerce .product_meta a:hover,
    .woocommerce-error:before, 
    .woocommerce-info:before, 
    .woocommerce-message:before,
    .featured-post:after,
    .featured-post:before,
    .featured-link a,
    .breadcrumbbox a,
    #ht-colophon .social-profile-icons a:hover,
    footer#ht-colophon ul li a:hover,
    .ht-footer .textwidget .fa,
    h6.secondry-text,
    #ht-about-us-section ul li:before,
    .pluses.text-right i.fa.fa-plus,
    .ht-section-tagline.lz-newslatter-text b,
    #content-box ul li:before,
    .offtimebox h4.offtime-text,
    #ht-masthead ul.header-menu-links li.mailto a:hover,
    .ht-slider-highlighttext,
    .edit-link a,
   .inner-blog-post .socialMedia a,
    .single_post .socialMedia a,
    #comments a, 
    #commentsAdd a,
    #content-box a,
    #content-box a i:hover,
    #content-box ol li a:hover,
     #content-box a:hover,
    #commentsAdd p a:hover
    #respond .stars span a,
    #content-box .socialMedia a:hover,
    .post-date-publishable i,
    div#sitemap-box ul li a,
    .woocommerce .star-rating span,
    .woocommerce div.product .woocommerce-product-rating a,
    #content-box .socialbxsinglepost:hover a i,
    section#inner-blog-section h2.title small,
     div#sitemap-box ul li a:hover,
div#content-box a.post-edit-link:hover,
div#content-box .woocommerce-MyAccount-content p a:hover,
div#content-box a.shipping-calculator-button:hover,
div#content-box div#payment a:hover,
div#content-box p a:hover,
div#content-box .woocommerce-info a:hover,
div#content-box header.woocommerce-Address-title.title a:hover,

    .lz-fitness-time div:nth-child(8) div.days-time-day,
    .widget-area ul ul li.current_page_item > a
    {
        color:{$primColor};
    }

    .ht-featured-link a,
    .ht-counter,
    .ht-testimonial-wrap .bx-wrapper img,
    .ht-blog-post,
    #ht-colophon,
    .woocommerce ul.products li.product:hover, 
    .woocommerce-page ul.products li.product:hover,
    .woocommerce #respond input#submit, 
    .woocommerce a.button, 
    .woocommerce button.button, 
    .woocommerce input.button,
    .woocommerce ul.products li.product:hover .button,
    .woocommerce #respond input#submit.alt, 
    .woocommerce a.button.alt, 
    .woocommerce button.button.alt, 
    .woocommerce input.button.alt,
    .woocommerce div.product .woocommerce-tabs ul.tabs,
    .woocommerce #respond input#submit.alt.disabled, 
    .woocommerce #respond input#submit.alt.disabled:hover, 
    .woocommerce #respond input#submit.alt:disabled, 
    .woocommerce #respond input#submit.alt:disabled:hover, 
    .woocommerce #respond input#submit.alt:disabled[disabled], 
    .woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
    .woocommerce a.button.alt.disabled, 
    .woocommerce a.button.alt.disabled:hover, 
    .woocommerce a.button.alt:disabled, 
    .woocommerce a.button.alt:disabled:hover, 
    .woocommerce a.button.alt:disabled[disabled], 
    .woocommerce a.button.alt:disabled[disabled]:hover, 
    .woocommerce button.button.alt.disabled, 
    .woocommerce button.button.alt.disabled:hover, 
    .woocommerce button.button.alt:disabled, 
    .woocommerce button.button.alt:disabled:hover, 
    .woocommerce button.button.alt:disabled[disabled], 
    .woocommerce button.button.alt:disabled[disabled]:hover, 
    .woocommerce input.button.alt.disabled, 
    .woocommerce input.button.alt.disabled:hover, 
    .woocommerce input.button.alt:disabled, 
    .woocommerce input.button.alt:disabled:hover, 
    .woocommerce input.button.alt:disabled[disabled], 
    .woocommerce input.button.alt:disabled[disabled]:hover,
    .woocommerce .widget_price_filter .ui-slider .ui-slider-handle
    .page-template-home-template .ht-main-navigation li:hover > a,
    .home.blog .ht-main-navigation li:hover > a,
    .page-template-home-template .ht-main-navigation .current > a,
    .home.blog .ht-main-navigation .current > a,
    .featured-post:before,
    #blog-box .blog-read-more a,
    main#innerpage-box .page-testimonial-box:hover,
    .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover, 
     main#innerpage-box .page-testimonial-box:hover .team-thumb img,
     .woocommerce ul.products li.product .button,
     .error404 .error-404,
     div#sitemap-box h3,
   .inner-blog-post .socialMedia a:hover,
  div.wpcf7-mail-sent-ng, div.wpcf7-aborted
    {
        border-color: {$primColor};
    }





#ht-masthead,
    .woocommerce-error, 
    .woocommerce-info, 
    .woocommerce-message{
        border-top-color: {$primColor};
    }

    .nav-next a:after{
        border-left-color: {$primColor};
    }

    .nav-previous a:after{
        border-right-color: {$primColor};
    }

    .ht-active .ht-service-icon{
        box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px {$primColor};
    }

    .woocommerce ul.products li.product .onsale:after{
        border-color: transparent transparent {$darker_color} {$darker_color};
    }

    .woocommerce span.onsale:after{
        border-color: transparent {$darker_color} {$darker_color} transparent
    }


    @media screen and (max-width: 1000px){
        .toggle-bar,
        .ht-main-navigation .ht-menu{
            background:{$primColor}
        }
}

     @media screen and (max-width: 580px){
      .page-template-home-template .header-transparent
        {
            background:{$headerboxresponsivebgColor}
        }
       
    }


  @media screen and (max-width: 990px){
        
        .site-header .show .ht-site-description a, .site-header .show .ht-site-title a
        {
            color:{$respheadertaglineColor}
        }
      .site-header .show ul li a
        {
            color:{$respmenuColor}
        }
        .site-header .show ul li a:hover, .site-header .show ul .current_page_item a:hover, header.site-header .show .current_page_item a:hover, .page-template-home-template header.site-header .show .current_page_item > a:hover
        {
            color:{$respmenuhoverColor}
        }
        .site-header .show ul.sub-menu {
            background-color:{$respsubmenuboxbgColor}
        }
        header.site-header .show .current_page_item a, .page-template-home-template header.site-header .show .current_page_item > a {
            color:{$respcurrentmenuColor}
        }
        .site-header .show ul .current_page_item a {
            background-color:{$respcurrentmenubgColor}
        }
        .site-header .show ul.sub-menu li a {
             color:{$respsubmenuColor}
        }
        .site-header .show ul.sub-menu li a:hover {
             color:{$respsubmenuhoverColor}
        }

        .site-header .show ul.sub-menu li.current_page_item a {
            color:{$respsubcurrentmenuColor}
        }

        div#navbarNavDropdown{
             background-color:{$navresponsivebgColor}
        }
        div#navbarNavDropdown{
             border-right-color:{$navresponsiveborderrightColor}
        }
        .header-seo.header-transparent .navbar-toggler span{
             background-color:{$navresponsiveOffbtnColor}
        }
       .header-seo.header-transparent .navbar-toggler:hover span{
             background-color:{$navresponsiveOnbtnColor}
        }
        .header-transparent .navbar-toggler:hover{
             background-color:{$navresponsiveOnbtnbgColor}
        }

      .header-transparent .show#navbarNavDropdown .socialresponsive{
             background-color:{$resheadersocialboxColor}
        }




        
    }


    ";

    // heading text colour 
    $headingColor = get_theme_mod('lz_fitness_title_color', '#eb4444');
    $custom_css .= '.title-color{color:'.$headingColor.';}';


    // START SECONDARY COLOR CSS
    $secondary = get_theme_mod('theme_secondary_color', '#000');
    $custom_css .='
    .secondry-bg,
   #blog-box .blog-read-more a:hover,
   #commentsAdd input[type="submit"]:hover,
   #respond input[type="submit"]:hover,
   button:hover, input[type="button"]:hover, 
   input[type="reset"]:hover, 
   input[type="submit"]:hover,
   div#secondary input[type="submit"]:hover,
   #innerpage-box .widget_calendar tfoot tr td a:hover,
   section#inner-blog-section .readMore,
   .woocommerce ul.products li.product .button:hover,
   .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li,
   .woocommerce ul.products li.product:hover .button:hover,
   .woocommerce a.button.alt:hover, 
   .woocommerce button.button:hover,
   .woocommerce button.button.alt:hover
   .woocommerce #respond input#submit:hover,
    .woocommerce a.button:hover,
     .woocommerce button.button:hover, 
     .woocommerce input.button:hover,
     .woocommerce button.button.alt:hover,
     #blog-box .inner-blog-img,
     #blog-box img,
     .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover,
 .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected],
  .widget-area .social-profile-icons ul li a,
 .inner-blog-post .socialMedia a,

.woocommerce .select2-container--default .select2-results__option--highlighted[aria-selected], .woocommerce .select2-container--default .select2-results__option--highlighted[data-selected],

.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover,
.woocommerce .select2-container--default .select2-results__option--highlighted[aria-selected], .woocommerce .select2-container--default .select2-results__option--highlighted[data-selected],

.add-to-cart:hover
   {
        background-color:'.$secondary.'
    }    
    #blog-box .blog-read-more a:hover,
    .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
    .woocommerce ul.products li.product .button:hover, 
    .woocommerce ul.products li.product:hover .button:hover,
    .woocommerce a.button.alt:hover

    .woocommerce #respond input#submit:hover, 
    .woocommerce a.button:hover,
     .woocommerce button.button:hover, 
     .woocommerce input.button:hover,
     .woocommerce button.button.alt:hover,
     #blog-box .ht-blog-date,
     .socialMedia a:hover

     {border-color: '.$secondary.';}
 
    #blog-box h4, #blog-box h4 small, #blog-box .ht-blog-date .fa, #blog-box .blog-read-more a {color:'.$secondary.';}     
 
    
     .product_list_widget .amount,
     .product_list_widget del .amount,
     .woocommerce ul.products li.product .total-product-title-wrap small,
     .total-product-title-wrap,
     .woocommerce div.product .product_title small,
     .woocommerce div.product .product_title,
     section#inner-blog-section h2.title:hover small,
     .woocommerce ul.products li.product .price del,
     .woocommerce p.stars a,
     .woocommerce .star-rating::before,
     #innerpage-box table.shop_table_responsive tr.woocommerce-cart-form__cart-item td a,
     .woocommerce table.shop_table td,
     #content-box .socialMedia a,
     #blog-box .ht-blog-date,
   #content-box .socialMedia a i,
     .widget-area ul ul li.current_page_item > a:hover,
     #innerpage-box .widget_calendar table tbody td#today,
     #innerpage-box .widget_calendar tbody tr td a
     {color: '.$secondary.';}
        ';
    // ENDS SECONDARY COLOR CSS



        //testimonials   
   if(get_theme_mod('luzuk_premium_testimonials_section_background','off') == 'on' ){
        
        $bgimg = get_theme_mod('luzuk_testimonials_bg_image');
        $img = !empty($bgimg)?$bgimg:get_template_directory_uri().'/images/default-gray.png';
        
        $custom_css .= '#testimonials-section {background-image: url("'.$img.'");background-position: top;background-size: cover;}';
    }else{
        $color = get_theme_mod('luzuk_testimonials_bg_color', '#ffffff');
      if('#ffffff' != $color){
         $custom_css .= '#testimonials-section{background-color: '.$color.';}';
       }
    }

    // Featured product
    if(get_theme_mod('luzuk_premium_featured_section_background','off') == 'on' ){
        
        $bgimg = get_theme_mod('luzuk_featured_bg_image');
        $img = !empty($bgimg)?$bgimg:get_template_directory_uri().'/images/default-gray.png';
        
        $custom_css .= '#featured-post-section {background-image: url("'.$img.'");background-position: top;background-size: cover;}';
    }else{
        $color = get_theme_mod('luzuk_featured_bg_color', '#ffffff');
      if('#ffffff' != $color){
         $custom_css .= '#featured-post-section{background-color: '.$color.';}';
       }
    }

   // category section

    if(get_theme_mod('luzuk_premium_categories_section_background','off') == 'on' ){
        
        $bgimg = get_theme_mod('luzuk_categories_bg_image');
        $img = !empty($bgimg)?$bgimg:get_template_directory_uri().'/images/default-gray.png';
        
        $custom_css .= '#product-category-section{background-image: url("'.$img.'");background-position: top;background-size: cover;}';
    }else{
        $color = get_theme_mod('luzuk_categories_bg_color', '#ffffff');
      if('#ffffff' != $color){
         $custom_css .= '#product-category-section{background-color: '.$color.';}';
       }
    }


 // about section
    if(get_theme_mod('luzuk_premium_aboutus_section_background','on') == 'on' ){
        
        $bgimg = get_theme_mod('luzuk_aboutus_bg_image');
        $img = !empty($bgimg)?$bgimg:get_template_directory_uri().'/images/aboutsectionbg.jpg';
        
        $custom_css .= '#ht-about-us-section {background-image: url("'.$img.'");background-position: top;background-size: cover;}';
    }else{
        $color = get_theme_mod('luzuk_aboutus_bg_color', '#ffffff');
        if('#ffffff' != $color){
            $custom_css .= '#ht-about-us-section {background-color: '.$color.';} .about-post{border-color:'.$color.';}';
        }
    }


	
       //gym   
   if(get_theme_mod('luzuk_premium_gym_section_background','on') == 'on' ){
        
        $bgimg = get_theme_mod('luzuk_gym_bg_image');
        $img = !empty($bgimg)?$bgimg:get_template_directory_uri().'/images/sleep.jpg';
        
        $custom_css .= '#time-address-section {background-image: url("'.$img.'");background-position: top;background-size: cover;}';
    }else{
        $color = get_theme_mod('luzuk_gym_bg_color', '#ffffff');
      if('#ffffff' != $color){
         $custom_css .= '#time-address-section{background-color: '.$color.';}';
       }
    }

        //appointment	
   if(get_theme_mod('luzuk_premium_appointment_section_background','on') == 'on' ){
        
        $bgimg = get_theme_mod('luzuk_appointment_bg_image');
        $img = !empty($bgimg)?$bgimg:get_template_directory_uri().'/images/timesectionbg.jpg';
        
        $custom_css .= '#ht-appintment-section {background-image: url("'.$img.'");background-position: top;background-size: cover;}';
    }else{
        $color = get_theme_mod('luzuk_appointment_bg_color', '#ffffff');
      if('#ffffff' != $color){
         $custom_css .= '#ht-appintment-section{background-color: '.$color.';}';
		 $custom_css .= '.ht-appintment-section, .lz-appintment-section input[type="submit"]{background-color: '.$color.';}';
       }
    }


      //blog 
   if(get_theme_mod('luzuk_premium_blog_section_background','off') == 'on' ){
        
        $bgimg = get_theme_mod('luzuk_blog_bg_image');
        $img = !empty($bgimg)?$bgimg:get_template_directory_uri().'/images/default-gray.png';
        
        $custom_css .= '#ht-blog-section {background-image: url("'.$img.'");background-position: top;background-size: cover;}';
    }else{
        $color = get_theme_mod('luzuk_blog_bg_color', '#ffffff');
      if('#ffffff' != $color){
         $custom_css .= '#ht-blog-section{background-color: '.$color.';}';
         
       }
    }


    // For Footer

    if(get_theme_mod('luzuk_premium_footer_section_background','on') == 'on' ){
        
        $bgimg = get_theme_mod('luzuk_footer_bg_image');
        $img = !empty($bgimg)?$bgimg:get_template_directory_uri().'/images/footerbg.jpg';
        
        $custom_css .= '#ht-colophon{background-image: url("'.$img.'");background-position: top;background-size: cover;}';
    }else{
        $color = get_theme_mod('luzuk_footer_bg_color', '#fff');
        if('#fff' != $color){
            $custom_css .= '#ht-colophon{background-color: '.$color.';}';
        }
    }


           //newsletter 
   if(get_theme_mod('luzuk_premium_newsletter_section_background','off') == 'on' ){
        
        $bgimg = get_theme_mod('luzuk_newsletter_bg_image');
        $img = !empty($bgimg)?$bgimg:get_template_directory_uri().'/images/default-gray.png';
        
        $custom_css .= '#ht-newslatter-section {background-image: url("'.$img.'");background-position: top;background-size: cover;}';
    }else{
        $color = get_theme_mod('luzuk_newsletter_bg_color', '#ffffff');
      if('#ffffff' != $color){
         $custom_css .= '#ht-newslatter-section{background-color: '.$color.';}';
         
       }
    }



// main header background color
    $HeadertaglineColor = get_theme_mod('header_taglineColor', '#fff');
     $headerstickyheaderbg = get_theme_mod('header_stickyheaderbg', '#000');

   $HeaderinnerpagebgColor = get_theme_mod('header_innerpageheaderbgColor', '#000');
     
    //$HeadernavigationbxColor = get_theme_mod('header_navigationbxColor', '#fff');
$custom_css .= '
 .ht-site-description a{color: '.$HeadertaglineColor.';}
.ht-sticky-header .header-transparent{background-color: '.$headerstickyheaderbg.';}
.header-transparent{background-color: '.$HeaderinnerpagebgColor.';}

 ';

    //Header Menu Color
    $headermenuColor = get_theme_mod('headermenu_color', '#faf8f9');
    $headersubmenuColor = get_theme_mod('headersubmenu_color', '#000');
    $headersubmenubgColor = get_theme_mod('headersubmenubg_color', '#fff');
     $headersubmenuhoverColor = get_theme_mod('headersubmenuhover_color', '#fff');
     $headersubmenubghoverColor = get_theme_mod('headersubmenubghover_color', '#eb4444');
    $headersubmenuborderColor = get_theme_mod('headersubmenuborder_color', '#eb4444');

    $headerhovertmenuColor = get_theme_mod('headerhovermenu_color', '#eb4444');
      $headerhovertmenuborderColor = get_theme_mod('headerhovermenuborder_color', '#eb4444');

    $headerheaderrightcontentbgColor = get_theme_mod('headerrightcontentbg_color', '#6A1B9A');
    $headertogglebarctmainborder = get_theme_mod('togglebarctmainborder_color', '#eb4444');

 $headerhovermenuborderC = get_theme_mod('headerhovermenuborder_color', '#2e2e2e');
$headerdropdowncurrentsubmenuColor = get_theme_mod('headerdropdowncurrentsubmenu_color', '#eb4444');

 $headersocialiconColor = get_theme_mod('header_socialiconColor', '#acacaa');
  $headersocialiconborderColor = get_theme_mod('header_socialiconborderColor', '#46423f');
    $headersocialiconhoverColor = get_theme_mod('header_socialiconhoverColor', '#eb4444');



     $custom_css .= '.site-header ul li a{color: '.$headermenuColor.';}
    .site-header ul ul.sub-menu a, .site-header li.current_page_item ul li a{color: '.$headersubmenuColor.';}
    .navbar-nav ul ul{background-color: '.$headersubmenubgColor.';}
     .site-header ul ul.sub-menu li a:hover{color: '.$headersubmenuhoverColor.';}
    .site-header ul ul.sub-menu li a:hover{background-color: '.$headersubmenubghoverColor.';}

   .navbar-nav ul ul{border-color: '.$headersubmenuborderColor.';}

  .site-header ul li a:hover, .site-header ul .current_page_item a:hover, header.site-header .current_page_item a:hover, .page-template-home-template header.site-header .current_page_item > a:hover , .navbar-nav li:hover > a, .page-template-home-template .navbar-nav li:hover > a{color: '.$headerhovertmenuColor.';}
.navbar-nav li a:before{background-color: '.$headerhovertmenuborderColor.';}

    .toggle-bar{background-color: '.$headertogglebarctmainborder.';}
    .ht-main-navigation a:hover{border-bottom-color: '.$headerhovermenuborderC.';}


    .site-header ul.sub-menu li.current_page_item a{color: '.$headerdropdowncurrentsubmenuColor.';}


  .header-transparent .social-icons span{color: '.$headersocialiconColor.';}
 .header-transparent .social-icons span{border-left-color: '.$headersocialiconborderColor.';}
 .header-transparent .social-icons span:hover{color: '.$headersocialiconhoverColor.';}

    ';

  // slider color
    $slidertitleColor = get_theme_mod('slider_TitleColor', '#f8faf7');
    $slidersubtitleColor = get_theme_mod('slider_subTitleColor', '#ececec');

       $sliderbtntextColor = get_theme_mod('slider_buttontextColor', '#fff');
     $sliderbtbbgColor = get_theme_mod('slider_buttonbgColor', '#ea4444');
    $sliderbtntexthoverColor = get_theme_mod('slider_buttontexthoverColor', '#ea4444');
     $sliderbtbbghoverColor = get_theme_mod('slider_buttonbghoverColor', '#000');
      $sliderboxborderColor = get_theme_mod('slider_boxborderColor', '#ea4444');

      $slideroverlayColor = get_theme_mod('slider_overlayColor', '#000');
    
    $custom_css .= '.ht-slide-cap-title, .ht-slide-cap-title small {color: '.$slidertitleColor.';}
.ht-slide-cap-desc {color: '.$slidersubtitleColor.';}

.ht-slide-cap-readmore a{color: '. $sliderbtntextColor.';}
.ht-slide-cap-readmore a{background-color: '. $sliderbtbbgColor.';}
.ht-slide-cap-readmore a:hover{color: '. $sliderbtntexthoverColor.';}
.ht-slide-cap-readmore a:before{background-color: '. $sliderbtbbghoverColor.';}
#ht-home-slider-section .ht-slide-caption{border-left-color: '. $sliderboxborderColor.';}
 .ht-slide-caption:before {border-right-color: '. $sliderboxborderColor.';}
  .ht-slide-caption:before {border-bottom-color: '. $sliderboxborderColor.';}
.ht-slide-caption:after{border-right-color: '. $sliderboxborderColor.';}
 .ht-slide-caption:after {border-top-color: '. $sliderboxborderColor.';}

.ht-slide-overlay{background-color: '. $slideroverlayColor.';}


    ';


    //Footer background color
$footertitleColor = get_theme_mod('footer_title_color', '#fff');
$footericonColor = get_theme_mod('footer_icon_color', '#ee5142');
$footertextColor = get_theme_mod('footer_text_color', '#979797');
$footertextemailColor = get_theme_mod('footer_textemail_color', '#fd9122');
$footertextemailhoverColor = get_theme_mod('footer_textemailhover_color', '#eb4444');

$footermenuiconColor = get_theme_mod('footer_menuicon_color', '#777576');
$footermenuColor = get_theme_mod('footer_menu_color', '#989795');
$footermenuhoverColor = get_theme_mod('footer_menuhover_color', '#ee5142');
$footermenudateColor = get_theme_mod('footer_menudate_color', '#989795');

$footerformColor = get_theme_mod('footer_form_color', '#979797');
$footerformborderColor = get_theme_mod('footer_formborder_color', '#979797');
$footerformbgColor = get_theme_mod('footer_formbg_color', '#000');
$footerbtnColor = get_theme_mod('footer_formbtn_color', '#ea4444');
$footerbtnborderColor = get_theme_mod('footer_formbtnborder_color', '#ea4444');
$footersocialColor = get_theme_mod('footer_social_color', '#8e8d89');
$footersocialhoverColor = get_theme_mod('footer_socialhover_color', '#ee5044');


$footertabletextColor = get_theme_mod('footer_tabletext_color', '#979797');
$footertabledaysColor = get_theme_mod('footer_tabledays_color', '#fff');
$footertabledaysbgColor = get_theme_mod('footer_tabledaysbg_color', '#ea4444');
$footertablebtnColor = get_theme_mod('footer_tablebtn_color', '#ea4444');
//$footertableborderColor = get_theme_mod('footer_tableborder_color', '#656565');


$footercopyrighttextColor = get_theme_mod('footer_copyrighttext_color', '#979797');

$footerformlabeltxt = get_theme_mod('footer_formlabeltxt_color', '#979797');

$footerborder = get_theme_mod('footer_border_color', '#382b28');


    $custom_css .= '#ht-colophon .widget-title, .calendar_wrap caption{color: '.$footertitleColor.';}
    footer#ht-colophon p i, footer#ht-colophon .textwidget .fa{color: '.$footericonColor.';}
    footer#ht-colophon p, #ht-colophon li.cat-item , .widget_archive ul li{color: '.$footertextColor.';}

   #ht-colophon .ht-footer a.mailto{color: '.$footertextemailColor.';}
  #ht-colophon .ht-footer a.mailto:hover{color: '.$footertextemailhoverColor.';}


   footer#ht-colophon ul li a, #ht-colophon .tagcloud a{color: '.$footermenuColor.';}
   footer#ht-colophon ul li span.post-date{color: '.$footermenudateColor.';}
    footer#ht-colophon ul li a:hover, #ht-colophon .tagcloud a:hover{color: '.$footermenuhoverColor.';}

  .ht-top-footer input[type="email"], footer#ht-colophon input[type="text"], footer#ht-colophon input[type="email"], footer#ht-colophon input[type="url"], footer#ht-colophon input[type="password"], footer#ht-colophon input[type="search"], footer#ht-colophon input[type="number"], footer#ht-colophon input[type="tel"], footer#ht-colophon input[type="range"], footer#ht-colophon input[type="date"], footer#ht-colophon input[type="month"], footer#ht-colophon input[type="week"], footer#ht-colophon input[type="time"], footer#ht-colophon textarea, footer#ht-colophon .widget select, 
     footer#ht-colophon .widget select option
   {border-color: '.$footerformborderColor.';}

   footer#ht-colophon input[type="email"], 
   footer#ht-colophon textarea,
    footer#ht-colophon input[type="text"], 
footer#ht-colophon input[type="url"], 
footer#ht-colophon input[type="password"], 
footer#ht-colophon input[type="search"], 
footer#ht-colophon input[type="number"], 
footer#ht-colophon input[type="tel"], 
footer#ht-colophon input[type="range"], 
footer#ht-colophon input[type="date"], 
footer#ht-colophon input[type="month"], 
footer#ht-colophon input[type="week"], 
footer#ht-colophon input[type="time"], 
footer#ht-colophon input[type="datetime"], 
footer#ht-colophon input[type="datetime-local"], 
footer#ht-colophon input[type="color"],
footer#ht-colophon .widget select, footer#ht-colophon input[type="text"]
   footer#ht-colophon .widget select option
   {background-color: '.$footerformbgColor.';}

    .ht-top-footer input[type="submit"], #ht-colophon .ht-footer .textwidget p a{color: '.$footerbtnColor.';}
    .ht-top-footer input[type="submit"], #ht-colophon .ht-footer .textwidget p a{border-bottom-color: '.$footerbtnborderColor.';}


  
  #ht-colophon .social-profile-icons ul li i, div#ht-top-footer .social-profile-icons ul li i,  #ht-colophon .footer-social-links a {color: '.$footersocialColor.';}
  #ht-colophon .social-profile-icons ul li:hover i,div#ht-top-footer .social-profile-icons ul li:hover i,  #ht-colophon .footer-social-links a:hover{color: '.$footersocialhoverColor.';}

   .ht-footer table tr, #ht-colophon .widget_calendar table tbody td{color: '.$footertabletextColor.';}
     #ht-colophon .widget_calendar table thead tr th{color: '.$footertabledaysColor.';}
   #ht-colophon .widget_calendar thead{background-color: '.$footertabledaysbgColor.';}

   #ht-colophon .ht-footer table tr td a{color: '.$footertablebtnColor.';}

    .ht-site-info{color: '.$footercopyrighttextColor.';}

.ht-footer2{border-left-color: '.$footerborder.';}
#ht-colophon .widget-title{border-bottom-color: '.$footerborder.';}
.ht-footer .widget_recent_entries ul li{border-bottom-color: '.$footerborder.';}

    .ht-top-footer input[type="email"], 
    .ht-top-footer input[type="email"]::placeholder, 
    footer#ht-colophon input[type="text"], 
footer#ht-colophon input[type="url"], 
footer#ht-colophon input[type="password"], 
footer#ht-colophon input[type="search"], 
footer#ht-colophon input[type="number"], 
footer#ht-colophon input[type="tel"], 
footer#ht-colophon input[type="range"], 
footer#ht-colophon input[type="date"], 
footer#ht-colophon input[type="month"], 
footer#ht-colophon input[type="week"], 
footer#ht-colophon input[type="time"], 
footer#ht-colophon input[type="datetime"], 
footer#ht-colophon input[type="datetime-local"], 
footer#ht-colophon input[type="color"],
footer#ht-colophon input[type="email"]::placeholder,
footer#ht-colophon input[type="url"]::placeholder,  
footer#ht-colophon input[type="password"]::placeholder,  
footer#ht-colophon input[type="search"]::placeholder, 
footer#ht-colophon input[type="number"]::placeholder,  
footer#ht-colophon input[type="tel"]::placeholder,  
footer#ht-colophon input[type="range"]::placeholder,  
footer#ht-colophon input[type="date"]::placeholder, 
footer#ht-colophon input[type="month"]::placeholder,  
footer#ht-colophon input[type="week"]::placeholder,  
footer#ht-colophon input[type="time"]::placeholder, 
footer#ht-colophon textarea, footer#ht-colophon textarea::placeholder, 
footer#ht-colophon .widget select, footer#ht-colophon input[type="text"], 
footer#ht-colophon input[type="text"]::placeholder {color: '.$footerformColor.';}

.ht-top-footer ul li:before{color: '.$footermenuiconColor.';}
footer#ht-colophon label, div#ht-top-footer div.wpcf7 p, #ht-colophon ul#recentcomments li, footer#ht-colophon div.wpcf7 input[type="file"]{color: '.$footerformlabeltxt.';}

';


  //Inner page title color
    $innertitleColor = get_theme_mod('lz_fitness_template_innerpage_titlecolor', '#fff');
    $innertitlebgColor = get_theme_mod('lz_fitness_template_innerpage_bgcolor', '#eb4444');
    $innerbreadcrumbtitleColor = get_theme_mod('lz_fitness_template_innerpage_breadcrumbtitlecolor', '#000');
    $innerbreadcrumbcurrenttitleColor = get_theme_mod('lz_fitness_template_innerpage_breadcrumbcurrenttitlecolor', '#eb4444');
    $innerbreadcrumbcurrenttitlehovercolor = get_theme_mod('lz_fitness_template_innerpage_breadcrumbcurrenttitlehovercolor', '#000');
    $innerbreadcrumbbgeColor = get_theme_mod('lz_fitness_template_innerpage_breadcrumbbgcolor', '#fff');
    $innerbreadcrumbbgbordercolor = get_theme_mod('lz_fitness_template_innerpage_breadcrumbbgbordercolor', '#eb4444');

$innerpagecontentboxtitleh1Color = get_theme_mod('template_innerpage_contentboxtitleh1color', '#333333');
    $innerpagecontentboxtitleh2Color = get_theme_mod('template_innerpage_contentboxtitleh2color', '#333333');
    $innerpagecontentboxtitleh3Color = get_theme_mod('template_innerpage_contentboxtitleh3color', '#333333');
    $innerpagecontentboxtitleh4Color = get_theme_mod('template_innerpage_contentboxtitleh4color', '#333333');
    $innerpagecontentboxtitleh5Color = get_theme_mod('template_innerpage_contentboxtitleh5color', '#333333');
    $innerpagecontentboxtitleh6Color = get_theme_mod('template_innerpage_contentboxtitleh6color', '#333333');

     $innerpagecontentboxtextColor = get_theme_mod('template_innerpage_contentboxtextcolor', '#303030');
    $innerpagecontentboxlistColor = get_theme_mod('template_innerpage_contentboxlistcolor', '#303030');
     $innerpagecontentboxlisticonColor = get_theme_mod('template_innerpage_contentboxlisticoncolor', '#eb4444');

    $innerpagecontentboxlistnumberColor = get_theme_mod('template_innerpage_contentboxlistnumbercolor', '#fff');
    $innerpagecontentboxlistnumberbgColor = get_theme_mod('template_innerpage_contentboxlistnumberbgcolor', '#eb4444');

    $innerpagecontentboxlinkColor = get_theme_mod('template_innerpage_contentboxlinkcolor', '#000');

      $innerpageborderColor = get_theme_mod('template_innerpage_bordercolor', '#EEE');

     $innerpagetabletextColor = get_theme_mod('template_innerpage_tabletext_color', '#6b7385');
$innerpagetabledaysColor = get_theme_mod('template_innerpage_tabledays_color', '#fff');
$innerpagetabledaysbgColor = get_theme_mod('template_innerpage_tabledaysbg_color', '#eb4444');
$innerpagetableboxbgColor = get_theme_mod('template_innerpage_tableboxbg_color', '#fff');
$innerpagetablebtnColor = get_theme_mod('template_innerpage_tablebtn_color', '#fff');
$innerpagetablebtnbgColor = get_theme_mod('template_innerpage_tablebtnbg_color', '#eb4444');
$innerpageboxbgColor = get_theme_mod('template_innerpage_boxbg_color', '#fff');
 $innerpageblogboxbgColor = get_theme_mod('template_innerpage_blogboxbg_color', '#eee');

 $innerpagesocialsColor = get_theme_mod('template_innerpage_socials_color', '#fff');
 

    $custom_css .= '.ht-main-title, .single-productpage .ht-main-title {color: '.$innertitleColor.';}
    .page-main-header {background-color: '.$innertitlebgColor.';}
    .breadcrumbbox span{color: '.$innerbreadcrumbtitleColor.';}
    .breadcrumbbox span a {color: '.$innerbreadcrumbcurrenttitleColor.';}
    .breadcrumbbox {background-color: '.$innerbreadcrumbbgeColor.';}
    .breadcrumbbox span a:hover, #content-box .breadcrumbbox span a:hover{color: '.$innerbreadcrumbcurrenttitlehovercolor.';}
    .breadcrumbbox{border-bottom-color: '.$innerbreadcrumbbgbordercolor.';}


    .page-template-default #innerpage-box #content-box h1,
    .page-template #innerpage-box #content-box h1
     {color: '.$innerpagecontentboxtitleh1Color.';}

      .page-template-default #innerpage-box #content-box h2,
    .page-template #innerpage-box #content-box h2,
    .related.products h2,.related.products h2 small, .related.products h2 span, .related.products h2 strong, .related.products h2 span, .related.products h2 sub, .related.products h2 big, .related.products h2 b,
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-product__title span, .woocommerce ul.products li.product .woocommerce-loop-product__title small, .woocommerce ul.products li.product .woocommerce-loop-product__title strong, .woocommerce ul.products li.product .woocommerce-loop-product__title sub, .woocommerce ul.products li.product .woocommerce-loop-product__title sup, .woocommerce ul.products li.product .woocommerce-loop-product__title big, .woocommerce ul.products li.product .woocommerce-loop-product__title b,
.woocommerce #reviews #comments h2, .woocommerce-page #reviews #comments h2
     {color: '.$innerpagecontentboxtitleh2Color.';}

      .page-template-default #innerpage-box #content-box h3,
    .page-template #innerpage-box #content-box h3, .widget-area h3.widget-title, div#sitemap-box h3
     {color: '.$innerpagecontentboxtitleh3Color.';}

      .page-template-default #innerpage-box #content-box h4,
    .page-template #innerpage-box #content-box h4, 
     .widget-area .widget-title, 
    #blog-box h4, #blog-box h4 small,
    #respond h4 span
     {color: '.$innerpagecontentboxtitleh4Color.';}

      .page-template-default #innerpage-box #content-box h5,
    .page-template #innerpage-box #content-box h5
     {color: '.$innerpagecontentboxtitleh5Color.';}

      .page-template-default #innerpage-box #content-box h6,
    .page-template #innerpage-box #content-box h6, .socialMedia h6
     {color: '.$innerpagecontentboxtitleh6Color.';}

    .page-template-default #innerpage-box #content-box p,
     .page-template-default #innerpage-box #content-box legend,
     .page-template #innerpage-box #content-box p,
     .inner-blog-excerpt,
     .single_post .post-single-content,
     #secondary input::placeholder,
     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,

       #secondary .woocommerce-product-search input::placeholder,
   .woocommerce-product-search  input[type="text"], .woocommerce-product-search input[type="email"],.woocommerce-product-search input[type="url"], .woocommerce-product-search input[type="password"], .woocommerce-product-search input[type="search"], .woocommerce-product-search input[type="number"], .woocommerce-product-search input[type="tel"], .woocommerce-product-search input[type="range"], .woocommerce-product-search input[type="date"],.woocommerce-product-search input[type="month"], .woocommerce-product-search input[type="week"], .woocommerce-product-search input[type="time"], .woocommerce-product-search input[type="datetime"], .woocommerce-product-search input[type="datetime-local"], .woocommerce-product-search input[type="color"],

     #secondary ul li, 
     .sitemap-posts-box li,
    #secondary table tr, #secondary table tr td a,  #secondary #calendar_wrap caption,
    .woocommerce-product-details__short-description, #tab-description,
    #innerpage-box .widget select,
    #innerpage-box .widget select option, 
    .single-productpage #innerpage-box select option,
    .single-productpage #innerpage-box select,
   .single-productpage .widget_product_categories select,
   .single-productpage .widget_product_categories select option,
  .single-productpage .widget_product_categories .select2-container--default .select2-selection--single .select2-selection__placeholder,
  .woocommerce .woocommerce-result-count,
  .price_label,
  .single-productpage .price .amount,
  .single-productpage .posted_in,
  .woocommerce #reviews #comments ol.commentlist li .comment-text p,
  .comment-respond .comment-reply-title,
  .comment-form-rating,
  .woocommerce #commentform p label,
  .woocommerce table.shop_table tr th,
  .woocommerce table.shop_table tr td span,
  .woocommerce-cart table.cart td.actions .coupon .input-text,
  .woocommerce-cart table.cart td.actions .coupon .input-text::placeholder,
  .woocommerce-info,
  .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce form .form-row input.input-text::placeholder, .woocommerce form .form-row textarea::placeholder,
.select2-container--default .select2-selection--single .select2-selection__rendered,
    #innerpage-box ul li, .widget_shopping_cart_content p, #comments p,
#comments .total-comments, .comment .comment-metadata, .commentmetadata time, #commentsAdd label,

.woocommerce .select2-container--default .select2-results__option[data-selected=true],
.product_meta span,

.woocommerce-Address address,

.single_post .post-date-publishable
{color: '.$innerpagecontentboxtextColor.';}

    #content-box ul li, #content-box ol li, li.select2-results__option{color: '.$innerpagecontentboxlistColor.';}

    #content-box ul li:before{color: '.$innerpagecontentboxlisticonColor.';}

    #content-box ol li:before {color: '.$innerpagecontentboxlistnumberColor.';}
    #content-box ol li:before {background-color: '.$innerpagecontentboxlistnumberbgColor.';}

    .widget-area a,  #content-box a, div#sitemap-box ul li a, #commentsAdd p a, #content-box ol li a, 
     div#sitemap-box ul li a,
div#content-box a.post-edit-link,
div#content-box .woocommerce-MyAccount-content p a,
div#content-box a.shipping-calculator-button,
div#content-box div#payment a,
div#content-box p a,
div#content-box .woocommerce-info a,
div#content-box header.woocommerce-Address-title.title a,
.woocommerce-MyAccount-navigation-link.is-active a, .woocommerce-MyAccount-navigation-link a:hover


    {color: '.$innerpagecontentboxlinkColor.';}
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,   
#innerpage-box .widget select,
    #innerpage-box .widget select option,
.single-productpage #innerpage-box select option,
    .single-productpage #innerpage-box select,
    .single-productpage .widget_product_categories select,
    .single-productpage .widget_product_categories select option,
   .single-productpage .widget_product_categories .select2-container--default .select2-selection--single,
    .woocommerce-product-search .search-field,
    .widget_product_search .woocommerce-product-search .search-field,
     .woocommerce-product-search  input[type="text"], .woocommerce-product-search input[type="email"],.woocommerce-product-search input[type="url"], .woocommerce-product-search input[type="password"], .woocommerce-product-search input[type="search"], .woocommerce-product-search input[type="number"], .woocommerce-product-search input[type="tel"], .woocommerce-product-search input[type="range"], .woocommerce-product-search input[type="date"],.woocommerce-product-search input[type="month"], .woocommerce-product-search input[type="week"], .woocommerce-product-search input[type="time"], .woocommerce-product-search input[type="datetime"], .woocommerce-product-search input[type="datetime-local"], .woocommerce-product-search input[type="color"],
.woocommerce table.shop_table,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-dropdown,
.select2-container--default .select2-selection--single,
.woocommerce table.shop_table td,
.woocommerce table.shop_table tfoot th,
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product,
.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img, 
.woocommerce #review_form #respond .form-submit input,
.woocommerce div.product form.cart .button, .woocommerce-page div.product form.cart .button, .woocommerce #content div.product form.cart .button, .woocommerce-page #content div.product form.cart .button,

.woocommerce #review_form #respond .form-submit input,
.woocommerce div.product form.cart .button, 
.woocommerce-page div.product form.cart .button, 
.woocommerce #content div.product form.cart .button, 
.woocommerce-page #content div.product form.cart .button,

select#product_cat option,
.woocommerce li.select2-results__option

     {border-color: '.$innerpageborderColor.';}
.woocommerce .products ul, 
.woocommerce-page .products ul, 
.woocommerce ul.products, 
.woocommerce-page ul.products,
.woocommerce .related ul.products, .woocommerce-page .related ul.products, .woocommerce .upsells.products ul.products, .woocommerce-page .upsells.products ul.products, .woocommerce .related ul, .woocommerce-page .related ul, .woocommerce .upsells.products ul, .woocommerce-page .upsells.products ul , .woocommerce table.shop_table td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .widget-area ul ul, .woocommerce div.product form.cart .button, .woocommerce-page div.product form.cart .button, .woocommerce #content div.product form.cart .button, .woocommerce-page #content div.product form.cart .button, 

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total,
#content-box .woocommerce table.shop_table td 
{border-top-color: '.$innerpageborderColor.';}
.woocommerce-checkout #payment ul.payment_methods, .woocommerce .related ul li.product, .woocommerce-page .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, .single_post .post-date-publishable{border-bottom-color: '.$innerpageborderColor.';}


    #innerpage-box .ht-footer table tr, #innerpage-box .widget_calendar table tbody td{color: '.$innerpagetabletextColor.';}
     #innerpage-box .widget_calendar table thead tr th{color: '.$innerpagetabledaysColor.';}
   #innerpage-box .widget_calendar thead{background-color: '.$innerpagetabledaysbgColor.';}
    #innerpage-box .widget_calendar table tbody td,  #innerpage-box table tbody{background-color: '.$innerpagetableboxbgColor.';}
 #innerpage-box .widget_calendar tfoot tr td a, input[type="submit"], div#secondary input[type="submit"]{background-color: '.$innerpagetablebtnbgColor.';}
   #innerpage-box table tr td a,  #innerpage-box input[type="submit"], .woocommerce ul.products li.product:hover .button, .woocommerce a.button:hover, .woocommerce ul.products li.product .button, .single-productpage #sidebars button, .woocommerce button.button.alt,  .woocommerce button.button, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a , .single-productpage .woocommerce #respond input#submit, .single-productpage .woocommerce #respond input#submit:hover,.woocommerce a.button, .single-productpage .woocommerce button.button, .single-productpage .woocommerce-page button.button, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], 
#blog-box .blog-read-more a:hover, #blog-box .blog-read-more a, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce button.button.alt:hover, .woocommerce .select2-container--default .select2-results__option--highlighted[aria-selected], .woocommerce .select2-container--default .select2-results__option--highlighted[data-selected]{color: '.$innerpagetablebtnColor.';}


.widget .social-profile-icons ul li i,.inner-blog-post .socialMedia a{color: '.$innerpagesocialsColor.';}

     #innerpage-box .innerpage-whitebox, .widget-area .widget, .woocommerce-info, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-dropdown, .select2-container--default .select2-search--dropdown .select2-search__field, .woocommerce table.shop_table td, div#sitemap-box h3, 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, #innerpage-box .widget select, #innerpage-box .widget select option, .single-productpage #innerpage-box select option, .single-productpage #innerpage-box select, .single-productpage .widget_product_categories select, .single-productpage .widget_product_categories select option, .single-productpage .widget_product_categories .select2-container--default .select2-selection--single, .total-product-title-wrap, .woocommerce-product-search  input[type="text"], .woocommerce-product-search input[type="email"],.woocommerce-product-search input[type="url"], .woocommerce-product-search input[type="password"], .woocommerce-product-search input[type="search"], .woocommerce-product-search input[type="number"], .woocommerce-product-search input[type="tel"], .woocommerce-product-search input[type="range"], .woocommerce-product-search input[type="date"],.woocommerce-product-search input[type="month"], .woocommerce-product-search input[type="week"], .woocommerce-product-search input[type="time"], .woocommerce-product-search input[type="datetime"], .woocommerce-product-search input[type="datetime-local"], .woocommerce-product-search input[type="color"], .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, #innerpage-box table tbody, #tab-description, .woocommerce div.product .woocommerce-tabs .panel,div#sitemap-box h3{background-color: '.$innerpageboxbgColor.';}
     #blog-box .inner-blog-post,  .woocommerce-checkout #payment{background-color: '.$innerpageblogboxbgColor.';}

   ';




 // Inner contact us page background color
    $ContactusdetailiconColor = get_theme_mod('contactus_detailiconColor', '#444');
    $ContactusdetailtitleColor = get_theme_mod('contactus_detailtitleColor', '#444');
    $ContactusdetailinfoColor = get_theme_mod('contactus_detailinfoColor', '#444');
    $ContactusdetailemailColor = get_theme_mod('contactus_detailemailColor', '#eb4444');
    $ContactusdetailemailhoverColor = get_theme_mod('contactus_detailemailhoverColor', '#000');
    $ContactusformtitleColor = get_theme_mod('contactus_formtitleColor', '#fff');
    $ContactusformbgColor = get_theme_mod('contactus_formbgColor', '#eb4444');
    $ContactusformlabelColor = get_theme_mod('contactus_formlabelColor', '#fff');
    $ContactusformtextplaceColor = get_theme_mod('contactus_formtextplaceColor', '#fff');
    $ContactusformborderbottomColor = get_theme_mod('contactus_formborderbottomColor', '#fff');
    $ContactusformbtnColor = get_theme_mod('contactus_formbtnColor', '#eb4444');
    $ContactusformbtnbgColor = get_theme_mod('contactus_formbtnbgColor', '#fff');
     $ContactusformbtnhoverColor = get_theme_mod('contactus_formbtnhoverColor', '#fff');
    $ContactusformbtnbghoverColor = get_theme_mod('contactus_formbtnbghoverColor', '#000');
     $ContactusformdtextColor = get_theme_mod('contactus_formdtextColor', '#fff');
    $ContactussocialtitleColor = get_theme_mod('contactus_SocialtitleColor', '#eb4444');
    $ContactussocialColor = get_theme_mod('contactus_SocialTitleColor', '#fff');
    $ContactussocialbgColor = get_theme_mod('contactus_SocialbgColor', '#eb4444');
    $ContactussocialhoverColor = get_theme_mod('contactus_SocialTitlehoverColor', '#fff');
    $ContactussocialbghoverColor = get_theme_mod('contactus_SocialbghoverColor', '#000');
    $ContactusmapbgColor = get_theme_mod('contactus_mapbgColor', '#eb4444');
    $custom_css .= '.contact-page-address .ht-section-tagline{color: '.$ContactusdetailtitleColor.';}
    .contact-page-address .ht-section-tagline .fa {color: '.$ContactusdetailiconColor.';}
    .contact-page-address .contact-info {color: '.$ContactusdetailinfoColor.';}
    #innerpage-box .contact-info a{color: '.$ContactusdetailemailColor.';}
     #innerpage-box .contact-info a:hover {color: '.$ContactusdetailemailhoverColor.';}
    #ht-contactus-wrap h2, #ht-contactus-wrap h2 small {color: '.$ContactusformtitleColor.';}
    #ht-contactus-wrap .contact-page-form {background-color: '.$ContactusformbgColor.';}
    #ht-contactus-wrap label {color: '.$ContactusformlabelColor.';}
     #ht-contactus-wrap input[type="text"], 
     #ht-contactus-wrap input[type="email"], 
     #ht-contactus-wrap input[type="url"], 
     #ht-contactus-wrap input[type="password"], 
     #ht-contactus-wrap input[type="search"], 
     #ht-contactus-wrap input[type="number"], 
     #ht-contactus-wrap input[type="tel"], 
     #ht-contactus-wrap input[type="range"], 
     #ht-contactus-wrap input[type="date"], 
     #ht-contactus-wrap input[type="month"], 
     #ht-contactus-wrap input[type="week"], 
     #ht-contactus-wrap input[type="time"], 
     #ht-contactus-wrap input[type="datetime"],
     #ht-contactus-wrap input[type="datetime-local"], 
     #ht-contactus-wrap input[type="color"],
    #ht-contactus-wrap input[type=file],
     #ht-contactus-wrap select,
     #ht-contactus-wrap textarea,
     #ht-contactus-wrap input::placeholder,
     #ht-contactus-wrap textarea::placeholder,
    #ht-contactus-wrap select::placeholder {color: '.$ContactusformtextplaceColor.';}
    #ht-contactus-wrap input[type="text"], 
     #ht-contactus-wrap input[type="email"], 
     #ht-contactus-wrap input[type="url"], 
     #ht-contactus-wrap input[type="password"], 
     #ht-contactus-wrap input[type="search"], 
     #ht-contactus-wrap input[type="number"], 
     #ht-contactus-wrap input[type="tel"], 
     #ht-contactus-wrap input[type="range"], 
     #ht-contactus-wrap input[type="date"], 
     #ht-contactus-wrap input[type="month"], 
     #ht-contactus-wrap input[type="week"], 
     #ht-contactus-wrap input[type="time"], 
     #ht-contactus-wrap input[type="datetime"],
     #ht-contactus-wrap input[type="datetime-local"], 
     #ht-contactus-wrap input[type="color"],
    #ht-contactus-wrap input[type=file],
     #ht-contactus-wrap select,
     #ht-contactus-wrap textarea {border-color: '.$ContactusformborderbottomColor.';}
    #ht-contactus-wrap input[type="submit"] {color: '.$ContactusformbtnColor.';}
     #ht-contactus-wrap input[type="submit"] {background-color: '.$ContactusformbtnbgColor.';}
     #ht-contactus-wrap input[type="submit"]:hover{color: '.$ContactusformbtnhoverColor.';}
    #ht-contactus-wrap input[type="submit"]:hover{background-color: '.$ContactusformbtnbghoverColor.';}
    #ht-contactus-wrap .contact-page-form{color: '.$ContactusformdtextColor.';}
    #ht-contactus-wrap h3, #ht-contactus-wrap h3 small {color: '.$ContactussocialtitleColor.';}
    #ht-contactus-wrap .contact-sm-links li a {color: '.$ContactussocialColor.';}
    #ht-contactus-wrap .contact-sm-links li a {background-color: '.$ContactussocialbgColor.';}
  #innerpage-box span.fa:hover, #ht-contactus-wrap .contact-sm-links li a:hover {color: '.$ContactussocialhoverColor.';}
   #ht-contactus-wrap .contact-sm-links li a:hover{background-color: '.$ContactussocialbghoverColor.';}
    .contact-mapbox iframe {background-color: '.$ContactusmapbgColor.';}';





    //about us heading & text color
    $aboutusHeadingColor = get_theme_mod('lz_fitness_aboutus_page_HeadingColor', '#ffffff');
    $aboutusTextColor = get_theme_mod('lz_fitness_aboutus_page_TextColor', '#ffffff');

       $aboutusbtntextColor = get_theme_mod('aboutus_buttontextColor', '#fff');
     $aboutusbtbbgColor = get_theme_mod('aboutus_buttonbgColor', '#ea4444');
    $aboutusbtntexthoverColor = get_theme_mod('aboutus_buttontexthoverColor', '#ea4444');
     $aboutusbtbbghoverColor = get_theme_mod('aboutus_buttonbghoverColor', '#000');

    $custom_css .= '.lz-about-heading{color: '.$aboutusHeadingColor.';}
        .lz-about-text{color: '.$aboutusTextColor.';}

#ht-about-us-section .readmore a{color: '. $aboutusbtntextColor.';}
#ht-about-us-section .readmore a{background-color: '. $aboutusbtbbgColor.';}
#ht-about-us-section .readmore a:hover{color: '. $aboutusbtntexthoverColor.';}
#ht-about-us-section .readmore a:before{background-color: '. $aboutusbtbbghoverColor.';}
        ';




    //facility heading & text color
    $facilityHeadingColor = get_theme_mod('lz_fitness_facility_HeadingColor', $primColor);
    /*if($primColor == $facilityHeadingColor){
        $facilityHeadingColor = $headingColor;
    }*/
    $facilityTextColor = get_theme_mod('lz_fitness_facility_TextColor', '#333333');
    $custom_css .= '.lz-facility-heading{color: '.$facilityHeadingColor.';} .lz-facility-text{color: '.$facilityTextColor.';}';

    // featured heading & text color
    $featuredHeadingColor = get_theme_mod('lz_fitness_featured_HeadingColor', $primColor);
    /*if($primColor == $featuredHeadingColor){
        $featuredHeadingColor = $headingColor;
    }*/
    $featuredTextColor = get_theme_mod('lz_fitness_featured_TextColor', '#333333');
    $custom_css .= '.lz-featured-heading{color: '.$featuredHeadingColor.';} .lz-featured-text{color: '.$featuredTextColor.';}';

    //team heading & text color
    $teamHeadingColor = get_theme_mod('product_category_Heading_color', '#eb4444');
    $teamTextColor = get_theme_mod('product_category_text_color', '#333333');
    $custom_css .= '.product-category-heading{color: '.$teamHeadingColor.';}
        .product-category-text{color: '.$teamTextColor.';}';

    //Reservation heading & text color
    $reservationHeadingColor = get_theme_mod('lz_fitness_reservation_HeadingColor', '#ffffff');
    $reservationTextColor = get_theme_mod('lz_fitness_reservation_TextColor', '#ffffff');
    $custom_css .= '.lz-reservation-heading{color: '.$reservationHeadingColor.';} 
        .lz-reservation-text{color: '.$reservationTextColor.';}';

    //testimonials heading & text color
    $testimonialsHeadingColor = get_theme_mod('lz_fitness_testimonials_HeadingColor', $primColor);
    $testimonialsTextColor = get_theme_mod('lz_fitness_testimonials_TextColor', '#333333');
    $custom_css .= '.lz-testimonials-heading{color: '.$testimonialsHeadingColor.';} .lz-testimonials-text{color: '.$testimonialsTextColor.';}';

    //gym heading & text color   
	$gymHeadingColor = get_theme_mod('lz_fitness_gym_HeadingColor', '#ffffff');
    $gymTextColor = get_theme_mod('lz_fitness_gym_TextColor', '#ffffff');   
	$custom_css .= '.lz-gym-heading{color: '.$gymHeadingColor.';} .lz-gym-text{color: '.$gymTextColor.';}';
	$custom_css .= '#time-address-section .ht-section-tagline{color: '.$gymTextColor.';}';
	$custom_css .= '#time-address-section .ht-section-title{color: '.$gymHeadingColor.';}';
	
    //appointment heading & text color	
    $appointmentHeadingColor = get_theme_mod('lz_fitness_appointment_HeadingColor', '#ffffff');
    $appointmentTextColor = get_theme_mod('lz_fitness_appointment_TextColor', '#ffffff');
    $custom_css .= '.lz-appointment-text{color: '.$appointmentTextColor.';}';
	$custom_css .= '.lz-appointment-heading{color: '.$appointmentHeadingColor.';} .lz-appointment-text{color: '.$appointmentTextColor.';}';
	$custom_css .= '.address-box a{color: '.$appointmentTextColor.';} .address-box{color: '.$appointmentTextColor.';}';

    //blog heading & text color
    $blogHeadingColor = get_theme_mod('lz_fitness_blog_HeadingColor', $primColor);
    $blogTextColor = get_theme_mod('lz_fitness_blog_TextColor', '#333333');

    $blogbtntextColor = get_theme_mod('blog_postbtntextColor', '#fff');
     $blogbtbbgColor = get_theme_mod('blog_postbtnbgColor', '#ea4444');
    $blogbtntexthoverColor = get_theme_mod('blog_postbtntexthoverColor', '#ea4444');
     $blogbtbbghoverColor = get_theme_mod('blog_postbtnbghoverColor', '#000');

    $custom_css .= '.lz-blog-heading, .ht-blog-excerpt h5 a{color: '.$blogHeadingColor.';} 
    .lz-blog-text, .ht-blog-excerpt .post-right, .ht-blog-excerpt .post-right span b{color: '.$blogTextColor.';}
   #ht-blog-section .blog-read-more a{color: '. $blogbtntextColor.';}
    #ht-blog-section .blog-read-more a{background-color: '. $blogbtbbgColor.';}
    #ht-blog-section .blog-read-more a:hover{color: '. $blogbtntexthoverColor.';}
    #ht-blog-section .blog-read-more a:before{background-color: '. $blogbtbbghoverColor.';}

    ';


    //plan heading & text color
    $planHeadingColor = get_theme_mod('lz_fitness_plan_HeadingColor', $primColor);
    /*if($primColor == $planHeadingColor){
        $planHeadingColor = $headingColor;
    }*/
    $planTextColor = get_theme_mod('lz_fitness_plan_TextColor', '#333333');
    $custom_css .= '.lz-plan-heading{color: '.$planHeadingColor.';} .lz-plan-text{color: '.$planTextColor.';}';

    //newslatter heading & text color
    $newslatterHeadingColor = get_theme_mod('lz_fitness_newslatter_HeadingColor', $primColor);
    /*if($primColor == $newslatterHeadingColor){
        $newslatterHeadingColor = $headingColor;
    }*/
    $newslatterTextColor = get_theme_mod('lz_fitness_newslatter_TextColor', '#333333');
    $custom_css .= '.lz-newslatter-heading{color: '.$newslatterHeadingColor.';} .lz-newslatter-text{color: '.$newslatterTextColor.';}';

    

     $custom = get_post_custom( $post->ID );

    $image_id = get_post_meta( $post->ID, '_listing_image_id', true );
    $thumbnail_html = wp_get_attachment_image_src( $image_id, 'larger');

    // echo '<pre />'; print_r($custom);
    if(!empty($custom['useColor']) && $custom['useColor'][0]==1){
        if( isset( $custom['page_bg_color'][0] ) ){
            $custom_css .= '#innerpage-box{background-color:'.$custom['page_bg_color'][0].';}';
        }
    }elseif(!empty($custom['useColor']) && $custom['useColor'][0]==0){
        if( isset( $custom['_listing_image_id'][0]) ){
            $custom_css .= '#innerpage-box{background-image: url(\''.$thumbnail_html[0].'\');background-position: center;background-attachment: fixed;background-origin: content-box;background-size: cover;}';
        }
    }else {
        if( isset( $custom['_listing_image_id'][0]) ){
            $custom_css .= '#innerpage-box{background:none}';
        }
    }

    $custom_css .='.border{border:1px solid #fff;}';

    return punte_css_strip_whitespace($custom_css);
}