<?php    
/**
 * @package Luzuk Premium
 */


function total_dymanic_styles(){
    global $post;
    $primColor = get_theme_mod( 'luzuk_template_color', '#f72985' );

    $navigationrespnavbsbgssColor = get_theme_mod( 'header_respnavbsbgssColor', '#ffffff' ); 

    $navigationrespnavbrssColor = get_theme_mod( 'header_navigationrespnavbrssColor', '#f72985' );
    // $color_rgba = total_hex2rgba($color, 0.9);
    // echo 'light color: '.
    // $color_rgba = luzuk_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('luzuk_general_headeing_font', '23');
    // echo '<br> text font '.
    $textFontRow = get_theme_mod('luzuk_general_text_font', '24');


    $header = get_theme_mod('header_textcolor', '#666666'); //header color




// fot bottom header padding

    $headerlogoTopsetmaxwidth = get_theme_mod('pages_logoTopsetmaxwidth', '100');
//Services section
    $servicesTpadding = get_theme_mod('service_areaTpadding', '0em');
    $servicesBpadding = get_theme_mod('service_areaBpadding', '0em');
    $servicesLpadding = get_theme_mod('service_areaLpadding', '0px');
    $servicesRpadding = get_theme_mod('service_areaRpadding', '0px');

//About section
    $aboutTpadding = get_theme_mod('about_areaTpadding', '0em');
    $aboutBpadding = get_theme_mod('about_areaBpadding', '0em');

    $immerpageteamtitlefont = get_theme_mod('inner_teamtitlefont', '23px');

//testimonial section
    $testimonialTpadding = get_theme_mod('sec_testimonialsectionTpadding', '1em');
    $testimonialBpadding = get_theme_mod('sec_testimonialsectionBpadding', '4em');
    $testimonialLpadding = get_theme_mod('sec_testimonialsectionLpadding', '0px');
    $testimonialRpadding = get_theme_mod('sec_testimonialsectionRpadding', '0px');

//blog section
    $blogTpadding = get_theme_mod('blog_areaTpadding', '6em');
    $blogBpadding = get_theme_mod('blog_areaBpadding', '4em');
    $blogLpadding = get_theme_mod('blog_areaLpadding', '0px');
    $blogRpadding = get_theme_mod('blog_areaRpadding', '0px');

//footer
    $SectionfooterseTmargin = get_theme_mod('sec_footerseTmargin', '5em');
    $Sectionfootersebottommargin = get_theme_mod('sec_footersebottommargin', '4em');
    $Sectionfootersecopacity = get_theme_mod('sec_footersecopacity', '0.85');

    $bottomareaTmargin = get_theme_mod('sec_bottomareaTmargin', '20px');
    $bottomareabottommargin = get_theme_mod('sec_bottomareabottommargin', '20px');
//inner page
    $headerinnerpageheading = get_theme_mod('pages_innerpageheading', '35px');
    $headerinnerpageheading2 = get_theme_mod('pages_innerpageheading2', '37px');
    $headerinnerpageheading3 = get_theme_mod('pages_innerpageheading3', '20px');
    $headerinnerpageheading4 = get_theme_mod('pages_innerpageheading4', '18px');
    $headerinnerpageheading5 = get_theme_mod('pages_innerpageheading5', '17px');
    $headerinnerpageheading6 = get_theme_mod('pages_innerpageheading6', '16px');

    $immerpageheadertitleboxTpadding = get_theme_mod('inner_headertitleboxTpadding', '12em');
    $immerpageheadertitleboxBpadding = get_theme_mod('inner_headertitleboxBpadding', '4em');

  


    $bloginnerpageheading2 = get_theme_mod('blogpages_innerpageheading2', '23px');
    $contactpagesheading4 = get_theme_mod('contactpages_innerpageheading2', '45px');
    


    $headingFont = getFonts(false, (int)$headeingFontRow);
    $textFont = getFonts(false, (int)$textFontRow);
  

    $custom_css = '';
    $custom_css = " body, * {font-family: $textFont;}

    h2.lz-about-heading, h2.lz-facility-heading, .ht-section-title, .luzuk-h2, .ht-title-wrap, .ht-slide-cap-title, #ht-princing-post-section .ht-princing-icon,h1, h2, h3, h4, h5, h6,
    .slider_section .sub-title,
    .slider_section .sub-title span,
    .slider_section .sub-title small,
    .slider_section .sub-title strong,
    .slider_section .sub-title b,
    .slider_section .sub-title big,
    .slider_section .sub-title sub,
    .slider_section .sub-title sup,
    .slider_section .title,
    .slider_section .title span,
    .slider_section .title small,
    .slider_section .title strong, 
    .slider_section .title b,
    .slider_section .title big,
    .slider_section .title sub,
    .slider_section .title sup,
    .slider-social-icon > span,
.section-title h2, .section-title h2 span, .section-title h2 small, .section-title h2 strong, .section-title h2 big, .section-title h2 b, .section-title h2 sub, .section-title h2 sup,
.inner-area-title, .inner-area-title small, .inner-area-title span, .inner-area-title strong, .inner-area-title sub, .inner-area-title sup, .inner-area-title big, .inner-area-title b,
    div#about .section-title h2 span,
    div#about .section-title h2 small,
    div#about .section-title h2 strong,
    div#about .section-title h2 b,
    div#about .section-title h2 big,
    div#about .section-title h2 sub,
    div#about .section-title h2 sup,
    .testimonials-area h6.ts-area-title,
    .testimonials-area h6.ts-area-title small,
    .testimonials-area h6.ts-area-title span,
    .testimonials-area h6.ts-area-title strong, 
    .testimonials-area h6.ts-area-title sub, 
    .testimonials-area h6.ts-area-title sup, 
    .testimonials-area h6.ts-area-title big, 
    .testimonials-area h6.ts-area-title b,
    main#innerpage-box div#content-box h3.faq-title, 
    main#innerpage-box div#content-box h3.faq-title small,
    main#innerpage-box div#content-box h3.faq-title span, 
    main#innerpage-box div#content-box h3.faq-title strong,
    main#innerpage-box div#content-box h3.faq-title sub, 
    main#innerpage-box div#content-box h3.faq-title sup,
    main#innerpage-box div#content-box h3.faq-title big, 
    main#innerpage-box div#content-box h3.faq-title b,
    .inner-page-gallery .text,
    .inner-page-gallery .text small,
    .inner-page-gallery .text span, 
    .inner-page-gallery .text strong,
    .inner-page-gallery .text sub, 
    .inner-page-gallery .text sup,
    .inner-page-gallery .text big, 
    .inner-page-gallery .text b,

    #innerpage-box h6.ts-area-title, 
    #innerpage-box h6.ts-area-title small,
    #innerpage-box h6.ts-area-title span, 
    #innerpage-box h6.ts-area-title strong,
    #innerpage-box h6.ts-area-title sub, 
    #innerpage-box h6.ts-area-title sup,
    #innerpage-box h6.ts-area-title big, 
    #innerpage-box h6.ts-area-title b,

  main#innerpage-box #blog-box h2,
    main#innerpage-box #blog-box h2 small,
  main#innerpage-box #blog-box h2 span, 
  main#innerpage-box #blog-box h2 strong,
  main#innerpage-box #blog-box h2 sub, 
  main#innerpage-box #blog-box h2 sup,
  main#innerpage-box #blog-box h2 big, 
  main#innerpage-box #blog-box h2 b,
    #ht-contactus-wrap .contact_l_area,
    #ht-contactus-wrap .contact_l_area small, 
     #ht-contactus-wrap .contact_l_area span,
      #ht-contactus-wrap .contact_l_area strong,
      #ht-contactus-wrap .contact_l_area sub,
      #ht-contactus-wrap .contact_l_area sup,
      #ht-contactus-wrap .contact_l_area big,
      #ht-contactus-wrap .contact_l_area b,
    #ht-contactus-wrap h1,
    #ht-contactus-wrap h1 small, 
     #ht-contactus-wrap h1 strong,
     #ht-contactus-wrap h1 span, 
     #ht-contactus-wrap h1 sub,
     #ht-contactus-wrap h1 sup,
     #ht-contactus-wrap h1 big,
      #ht-contactus-wrap h1 b,
    main#innerpage-box .Address_area h4, 
    main#innerpage-box .Address_area h4 small,
    main#innerpage-box .Address_area h4 strong,
    main#innerpage-box .Address_area h4 span,
    main#innerpage-box .Address_area h4 sub,
    main#innerpage-box .Address_area h4 sup,
    main#innerpage-box .Address_area h4 big,
    main#innerpage-box .Address_area h4 b,
    main#innerpage-box .social_area h4, 
    main#innerpage-box .social_area h4 small,
    main#innerpage-box .social_area h4 strong,
    main#innerpage-box .social_area h4 span,
    main#innerpage-box .social_area h4 sub,
    main#innerpage-box .social_area h4 sup,
    main#innerpage-box .social_area h4 big, 
    main#innerpage-box .social_area h4 b,
    .slider_section a.btn,
    .slider_section a.btn span,
    .slider_section a.btn small, 
    .slider_section a.btn strong,
    .slider_section a.btn big, 
    .slider_section a.btn b,
    .slider_section a.btn sup,
    .slider_section a.btn sub,
    .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 big, 
   .woocommerce div.product .product_title b,
   .woocommerce div.product .product_title sup,
   .woocommerce div.product .product_title sub,
   main#innerpage-box h2.woocommerce-loop-product__title,
    main#innerpage-box h2.woocommerce-loop-product__title span,
   main#innerpage-box h2.woocommerce-loop-product__title small, 
   main#innerpage-box h2.woocommerce-loop-product__title strong,
   main#innerpage-box h2.woocommerce-loop-product__title big, 
   main#innerpage-box h2.woocommerce-loop-product__title b,
   main#innerpage-box h2.woocommerce-loop-product__title sup,
   main#innerpage-box h2.woocommerce-loop-product__title sub,
    .service-area h4,
    .service-area h4 sub,
    .service-area h4 sup,
    .service-area h4 span,
    .service-area h4 small,
    .service-area h4 strong,
     .service-area h4 big,
     .service-area h4 b,
     body.page-template-default main#innerpage-box h4, div#commentsAdd h4, body.page-template-default main#innerpage-box h4 span, div#commentsAdd h4 span,
     body.page-template-default main#innerpage-box h4 small, div#commentsAdd h4 small,
     body.page-template-default main#innerpage-box h4 strong, div#commentsAdd h4 strong,
     body.page-template-default main#innerpage-box h4 sub, div#commentsAdd h4 sub,
     body.page-template-default main#innerpage-box h4 sup, div#commentsAdd h4 sup,
     body.page-template-default main#innerpage-box h4 big, div#commentsAdd h4 big,
     body.page-template-default main#innerpage-box h4 b, div#commentsAdd h4 b,

     .page-template-default #innerpage-box .service_inbox .title a, 
     .page-template-default #innerpage-box .service_inbox .title a small,
     .page-template-default #innerpage-box .service_inbox .title a sub,
    .page-template-default #innerpage-box .service_inbox .title a sup,
    .page-template-default #innerpage-box .service_inbox .title a span,
    .page-template-default #innerpage-box .service_inbox .title a strong,
     .page-template-default #innerpage-box .service_inbox .title a big,
     .page-template-default #innerpage-box .service_inbox .title a b,

     main#innerpage-box #blog-box h2, 
     main#innerpage-box #blog-box h2 small,
      main#innerpage-box #blog-box h2 sub,
     main#innerpage-box #blog-box h2 sup,
     main#innerpage-box #blog-box h2 span,
     main#innerpage-box #blog-box h2 strong,
      main#innerpage-box #blog-box h2 big,
      main#innerpage-box #blog-box h2 b
     {font-family: $headingFont; }

   .top-bar-head{ 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};}
    .page-template-home-template .ht-main-navigation .current_page_item > a {color: #fff;}

    .logo-header.mostion img{max-width: $headerlogoTopsetmaxwidth%;}

    div#service{padding-top: $servicesTpadding;}
    div#service{padding-bottom: $servicesBpadding;}
    div#service{padding-left: $servicesLpadding;}
    div#service{padding-right: $servicesRpadding;}

    div#about{padding-top: $aboutTpadding;}
   div#about{padding-bottom: $aboutBpadding;}

    #innerpage-box .team-text h4{font-size: $immerpageteamtitlefont;}

   div#blog{padding-top: $blogTpadding;}
   div#blog{padding-bottom: $blogBpadding;}
   div#blog{padding-left: $blogLpadding;}
   div#blog{padding-right: $blogRpadding;}

    .footer-area .overlay{padding-top: $SectionfooterseTmargin;}
    .footer-area .overlay{padding-bottom: $Sectionfootersebottommargin;}

    .footer-area .overlay{opacity: $Sectionfootersecopacity;}

    .footer-area .bottom-area{padding-top: $bottomareaTmargin;}
    .footer-area .bottom-area{padding-bottom: $bottomareabottommargin;}

.page-main-header{padding-top: $immerpageheadertitleboxTpadding;}
.page-main-header{padding-bottom: $immerpageheadertitleboxBpadding;}
main#innerpage-box h1,
    body.page-template-default main#innerpage-box h1, .ht-main-title,
    #ht-contactus-wrap h1{font-size: $headerinnerpageheading;}
    body.page-template-default main#innerpage-box h2,
    main#innerpage-box h2,
    #blog-box h4,
    h1.product_title.entry-title{font-size: $headerinnerpageheading2;}
    main#innerpage-box h3,
    body.page-template-default main#innerpage-box h3,
    #innerpage-box div#content-box .teamdesbox h3,
    .widget .widget-title, .widget .post-title,
    div#sitemap-box h3{font-size: $headerinnerpageheading3;}
    main#innerpage-box h4,
    div#commentsAdd h4,
    main#innerpage-box .main-inner-ser-bx h4.panel-header a{font-size: $headerinnerpageheading4;}
    main#innerpage-box h5{font-size: $headerinnerpageheading5;}
    main#innerpage-box h6,
    body.page-template-default main#innerpage-box h6,
    div#blog-box.innerpage-whitebox h6{font-size: $headerinnerpageheading6;}

main#innerpage-box #blog-box h2{font-size: $bloginnerpageheading2;}
main#innerpage-box .Address_area h4, main#innerpage-box .social_area h4,.page-template-contact-template main#innerpage-box .Address_area h4, .page-template-contact-template main#innerpage-box .social_area h4{font-size: $contactpagesheading4;}
    
    ";

    $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,    
    .ht-progress-bar-length,
    .ht-service-post-wrap:after,
    .ht-service-icon,
    .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,
    .woocommerce-MyAccount-navigation-link a,
    #ht-princing-post-section .ht-princing-icon,
    .ht-princing-icon,      
    .readmore a,
    .page-main-header,
    #content-box ol li:before,
    .ht-slide-cap-descmore a,
    .days-time-day,
    .lz-facility-text ul li i,
    .facility-icon,
    .pagingation .current,
    .pagingation a:hover,
    .ht-appintment-member-wrap:after,
    #commentsAdd input[type='submit'],
    section#inner-blog-section .readMore:hover,
    .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,
    .pagination .page-numbers.current, .pagination a.page-numbers:hover,
    div#sitemap-box h3,
    .ht-blog-thumbnail .socialMedia a,
    .widget-area .widget-title,
    .widget_calendar tfoot tr td a
    {
        background:{$primColor};
    }
    .ht-post-info .entry-date span.ht-day,
    .entry-categories .fa,
    .widget-area a:hover,
    .comment-list a:hover,
    .no-comments,
    .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,
    .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 .header-social-links span:hover,
    #ht-masthead ul.header-menu-links li.mailto a:hover,
    .ht-slider-highlighttext,
    .edit-link a,
    .inner-blog-post .socialMedia a:hover,
    #comments a, 
    #commentsAdd a,
    #content-box a,
    #content-box a i:hover,
    #respond .stars span a,
    #content-box .socialMedia a:hover,
    .post-date-publishable i,
    .woocommerce .star-rating span,
    .woocommerce div.product .woocommerce-product-rating a,
    #content-box .socialbxsinglepost:hover a i,
    section#inner-blog-section h2.title small,
    section#inner-blog-section h2.title a,
    div#secondary li.current_page_item > a,
    div#secondary .social-profile-icons ul li i,
    .woocommerce .star-rating::before,
    .socialMedia a:hover,
    .luzuk-time div:nth-child(8) div.days-time-day,
    div#content-box header.woocommerce-Address-title.title a:hover,
   #blog-box .ht-blog-date, #blog-box .ht-blog-date .fa,
    .widget-area ul li:before,
    .woocommerce table.shop_attributes th,
      .widget-area span.woocommerce-Price-amount.amount,
      main#innerpage-box .blog-date span
    {
        color:{$primColor};
    }

    .ht-featured-link a,
    .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,
     #ht-masthead .header-social-links span:hover,
    .woocommerce ul.products li.product .button,
    div#sitemap-box h3:before
    {
        border-color: {$primColor};
    }

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

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


    .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: 1300px){
    .navigation.menuopen{
        background:{$navigationrespnavbsbgssColor};
    }
    .navigation.menuopen{
        border-right-color:{$navigationrespnavbrssColor} !important;
    }

}
";


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

    // START SECONDARY COLOR CSS
$secondary = get_theme_mod('theme_secondary_color', '#516ced');
$custom_css .='
.secondry-bg,
   #commentsAdd input[type="submit"]:hover,
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover,
div#secondary input[type="submit"]:hover,
.socialMedia a,
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, section#inner-blog-section h2.title,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
div#content-box .wc-proceed-to-checkout a:hover,
.woocommerce #payment #place_order:hover, 
.woocommerce-page #payment #place_order:hover,
.woocommerce div.product form.cart .button:hover,
.single-productpage #sidebars button:hover,
.entry-readmore a:hover,
.pagination .page-numbers,
main#innerpage-box .ht-blog-thumbnail a:after{
    background-color:'.$secondary.'
}    
    #blog-box .blog-read-more a:hover,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.socialMedia a:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
div#content-box .wc-proceed-to-checkout a:hover,
.woocommerce #payment #place_order:hover, 
.woocommerce-page #payment #place_order:hover 
{border-color: '.$secondary.';}

main#innerpage-box #blog-box h2, 
main#innerpage-box #blog-box h2 small,
div#secondary .social-profile-icons ul li i:hover, main#innerpage-box .inner-blogpost:hover .blog-date span {color:'.$secondary.';}  

.woocommerce-MyAccount-navigation-link.is-active a {color:'.$secondary.' !important;}    


.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,
div#content-box p a:hover,
div#content-box .woocommerce-info a:hover,
section#inner-blog-section h2.title:hover small,
.woocommerce .widget_rating_filter ul li a:hover span,
.woocommerce .star-rating:hover, 
.woocommerce-page .star-rating:hover span,
main#innerpage-box h2.woocommerce-loop-product__title small,
main#innerpage-box h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product .price del,
 .ht-site-title a, .site-title a,
.widget-area del span.woocommerce-Price-amount.amount
{color: '.$secondary.';}

';

 // header menus 
    $HeadertopmenusColorColor = get_theme_mod('header_topmenusColor', '#4a4a4a');
    $HeadertopmenushoverColorColor = get_theme_mod('header_topmenushoverColor', '#f72985');
    $HeadertopmenusactiveColorColor = get_theme_mod('header_topmenusactiveColor', '#f72985');

 $HeadertopsubmenuiconColorColor = get_theme_mod('header_topsubmenuiconColor', '#516bec');
    $HeadertopsubmenusColor = get_theme_mod('header_topsubmenusColor', '#ffffff');
    $HeadertopsubmenushvrColor = get_theme_mod('header_topsubmenushvrColor', '#fff');
    $navigationrestopsubmenusbgsscColor = get_theme_mod( 'header_submenusbgsscColor', '#516ced' );

    $HeadertopsubmenushvranimatedbgColor = get_theme_mod('header_topsubmenushvranimatedbgColor', '#000');
    $HeadertopsubmenushvrbgColor = get_theme_mod('header_topsubmenushvrbgColor', '#f72985');
  
    $HeaderSiteTaglineColor = get_theme_mod( 'header_SiteTaglineColor', '#4a4a4a' );

    $navigationrespnavtoggbarbgssColor = get_theme_mod( 'header_respnavtoggbarbgssColor', '#f72985' );
    $navigationheadersubmenusbordercColor = get_theme_mod( 'header_headersubmenusbordercColor', '#ffffff' );
    $navigationheadersubmenusborderhvrscColor = get_theme_mod( 'header_headersubmenusborderhvrscColor', '#000000' );

 $HeaderbgColorColor = get_theme_mod('header_bgColor', '#fff');

$HeadersocialColorColor = get_theme_mod('header_socialColor', '#fff');
$HeadersocialColorbgColor = get_theme_mod('header_socialbgColor', '#516bec');
$HeadersocialColorbghoverColor = get_theme_mod('header_socialbghoverColor', '#f72985');

    $custom_css .= '
.navigation .mainmenu li a{color: '.$HeadertopmenusColorColor.';}
   .navigation .mainmenu li a:hover,
    div#navbarNavDropdown li.current_page_item a:hover, .current_page_item > a:hover{color: '.$HeadertopmenushoverColorColor.';}
 .navigation .mainmenu li.current_page_item a, .current_page_item > a{color: '.$HeadertopmenusactiveColorColor.';}

 .menu-click i{color: '.$HeadertopsubmenuiconColorColor.';}

  header.site-header ul.sub-menu li a,  .navigation .mainmenu li.current_page_item ul.sub-menu li a, .header.site-header ul.sub-menu li a{color: '.$HeadertopsubmenusColor.';}

  header.site-header ul.sub-menu li a:hover,
  .navigation .mainmenu ul.sub-menu li.current_page_item a, ul.sub-menu .current_page_item > a,
   div#navbarNavDropdown ul.sub-menu li.current_page_item a:hover, ul.sub-menu .current_page_item > a:hover,
 div#navbarNavDropdown li.current_page_item ul.sub-menu li a:hover
 ,

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

.header.site-header ul.sub-menu li a:before{color: '.$HeadertopsubmenushvranimatedbgColor.';}
  header.site-header ul.sub-menu li a:hover, .navigation .mainmenu ul.sub-menu li.current_page_item a, ul.sub-menu .current_page_item > a, div#navbarNavDropdown ul.sub-menu li.current_page_item a:hover, ul.sub-menu .current_page_item > a:hover, div#navbarNavDropdown li.current_page_item ul.sub-menu li a:hover{background-color: '.$HeadertopsubmenushvrbgColor.';}

  ul.sub-menu, header.site-header ul.sub-menu{background-color: '.$navigationrestopsubmenusbgsscColor.';}

  .hamburger-menus span{background-color: '.$navigationrespnavtoggbarbgssColor.';}


    .ht-site-description a{color: '.$HeaderSiteTaglineColor.';}
   
    .navigation .mainmenu ul.sub-menu li a:after{background-color: '.$navigationheadersubmenusbordercColor.';}
    .navigation .mainmenu ul.sub-menu li:hover a:after{background-color: '.$navigationheadersubmenusborderhvrscColor.';}
.top-bar-head{background-color: '.$HeaderbgColorColor.';}

 .share-btn ul li a.site-button{color: '.$HeadersocialColorColor.';}
.share-btn ul li a.site-button{background-color: '.$HeadersocialColorbgColor.';}
.share-btn ul:hover li.share-button a.site-button, .share-btn ul li a.site-button:hover{background-color: '.$HeadersocialColorbghoverColor.';}


  ';


      // slider color
$slidersubtitleColor = get_theme_mod('slider_SubtitleColor', '#383838');
$sliderTitleColor = get_theme_mod('slider_titleColor', '#202020');
$slidersgradcolor = get_theme_mod('slider_bg_color', '#fff');

$sliderButtontextcolor = get_theme_mod('slider_ButtontextColor', '#fff');
$sliderButtongradcolor1 = get_theme_mod('slider_ButtonbgColor', '#f72985');
$sliderButtongradcolor2 = get_theme_mod('slider_ButtonbghoverColor', '#f72985');


$custom_css .= '.slider_section .title, .slider_section .title small {color: '.$sliderTitleColor.';}
.slider_section .sub-title, .slider_section .sub-title small{color: '.$slidersubtitleColor.';}

.slider_gradiant{background-color: '.$slidersgradcolor.';}

.slider_section a.btn{color: '.$sliderButtontextcolor.';}
.slider_section a.btn{background-color: '.$sliderButtongradcolor1.';}
.slider_section a.btn:hover, .slider_section a.btn:before,
.slider_section a.btn:after{background-color: '.$sliderButtongradcolor2.';}


 ';


// colors
$Serviceareasectitle = get_theme_mod('servicearea_sectitle_color', '#202020');

$ServiceareatitleborderOne = get_theme_mod('servicearea_sectitleborder_color_one', '#f499c3');
$ServiceareatitleborderTwO = get_theme_mod('servicearea_sectitleborder_color_two', '#f62b85');

$ServiceSubttlColor = get_theme_mod('services_SubttlColor', '#505050');
$ServicePageTitleColor = get_theme_mod('services_ServicePageTitleColor', '#3d3d3d');

$ServiceSubttlhoverColor = get_theme_mod('services_SubttlhoverColor', '#fff');
$ServicePageTitlehoverColor = get_theme_mod('services_ServicePageTitlehoverColor', '#fff');

$Serviceicon1Color = get_theme_mod('services_icon1Color', '#fca902');

$ServiceiconhoverColor = get_theme_mod('services_iconhoverColor', '#fff');

$ServiceareasecbgOne = get_theme_mod('servicearea_secbg_color_one', '#f3f3f3');
$ServiceareasecbgTwO = get_theme_mod('servicearea_secbg_color_two', '#fff');

$Serviceareaboxbg = get_theme_mod('servicearea_boxbg_color', '#fff');
$ServiceareaboxbgOne = get_theme_mod('servicearea_boxbg_color_one', '#8972ea');
$ServiceareaboxbgTwO = get_theme_mod('servicearea_boxbg_color_two', '#516ced');

$custom_css .= '

div#service {
    background: linear-gradient(0deg,'.$ServiceareasecbgOne.' ,'.$ServiceareasecbgTwO.'  90%) no-repeat;
}


.service-area h2, .service-area h2 small{color: '.$Serviceareasectitle.';}

div#service .titleborder:after {background-image: radial-gradient( circle farthest-corner at 10% 20%,'.$ServiceareatitleborderOne.' 0%,'.$ServiceareatitleborderTwO.' 100.3% );}

.service-area p{color: '.$ServiceSubttlColor.';}
.service-area h4, .service-area h4 small{color: '.$ServicePageTitleColor.';}

.service-area .single-service-bx:hover p{color: '.$ServiceSubttlhoverColor.';}
.service-area .single-service-bx:hover h4 , .service-area .single-service-bx:hover h4 small{color: '.$ServicePageTitlehoverColor.';}

.service-area .service-icon a i{color: '.$Serviceicon1Color.';}




.service-area .single-service-bx:hover .service-icon a i{color: '.$ServiceiconhoverColor.';}

.service-area .single-service-bx:hover .single-service {
    background: linear-gradient(0deg,'.$ServiceareaboxbgOne.','.$ServiceareaboxbgTwO.' 80%) no-repeat;
}

.service-area .single-service{background-color: '.$Serviceareaboxbg.';}

';

// Services page:
    $InnerServiceTitleColor = get_theme_mod('luzuk_InnerServiceTitleColor', '#000');
    $InnerServiceTextColor = get_theme_mod('luzuk_InnerServiceTextColor', '#676767');

    $InnerServiceboxbgColor = get_theme_mod('luzuk_InnerServiceboxbgColor', '#fff');

    $InnerServiceareaimghoverbgOne = get_theme_mod('servicearea_Innerimghoverbg_color_one', '#8972ea');
$InnerServiceareaimghoverbgTwO = get_theme_mod('servicearea_Innerimghoverbg_color_two', '#516ced');
    $InnerServicebtntextColor = get_theme_mod('luzuk_InnerServicentmbtntextColor', '#000');
        $InnerServicebtntexthoverColor = get_theme_mod('luzuk_InnerServicentmbtntexthoverColor', '#fff');
    $InnerServicebtnbgColor = get_theme_mod('luzuk_InnerServicebtnbgColor', '#f5f5f5');
 $InnerServicebtnbghoverColor = get_theme_mod('luzuk_InnerServicebtnbghoverColor', '#f72985');
    $InnerServicebtniconColor = get_theme_mod('luzuk_InnerServicentmbtniconColor', '#fff');
    $InnerServicebtniconbgColor = get_theme_mod('luzuk_InnerServicentmbtniconbgColor', '#f72985');
    $InnerServicebtniconbghoverColor = get_theme_mod('luzuk_InnerServicentmbtniconbghoverColor', '#000');


    $custom_css .= '.page-template-default #innerpage-box .service_inbox .service_inbox-content h3 a,.page-template-default #innerpage-box .service_inbox .service_inbox-content h3 a small{color: '. $InnerServiceTitleColor.';}

    main#innerpage-box .single-service-bx p{color: '. $InnerServiceTextColor.';}

.singleinner-service{background-color: '. $InnerServiceboxbgColor.';}

.page-template-default #innerpage-box .singleinner-service .service_inimg:after{
    background: linear-gradient(0deg,'.$InnerServiceareaimghoverbgOne.','.$InnerServiceareaimghoverbgTwO.' 80%) no-repeat;
}

.page-template-default #innerpage-box .service_inbox .servicesbtn a span.button-text{color: '. $InnerServicebtntextColor.';}
.page-template-default #innerpage-box .service_inbox .servicesbtn a{background-color: '. $InnerServicebtnbgColor.';}
.page-template-default #innerpage-box .singleinner-service:hover .servicesbtn a span, .page-template-default #innerpage-box .singleinner-service:hover .servicesbtn a span small{color: '. $InnerServicebtntexthoverColor.';}
.page-template-default #innerpage-box .singleinner-service:hover .servicesbtn a{background-color: '. $InnerServicebtnbghoverColor.';}
.page-template-default #innerpage-box .service_inbox .servicesbtn a span.button-arrow:after{background-color: '. $InnerServicebtniconColor.';}
.page-template-default #innerpage-box .service_inbox .servicesbtn a span.button-arrow:before{border-color: transparent transparent transparent '. $InnerServicebtniconColor.';}
.page-template-default #innerpage-box .service_inbox .servicesbtn a:before{background-color: '. $InnerServicebtniconbgColor.';}
.page-template-default #innerpage-box .singleinner-service:hover .service_inbox .servicesbtn a:before{background-color: '. $InnerServicebtniconbghoverColor.';}

';


// service page


    // ENDS SECONDARY COLOR CSS
$aboutareabg = get_theme_mod('about_area_bg_color', '#fff');
$aboutareasectitle = get_theme_mod('about_area_sectitle_color', '#202020');
$aboutareatitleborderOne = get_theme_mod('about_area_sectitleborder_color_one', '#f499c3');
$aboutareatitleborderTwO = get_theme_mod('about_area_sectitleborder_color_two', '#f62b85');

$aboutarea_TextColor = get_theme_mod('about_area_text', '#4f4f4f');

$aboutarea_pageiconColor = get_theme_mod('about_area_pageicon', '#f72985');
$aboutarea_pageiconborderColor = get_theme_mod('about_area_pageiconborder', '#f72985');
$aboutarea_pageiconborderhoverColor = get_theme_mod('about_area_pageiconborderhover', '#f72985');

$aboutarea_pagetitleColor = get_theme_mod('about_area_pagetitle', '#3c3c3c');
$aboutarea_pagetextColor = get_theme_mod('about_area_pagetext', '#4f4f4f');

$custom_css .= ' 
div#about .section-title h2, div#about .section-title h2 small{color: '.$aboutareasectitle.';}

div#about .titleborder:after {background-image: radial-gradient( circle farthest-corner at 10% 20%,'.$aboutareatitleborderOne.' 0%,'.$aboutareatitleborderTwO.' 100.3% );}


div#about .section-subtitle p{color: '.$aboutarea_TextColor.';}
.about-area .inner-area-title, .about-area .inner-area-title small{color: '.$aboutarea_pagetitleColor.';}
div#about .about-area-data .section-area-text{color: '.$aboutarea_pagetextColor.';}

.about-btn .hi-icon span{color: '.$aboutarea_pageiconColor.';}
.aboutus-single .hi-icon:after{border-color: '.$aboutarea_pageiconborderColor.';}
.aboutus-single:hover .about-btn .hi-icon:after{border-color: '.$aboutarea_pageiconborderhoverColor.';}


div#about svg path{fill: '.$aboutareabg.';}
div#about{background-color: '.$aboutareabg.';}
';


//colors
$InnerTeamNameCColor = get_theme_mod('pages_InnerTeamNameCColor', '#fff');
$InnerTeamTeamDesignationColor = get_theme_mod('pages_InnerTeamDesignationCColor', '#ffffff');

$InnerteamareaHighlightboxOne = get_theme_mod('Innerteamarea_Highlightbox_color_one', '#516ced');
$InnerteamareaHighlightboxTwO = get_theme_mod('Innerteamarea_Highlightbox_color_two', '#8972ea');

$InnerTeamtextCColor = get_theme_mod('pages_InnerTeamtextCColor', '#666666');

$InnerTeamBoxbgssColor = get_theme_mod('pages_InnerTeamBoxbgssColor', '#eef3f7');

$InnerTeamsocialssColor = get_theme_mod('pages_InnerTeamsocialsColor', '#767779');
$InnerTeamsocialshoverColor = get_theme_mod('pages_InnerTeamsocialshvrsColor', '#f5358b');
$InnerTeamsocialssborderColor = get_theme_mod('pages_InnerTeamsocialsborderColor', '#767779');
$InnerTeamsocialsborderhoverColor = get_theme_mod('pages_InnerTeamsocialsborderhvrsColor', '#f5358b');

$custom_css .= 'body.page-template-default main#innerpage-box .inner-area-title, body.page-template-default main#innerpage-box .inner-area-title small{color: '.$InnerTeamNameCColor.';}
body.page-template-default main#innerpage-box .team-text .team-designation{color: '.$InnerTeamTeamDesignationColor.';}

body.page-template-default main#innerpage-box .our-team p{color: '.$InnerTeamtextCColor.';}

body.page-template-default main#innerpage-box .team-social-icon{background-color: '.$InnerTeamBoxbgssColor.';}
body.page-template-default main#innerpage-box .team-social-icon a i{color: '.$InnerTeamsocialssColor.';}
body.page-template-default main#innerpage-box .team-social-icon a i:hover{color: '.$InnerTeamsocialshoverColor.';}
body.page-template-default main#innerpage-box .team-social-icon a i{border-color: '.$InnerTeamsocialssborderColor.';}
body.page-template-default main#innerpage-box .team-social-icon a i:hover{border-color: '.$InnerTeamsocialsborderhoverColor.';}
body.page-template-default main#innerpage-box .team-text {background: linear-gradient(0deg,'.$InnerteamareaHighlightboxOne.','.$InnerteamareaHighlightboxTwO.' 80%) no-repeat;}
';


//colors

$innerTsNameColor = get_theme_mod('luzuk_innertestimonials_Namecolor', '#fff');
$innerTstextColor = get_theme_mod('luzuk_innertestimonials_textcolor', '#fff');
$innerTsBoxColor = get_theme_mod('luzuk_innertestimonials_boxcolor', '#f72985');
$innerTsBoxBorderColor = get_theme_mod('luzuk_innertestimonials_boxbordercolor', '#516ced');

$innerTsBoxindicatorColor1 = get_theme_mod('luzuk_innertestimonials_indicatorcolor1', '#f72985');
$innerTsBoxindicatorColor2 = get_theme_mod('luzuk_innertestimonials_indicatorcolor2', '#fff');

$innerTsBoximgoverlayColor1 = get_theme_mod('luzuk_innertestimonials_imgoverlaycolor1', '#8972ea');
$innerTsBoximgoverlayColor2 = get_theme_mod('luzuk_innertestimonials_imgoverlaycolor2', '#516ced');
$custom_css .= '
#innerpage-box .ts-area-c p{color: '.$innerTstextColor.';}
#innerpage-box h6.ts-area-title, #innerpage-box h6.ts-area-title small{color: '.$innerTsNameColor.';}
#innerpage-box .ts-area-single{background-color: '.$innerTsBoxColor.';}
#innerpage-box .ts-area-single{border-left-color: '.$innerTsBoxBorderColor.';}
#innerpage-box .ts-area-single{border-right-color: '.$innerTsBoxBorderColor.';}

div#content-box .timeline-icon{background-color: '.$innerTsBoxindicatorColor1.';}
div#content-box .timeline-icon{border-color: '.$innerTsBoxindicatorColor2.';}

div#content-box .timeline-icon1{background-color: '.$innerTsBoxindicatorColor2.';}
div#content-box .timeline-icon1{border-color: '.$innerTsBoxindicatorColor1.';}

#innerpage-box .ts-b .team-overlay {
    background: linear-gradient(0deg,'.$innerTsBoximgoverlayColor1.','.$innerTsBoximgoverlayColor2.' 80%) no-repeat;
}

';

    // 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 .= '.footer-area{background-image: url("'.$img.'");background-position: top;background-size: cover;}';
}else{
    $color = get_theme_mod('luzuk_footer_bg_color', '#000');
    if('#000' != $color){
        $custom_css .= '.footer-area{background-color: '.$color.';}';
    }
}
// colors

$FooterAreaTitleColor = get_theme_mod('footerarea_title_color', '#fff');
$FooterAreaTextColor = get_theme_mod('footerarea_text_color', '#8e8d89');
$FooterAreaiconColor = get_theme_mod('footerarea_icon_color', '#f72985');
$FooterAreasiconColor = get_theme_mod('footerarea_sicon_color', '#8e8d89');
$FooterAreasiconhoverColor = get_theme_mod('footerarea_siconhover_color', '#f72985');

$FooterAreahglightsctextColor = get_theme_mod('footerarea_hglightsctext_color', '#f72985');
$FooterAreamenuColor = get_theme_mod('footerarea_menu_color', '#989795');
$FooterAreadatextColor = get_theme_mod('footerarea_datext_color', '#989795');

$FooterAreatableborderColor = get_theme_mod('footerarea_tableborder_color', '#2d292a');

$FooterAreaformtextColor = get_theme_mod('footerarea_formtext_color', '#b2b2b2');
$FootermenuhoverColor = get_theme_mod('footerarea_menuhover_color', '#f72985');
$FooteractivemenuColor = get_theme_mod('footerarea_activemenu_color', '#f72985');
$FooterformtextlabelColor = get_theme_mod('footerarea_formtextlabel_color', '#989795');
$footerareabuttontextColor = get_theme_mod('footerarea_formbuttontext_color', '#f72985');

$footerareabuttonButtonborderColor = get_theme_mod('footerareabutton_border_color', '#f72985');

$footerareaotherfbgsColor = get_theme_mod('footerarea_otherfbgs_color', '#eeeeee');

$footerareaoverlayColor = get_theme_mod('footerarea_overlay_color', '#000');

$custom_css .= 'footer#footer.footer-area .widget-title {color: '.$FooterAreaTitleColor.';}
.footer-area p, .footer-area caption, .footer-area li, .footer-area table td,.footer-text, .footer-text a, .footer-area input[type="submit"], .footer_facility-text, .footer-area .textwidget{color: '.$FooterAreaTextColor.';}
.footer-area i.fa{color: '.$FooterAreaiconColor.';}
 .footer-area .social-profile-icons ul li a i{color: '.$FooterAreasiconColor.';}
.footer-area .social-profile-icons ul li a i.fa:hover{color: '.$FooterAreasiconhoverColor.';}

.footer-area p span{color: '.$FooterAreahglightsctextColor.';}
.footer-area li a,
.footer-area .tagcloud a,
.footer-area li:before{color: '.$FooterAreamenuColor.';}


.footer-area span.post-date, .footer-area .widget_calendar table tbody td, .footer-area .widget_calendar table tbody td a, .footer-area .widget_calendar table tbody td#today a{color: '.$FooterAreadatextColor.';}
.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea, footer#footer.footer-area select, .footer-area table tr, .footer-area figure.gallery-item img{border-color: '.$FooterAreatableborderColor.';}
  footer#footer.footer-area .widget-title, .footer-area .widget_recent_entries ul li{border-bottom-color: '.$FooterAreatableborderColor.';}
  .single-footer-2{border-left-color: '.$FooterAreatableborderColor.';}

.footer-area input[type="text"]::placeholder, .footer-area input[type="email"]::placeholder, .footer-area input[type="url"]::placeholder, .footer-area input[type="password"]::placeholder, .footer-area input[type="search"]::placeholder, .footer-area input[type="number"]::placeholder, .footer-area input[type="tel"]::placeholder, .footer-area input[type="range"]::placeholder, .footer-area input[type="date"]::placeholder, .footer-area input[type="month"]::placeholder, .footer-area input[type="week"]::placeholder, .footer-area input[type="time"]::placeholder, .footer-area input[type="datetime"]::placeholder, .footer-area input[type="datetime-local"]::placeholder, .footer-area input[type="color"]::placeholder, .footer-area textarea::placeholder,
.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea, .footer-area select, .footer-area .widget.widget_categories select{color: '.$FooterAreaformtextColor.';}
.footer-area li a:hover, .footer-area .tagcloud a:hover, .footer-area li.current_page_item a:hover, .footer-area li:hover:before, .footer-text a:hover, .footer-area li.current_page_item:hover:before{color: '.$FootermenuhoverColor.';}
.footer-area li.current_page_item a, .footer-area li.current_page_item:before{color: '.$FooteractivemenuColor.';}
footer#footer label span, .footer-area div.wpcf7 input[type="file"], .footer-area .widget_calendar table thead tr th,
footer#footer div.wpcf7 p{color: '.$FooterformtextlabelColor.';}

 .footer-area .widget_calendar tfoot tr td a, .footer-area .widget_calendar tfoot tr td a, .footer-area .widget_calendar tfoot tr td a:hover{color: '.$footerareabuttontextColor.';}

.footer-area input[type="submit"], .footer-area .widget_calendar tfoot tr td a,
.footer-area .s-footer .textwidget p a{color: '.$footerareabuttontextColor.';}
.footer-area input[type="submit"], .footer-area .widget_calendar tfoot tr td a, .footer-area .s-footer .textwidget p a{border-bottom-color: '.$footerareabuttonButtonborderColor.';}


.footer-area .widget.widget_categories select option,
.footer-area .widget.widget_archive select option{background-color: '.$footerareaotherfbgsColor.';}

.footer-area .overlay{background-color: '.$footerareaoverlayColor.';}

';

//colors

$InnergalleryimghoveroverlayColor1 = get_theme_mod('pages_innerimghoveroverlayColor1', '#516ced');
$InnergalleryimghoveroverlayColor2 = get_theme_mod('pages_innerimghoveroverlayColor2', '#8972ea');
$InnergalleryborderColor = get_theme_mod('pages_innerimgborderColor', '#fff');

$custom_css .= '.inner-page-gallery img{border-color: '.$InnergalleryborderColor.';}

.inner-page-gallery:hover .text{
    background: linear-gradient(0deg,'.$InnergalleryimghoveroverlayColor1.','.$InnergalleryimghoveroverlayColor2.' 80%) no-repeat;
}

';

// faq inner page colors
$faqinnerpagetitleColor = get_theme_mod('luzuk_faqinnerpagetitleColor', '#000');
$faqinnerpagetitleboxborderColor = get_theme_mod('luzuk_faqinnerpagetitleboxborderColor', '#f72985');
$faqinnerpagetitleboxbgColor = get_theme_mod('luzuk_faqinnerpagetitleboxbgColor', '#fff');
$faqinnerpagetitleIconColor = get_theme_mod('luzuk_faqinnerpagetitleIconColor', '#fff');
$faqinnerpagetitleIconbgColor = get_theme_mod('luzuk_faqinnerpagetitleIconbgColor', '#f72985');
$faqinnerpagetitleIconborderColor = get_theme_mod('luzuk_faqinnerpagetitleIconborderColor', '#fff');

$faqinnerpagetextcColor = get_theme_mod('luzuk_faqinnerpagetextcColor', '#fff');
$faqinnerpageansbg1Color = get_theme_mod('luzuk_faqinnerpageansbg1Color', '#8972ea');
$faqinnerpageansbg2Color = get_theme_mod('luzuk_faqinnerpageansbg2Color', '#516ced');
$faqinnerpageansborderColor = get_theme_mod('luzuk_faqinnerpageansborderColor', '#8972ea');


$custom_css .= 'main#innerpage-box div#content-box h3.faq-title,
main#innerpage-box div#content-box h3.faq-title small{color: '.$faqinnerpagetitleColor.';}
div#content-box .faq-content button.accordion{border-color: '.$faqinnerpagetitleboxborderColor.';}
div#content-box .faq-content button.accordion{background-color: '.$faqinnerpagetitleboxbgColor.';}

div#content-box .faq-content button.accordion:before{color: '.$faqinnerpagetitleIconColor.';}
div#content-box .faq-content button.accordion:before{background-color: '.$faqinnerpagetitleIconbgColor.';}
div#content-box .faq-content button.accordion:before{border-color: '.$faqinnerpagetitleIconborderColor.';}

div#content-box .faq-content p{color: '.$faqinnerpagetextcColor.';}

div#content-box .faq-content div.panel {
    background: linear-gradient(0deg,'.$faqinnerpageansbg1Color.','.$faqinnerpageansbg2Color.' 80%) no-repeat;
}

div#content-box .faq-content div.panel{border-color: '.$faqinnerpageansborderColor.';}

';

       //Inner page title color
    $innertitleColor = get_theme_mod('luzuk_template_innerpage_titlecolor', '#fff');
    $innertitlebgColor1 = get_theme_mod('luzuk_template_innerpage_bgcolor1', '#8972ea');
    $innertitlebgColor2 = get_theme_mod('luzuk_template_innerpage_bgcolor2', '#516ced');
    $innerbreadcrumbtitleColor = get_theme_mod('luzuk_template_innerpage_breadcrumbtitlecolor', '#fff');
    $innerbreadcrumbcurrenttitleColor = get_theme_mod('luzuk_template_innerpage_breadcrumbcurrenttitlecolor', '#fff');
    $innerbreadcrumbcurrenttitlehovercolor = get_theme_mod('luzuk_template_innerpage_breadcrumbcurrenttitlehovercolor', '#f72985');
    $innerbreadcrumbbgbackttoparrcbgcolorcolor = get_theme_mod('luzuk_template_innerpage_backttoparrcbgcolor', '#f72985');
    $innerbreadcrumbbgbackttoparrbackcolbgcolor = get_theme_mod('luzuk_template_innerpage_backttoparrbackcolbgcolor', '#fd3e1c');
    $innerbreadcrumbbgbackttoparrcbghvrcolor = get_theme_mod('luzuk_template_innerpage_backttoparrcbghvrcolor', '#516bec');
    $innerbreadcrumbbgbackttoparrbackcolbghvrscolor = get_theme_mod('luzuk_template_innerpage_backttoparrbackcolbghvrscolor', '#ffffff');

    $custom_css .= '.ht-main-title, .single-productpage .ht-main-title,
    .ht-main-title small {color: '.$innertitleColor.';}

    .page-main-header {
        background: linear-gradient(0deg,'.$innertitlebgColor1.','.$innertitlebgColor2.' 80%) no-repeat;
    }
        .breadcrumbbox span, .woocommerce .woocommerce-breadcrumb{color: '.$innerbreadcrumbtitleColor.';}
    .breadcrumbbox span a , .woocommerce .woocommerce-breadcrumb a{color: '.$innerbreadcrumbcurrenttitleColor.';}
    .breadcrumbbox span a:hover, #content-box .breadcrumbbox span a:hover, .woocommerce .woocommerce-breadcrumb a:hover{color: '.$innerbreadcrumbcurrenttitlehovercolor.';}
    #back2Top{color: '.$innerbreadcrumbbgbackttoparrcbgcolorcolor.';}
    #back2Top:hover{color: '.$innerbreadcrumbbgbackttoparrcbghvrcolor.';}';

    $headerinnerpagemaininnerpagemainsectionboxsectionboxColor = get_theme_mod('luzuk_template_innerpagemainsectionbox_color', '#ffffff');
    $innerpagemainsectioninnerpagemainsectionboxheading1 = get_theme_mod('luzuk_template_innerpagemainsectionboxheading1_color', '#000');
    $innerpagemainsectioninnerpagemainsectionboxheading2 = get_theme_mod('luzuk_template_innerpagemainsectionboxheading2_color', '#000');
    $innerpagemainsectioninnerpagemainsectionboxheading3 = get_theme_mod('luzuk_template_innerpagemainsectionboxheading3_color', '#000');
    $innerpagemainsectioninnerpagemainsectionboxheading4 = get_theme_mod('luzuk_template_innerpagemainsectionboxheading4_color', '#000');
    $innerpagemainsectioninnerpagemainsectionboxheading5 = get_theme_mod('luzuk_template_innerpagemainsectionboxheading5_color', '#000');
    $innerpagemainsectioninnerpagemainsectionboxheading6 = get_theme_mod('luzuk_template_innerpagemainsectionboxheading6_color', '#000');

    $innerpagemainsectioninnerpagemainsectionboxheadingborderc1 = get_theme_mod('luzuk_template_innerpagemainsectionboxheadingborderc1_color', '#f499c3');
        $innerpagemainsectioninnerpagemainsectionboxheadingborderc2 = get_theme_mod('luzuk_template_innerpagemainsectionboxheadingborderc2_color', '#f62b85');

$innerpagesidebartitleColor = get_theme_mod('template_innerpage_contentboxsidebartitlecolor', '#676767');
  $innerpagesidebartitleborderColor = get_theme_mod('template_innerpage_contentboxsidebartitlebordercolor', '#000');

  $innerproductpageboldtextColor = get_theme_mod('template_innerpage_productpageboldtextcolor', '#000');

    $innercartpageproducttitleColor = get_theme_mod('template_innerpage_cartpageproducttitlecolor', '#000');


    $headerinnerpagemainsectionboxtextColor = get_theme_mod('luzuk_template_innerpagemainsectionboxtext_color', '#666');
    $innerpagemainsectionboxtextlinksColor = get_theme_mod('luzuk_template_innerpagemainsectionboxtextlinks_color', '#666');
    $innerpagemainsectionboxtextlinkshoverColor = get_theme_mod('luzuk_template_innerpagemainsectionboxtextlinkshvrs_color', '#f72985');
    $innerpagemainsectionboxtextlinksiconColor = get_theme_mod('luzuk_template_innerpagemainsectionboxtextlinksicon_color', '#f72985');
    $innerpagemainsectionboxtextlinksiconbgssclrlinksiconColor = get_theme_mod('luzuk_template_innerpagemainsectionboxtextlinksiconbgssclr_color', '#ffffff');

  $headerinnerpageproductpriceColor = get_theme_mod('luzuk_template_innerpageproductprice_color', '#868b9e');
    $headerinnerpageproductpricedelColor = get_theme_mod('luzuk_template_innerpageproductpricedel_color', '#7c8491');
     $headerinnerpageproductimghovericonColor = get_theme_mod('luzuk_template_innerpageproductimghovericon_color', '#cfd0d5');
     $headerinnerpageproductimghovericonbgColor = get_theme_mod('luzuk_template_innerpageproductimghovericonbg_color', '#fff');
 $headerinnerpagepaginationColor = get_theme_mod('luzuk_template_innerpagepagination_color', '#000');
  $headerinnerpagepaginationbgColor = get_theme_mod('luzuk_template_innerpagepaginationbg_color', '#fff');
  $headerinnerpagepaginationborderColor = get_theme_mod('luzuk_template_innerpagepaginationborder_color', '#eaeaea');

 $headerinnerpagepaginationactiveColor = get_theme_mod('luzuk_template_innerpagepaginationactive_color', '#fff');
  $headerinnerpagepaginationbgactiveColor = get_theme_mod('luzuk_template_innerpagepaginationbgactive_color', '#516ced');
  $headerinnerpagepaginationborderactiveColor = get_theme_mod('luzuk_template_innerpagepaginationborderactive_color', '#516ced');



   $innerpageblogtitlecolor = get_theme_mod('luzuk_template_innerpage_blogtitlecolor', '#3d3d3d');
    $innerpageblogtitlehovercolor = get_theme_mod('luzuk_template_innerpage_blogtitlehovercolor', '#f72985');
    $innerpageblogsocialColors = get_theme_mod('luzuk_template_innerpage_blogsocialcolor', '#fff');
    $innerpageblogsocialbgColors = get_theme_mod('luzuk_template_innerpage_blogsocialbgcolor', '#516bec');
    $innerpageblogsocialhoverColors = get_theme_mod('luzuk_template_innerpage_blogsocialhovercolor', '#fff');
    $innerpageblogsocialbghoverColors = get_theme_mod('luzuk_template_innerpage_blogsocialbghovercolor', '#f72985');
     $innerpageblogbuttonColors = get_theme_mod('luzuk_template_innerpage_blogbuttoniconcolor', '#f72985');
    $innerpageblogbuttonhoverColors = get_theme_mod('luzuk_template_innerpage_blogbuttoniconhovercolor', '#fff');
    $innerpageblogbuttonbgColors = get_theme_mod('luzuk_template_innerpage_blogbuttoniconbgcolor', '#fff');
    $innerpageblogbuttonbghoverColors = get_theme_mod('luzuk_template_innerpage_blogbuttoniconbghovercolor', '#f72985');
        $innerpageblogimgoverlaycolor1 = get_theme_mod('luzuk_template_innerpage_blogimgoverlaycolor1', '#516ced');
    $innerpageblogimgoverlaycolor2 = get_theme_mod('luzuk_template_innerpage_blogimgoverlaycolor2', '#8972ea');



    $innerpagemainsectionsidebarborderrs = get_theme_mod('luzuk_template_innerpagemainsectionsidebarborderrs_color', '#e9e7e7');

    $innerpagesidebardaytxtColors = get_theme_mod('luzuk_template_innerpagesidebardaytxt_color', '#ffffff');
    $innerpagesidebardaybgsstxtColors = get_theme_mod('luzuk_template_innerpagesidebardaybgsstxt_color', '#f72985');

       $innerpageblockquoteColors = get_theme_mod('luzuk_template_innerpagesblockquote_color', '#f2f2f2');

    $custom_css .= '#innerpage-box, .inner_contentbox {background-color: '.$headerinnerpagemaininnerpagemainsectionboxsectionboxColor.';}body.page-template-default main#innerpage-box h1{color: '.$innerpagemainsectioninnerpagemainsectionboxheading1.';}
    body.page-template-default main#innerpage-box h2,
    main#innerpage-box h2,
    main#innerpage-box h2 a, 
    main#innerpage-box h2 a small,
    .woocommerce #reviews h2 small{color: '.$innerpagemainsectioninnerpagemainsectionboxheading2.';}
    main#innerpage-box h3{color: '.$innerpagemainsectioninnerpagemainsectionboxheading3.';}
    body.page-template-default main#innerpage-box h4,
    div#commentsAdd h4,
    main#innerpage-box h4
   {color: '.$innerpagemainsectioninnerpagemainsectionboxheading4.';}
   main#innerpage-box h5,
    body.page-template-default main#innerpage-box h5{color: '.$innerpagemainsectioninnerpagemainsectionboxheading5.';}
    main#innerpage-box h6,
    div#blog-box.innerpage-whitebox h6{color: '.$innerpagemainsectioninnerpagemainsectionboxheading6.';}

    

body.page-template-default main#innerpage-box h1:after, body.page-template-default main#innerpage-box h2:after, body.page-template-default main#innerpage-box h3:after, body.page-template-default main#innerpage-box h4:after, body.page-template-default main#innerpage-box h5:after, body.page-template-default main#innerpage-box h6:after, .page-template-templates main#innerpage-box h1:after, .page-template-templates main#innerpage-box h2:after, .page-template-templates main#innerpage-box h3:after, .page-template-templates main#innerpage-box h4:after, .page-template-templates main#innerpage-box h5:after, .page-template-templates main#innerpage-box h6:after{
    background-image: radial-gradient( circle farthest-corner at 10% 20%,'.$innerpagemainsectioninnerpagemainsectionboxheadingborderc1.' 0%,'.$innerpagemainsectioninnerpagemainsectionboxheadingborderc2.' 100.3% );
}


.woocommerce ul.products li.product .price .amount{color: '.$headerinnerpageproductpriceColor.' !important;}
.woocommerce ul.products li.product .price del .amount{color: '.$headerinnerpageproductpricedelColor.' !important;}

main#innerpage-box h2.woocommerce-loop-product__title:before, .woocommerce ul.products li.product .button:before{color: '.$headerinnerpageproductimghovericonColor.';}
main#innerpage-box h2.woocommerce-loop-product__title:before, .woocommerce ul.products li.product .button:before{background-color: '.$headerinnerpageproductimghovericonbgColor.';}

.woocommerce div.product .product_meta .posted_in, .woocommerce div.product .product_meta .tagged_as,
.woocommerce div.product .product_meta span.sku_wrapper {color: '.$innerproductpageboldtextColor.';}

div#content-box table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr td a, .woocommerce div.product form.cart table.variations tr td label {color: '.$innercartpageproducttitleColor.';}

.woocommerce nav.woocommerce-pagination ul li a, .pagingation a{color: '.$headerinnerpagepaginationColor.';}
.woocommerce nav.woocommerce-pagination ul li a, .pagingation a{background-color: '.$headerinnerpagepaginationbgColor.';}
.woocommerce nav.woocommerce-pagination ul li a, .pagingation a{border-color: '.$headerinnerpagepaginationborderColor.';}

body.page-template-default main#innerpage-box h2, body.page-template-default main#innerpage-box h1, body.page-template-default main#innerpage-box h3, body.page-template-default main#innerpage-box h4, body.page-template-default main#innerpage-box h5, body.page-template-default main#innerpage-box h6, main#innerpage-box h2, #blog-box h4, h1.product_title.entry-title{border-bottom-color: '.$headerinnerpagepaginationborderColor.';}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .pagingation .current, .pagingation a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce #content nav.woocommerce-pagination ul li a:hover, .woocommerce-page #content nav.woocommerce-pagination ul li a:hover
{color: '.$headerinnerpagepaginationactiveColor.';}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .pagingation .current, .pagingation a:hover{background-color: '.$headerinnerpagepaginationbgactiveColor.';}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .pagingation .current, .pagingation a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce #content nav.woocommerce-pagination ul li a:hover, .woocommerce-page #content nav.woocommerce-pagination ul li a:hover
{border-color: '.$headerinnerpagepaginationborderactiveColor.';}

   .widget-area h3.widget-title, 
    #blog-box .widget-area .widget-title,
   .widget-area .widget-title,
    main#innerpage-box h4.widget-title,
    main#innerpage-box h3.widget-title,
    #innerpage-box .widget-area .widget-title,
    .widget-area .widget h4
     {color: '.$innerpagesidebartitleColor.';}
      .widget-area .widget-title{border-color: '.$innerpagesidebartitleColor.';}

  .widget-area .widget-title,
    main#innerpage-box h4.widget-title,
    main#innerpage-box h3.widget-title{background-color: '.$innerpagesidebartitleborderColor.';}
body.page-template-default #innerpage-box .widget-area .widget-title:after, .page-template-templates #innerpage-box .widget-area .widget-title:after{background-color: '.$innerpagesidebartitleborderColor.';}
    
        .widget-area .widget h4:after, .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{background-color: '.$innerpagesidebartitleborderColor.' ;}


.woocommerce div.product .product_meta .posted_in, .woocommerce div.product .product_meta .tagged_as,
.woocommerce div.product .product_meta span.sku_wrapper {color: '.$innerproductpageboldtextColor.';}


#innerpage-box p, #content-box ul li, #content-box ol li, main#innerpage-box ul#recentcomments li, #blog-box .inner-blog-excerpt,
#secondary input[type="text"],
#secondary input[type="email"],
#secondary input[type="url"],
#secondary input[type="password"],
#secondary input[type="search"],
#secondary input[type="number"],
#secondary input[type="tel"],
#secondary input[type="range"],
#secondary input[type="date"], 
#secondary input[type="month"], 
#secondary input[type="week"], 
#secondary input[type="time"], 
#secondary input[type="datetime"], 
#secondary input[type="datetime-local"], 
#secondary input[type="color"], 
#secondary textarea, 
#secondary select,
#secondary label,
div#secondary select option,
#secondary input::placeholder,
#secondary textarea::placeholder,
#secondary select::placeholder,
#secondary input[type="file"],
    main#innerpage-box .widget_calendar table tbody td,
    main#innerpage-box li,
    div#secondary caption,
    .single_post .post-date-publishable,
    main#innerpage-box textarea#comment,
    .total-comments,
    .woocommerce .woocommerce-ordering select,
    .woocommerce-product-search .search-field::placeholder,
    table.shop_table.woocommerce-checkout-review-order-table,
    .woocommerce form .form-row .input-text::placeholder, 
    .woocommerce-page form .form-row .input-text::placeholder,
    .woocommerce form .form-row input.input-text::placeholder, 
    .woocommerce form .form-row textarea::placeholder,
    main#innerpage-box input#billing_email,
    .select2-container--default .select2-selection--single .select2-selection__rendered,
    div#content-box input#account_email,
    main#innerpage-box input#account_display_name,
    .widget.widget_categories select,
    main#innerpage-box .select2-container--default .select2-selection--single .select2-selection__placeholder,
    div#secondary select,
    main#innerpage-box .woocommerce-product-search .search-field,
    main#innerpage-box .woocommerce-product-search .search-field::placeholder,
    .woocommerce .woocommerce-result-count,
    .woocommerce .widget_price_filter .price_slider_amount,
    .select2-container--default .select2-results>.select2-results__options,
    .select2-results__option[aria-selected], 
    .select2-results__option[data-selected],
    .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, 
    .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta,
    .comment-form-rating,
    .comment-respond .comment-reply-title,
    .woocommerce .product_meta,
    .woocommerce-error, 
    .woocommerce-info, 
    .woocommerce-message,
    .woocommerce-MyAccount-content address,
    .woocommerce-MyAccount-content legend,
    .woocommerce-MyAccount-content input[type="text"],
    .woocommerce table thead th,
    .woocommerce form .form-row input.input-text, 
    .woocommerce form .form-row textarea,
    .woocommerce table.shop_table td,
    .woocommerce .quantity .qty,
    input#coupon_code::placeholder,
    input#coupon_code,
    .woocommerce table.shop_table tbody th, 
    .error404 .oops-text{color: '.$headerinnerpagemainsectionboxtextColor.';}


    .price .amount{color: '.$headerinnerpagemainsectionboxtextColor.' !important;}

    .widget-area a, .woocommerce-MyAccount-navigation-link a, .entry-content p a, div#content-box a, div#sidebars span.product-title, div#sitemap-box ul li a, main#innerpage-box .woocommerce-info a.showcoupon,
    .woocommerce .product_meta a,
    .widget-area ul ul li a{color: '.$innerpagemainsectionboxtextlinksColor.';}
#content-box ul li:before, #content-box ol li:before,
    main#innerpage-box div#sitemap-box ul li a:before{color: '.$innerpagemainsectionboxtextlinksiconColor.';}
#content-box ol li:before{background-color: '.$innerpagemainsectionboxtextlinksiconbgssclrlinksiconColor.';}
    .widget-area a:hover, .woocommerce-MyAccount-navigation-link a:hover, .entry-content p a:hover, div#content-box a:hover, div#content-box a:hover small, div#sidebars span.product-title:hover, .widget-area li a:hover, div#content-box p a:hover, div#sitemap-box ul li a:hover, div#content-box a.shipping-calculator-button:hover, main#innerpage-box .woocommerce-info a.showcoupon:hover, div#content-box div#payment a.woocommerce-privacy-policy-link:hover, div#content-box .woocommerce-MyAccount-navigation-link 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,
    .woocommerce .product_meta a:hover{color: '.$innerpagemainsectionboxtextlinkshoverColor.';}


    .widget-area .widget,
#secondary input[type="text"],
    main#innerpage-box .woocommerce-product-search .search-field,
    .woocommerce form .form-row input.input-text, 
    .woocommerce form .form-row textarea,
    .select2-container--default .select2-selection--single,
#innerpage-box .comment-respond,
    main#innerpage-box div#commentsAdd textarea#comment,
    .widget.widget_categories select,
    div#secondary .select2-container--default .select2-selection--single,
    .single_post .post-date-publishable,
    div#secondary select,
    .single-productpage #sidebars button,
    .woocommerce .widget_shopping_cart .buttons a, 
    .woocommerce.widget_shopping_cart .buttons a,
    .woocommerce ul.cart_list li img, 
    .woocommerce-page ul.cart_list li img, 
    .woocommerce ul.product_list_widget li img, 
    .woocommerce-page ul.product_list_widget li img,
    .woocommerce .widget_shopping_cart .total, 
    .woocommerce.widget_shopping_cart .total,
    .woocommerce .products ul, 
    .woocommerce-page .products ul, 
    .woocommerce ul.products, 
    .woocommerce-page ul.products,
    .woocommerce-page .woocommerce-ordering select,
    .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 textarea,
    .woocommerce #review_form #respond .form-submit input,
    .woocommerce table.shop_table,
    .woocommerce table.shop_table td,
    .woocommerce table.shop_table tbody th, 
    .woocommerce table.shop_table tfoot td, 
    .woocommerce table.shop_table tfoot th,
    .woocommerce-checkout #payment ul.payment_methods,
    .woocommerce .cart .button, 
    .woocommerce .cart input.button,
    .woocommerce-cart .cart-collaterals .cart_totals tr th,
    .woocommerce-cart .cart-collaterals .cart_totals tr td,
    .woocommerce-cart table.cart td.actions .coupon .input-text,
    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,

    .widget-area .widget, .woocommerce ul.products li.product a img, .widget-area ul, .widget-area .textwidget, .widget-area .woocommerce-product-search , .widget-area form#searchform, .widget-area .widget_rating_filter ul, .widget-area .woocommerce .widget_shopping_cart_content p, .widget-area div#calendar_wrap, .widget-area .widget_media_image img, .widget-area .tagcloud, 
    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,
    .woocommerce .woocommerce-widget-layered-nav-list
    {border-color: '.$innerpagemainsectionsidebarborderrs.'!important;;}
    .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td{border-bottom-color: '.$innerpagemainsectionsidebarborderrs.';}
    .woocommerce table.shop_attributes{border-top-color: '.$innerpagemainsectionsidebarborderrs.';}
       .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td,.woocommerce div.product .product_title, .woocommerce div.product form.cart, .woocommerce div.product .woocommerce-tabs ul.tabs, .widget-area li, main#innerpage-box .widget-area .tagcloud a, .widget-area .widget h4, #innerpage-box .widget-area .widget-title{border-bottom-color: '.$innerpagemainsectionsidebarborderrs.';}
    .woocommerce table.shop_attributes, .woocommerce div.product form.cart, .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs{border-top-color: '.$innerpagemainsectionsidebarborderrs.';}


    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product,
    .woocommerce ul.products li.product a img,
    .woocommerce div.product div.images img,
    .quantity input[type="number"],
    .woocommerce .products ul, 
    .woocommerce-page .products ul, 
    .woocommerce ul.products, 
    .woocommerce-page ul.products{border-color: '.$innerpagemainsectionsidebarborderrs.' !important;}
    div#secondary .widget_calendar table thead tr th, .pagination .page-numbers, .pagination .page-numbers:hover{color: '.$innerpagesidebardaytxtColors.';}
    div#secondary .widget_calendar table thead tr th{background-color: '.$innerpagesidebardaybgsstxtColors.';}

blockquote{background-color: '.$innerpageblockquoteColors.';}

  
main#innerpage-box #blog-box h2, main#innerpage-box #blog-box h2 small{color: '.$innerpageblogtitlecolor.';}   
main#innerpage-box #blog-box .inner-blogpost:hover h2, main#innerpage-box #blog-box .inner-blogpost:hover h2 small{color: '.$innerpageblogtitlehovercolor.';}   

.socialMedia ul li a.site-button, main#innerpage-box #blog-box .socialMedia ul li a.site-button{color: '.$innerpageblogsocialColors.';}
.socialMedia ul li a.site-button, main#innerpage-box #blog-box .socialMedia ul li a.site-button{background-color: '.$innerpageblogsocialbgColors.';}

.socialMedia ul:hover li.share-button a.site-button,
.socialMedia ul li a.site-button:hover, main#innerpage-box #blog-box .socialMedia ul li a.site-button:hover
{color: '.$innerpageblogsocialhoverColors.';}
.socialMedia ul:hover li.share-button a.site-button, main#innerpage-box #blog-box .socialMedia ul:hover li.share-button a.site-button, main#innerpage-box #blog-box .socialMedia ul li a.site-button:hover
{background-color: '.$innerpageblogsocialbghoverColors.';}

main#innerpage-box .ht-blog-thumbnail .overlay .box .content > a{color: '.$innerpageblogbuttonColors.';}
main#innerpage-box .ht-blog-thumbnail .overlay .box .content > a{
    background-color: '.$innerpageblogbuttonbgColors.';
}
.ht-blog-thumbnail .overlay .box .content > a{background-color: '.$innerpageblogbuttonbgColors.';}

main#innerpage-box .ht-blog-thumbnail .overlay .box .content > a:hover
{color: '.$innerpageblogbuttonhoverColors.';}
main#innerpage-box .ht-blog-thumbnail .overlay .box .content > a:hover{
    background-color: '.$innerpageblogbuttonbghoverColors.';
}
.ht-blog-thumbnail .overlay .box .content > a:hover{background-color: '.$innerpageblogbuttonbghoverColors.';}

main#innerpage-box .ht-blog-thumbnail .overlay{ background: linear-gradient(0deg,'.$innerpageblogimgoverlaycolor1.','.$innerpageblogimgoverlaycolor2.' 80%) no-repeat;}

    ';


    $innerpageallothrtheadtextcolcolor = get_theme_mod('luzuk_template_innerpageallothrtheadtextcolcolor_color', '#ffffff');
    $innerpageallothrtheadtextbgsscolcolorcolor = get_theme_mod('luzuk_template_innerpageallothrtheadtextbgsscolcolor_color', '#ffffff');

    $custom_css .= 'div#sitemap-box h3,
#blog-box .blog-read-more a,
    .socialMedia a,
    div#secondary input[type="submit"],
#commentsAdd input[type="submit"],
    .single-productpage #sidebars button,
    .widget_calendar tfoot tr td a, .widget_calendar tfoot tr td a:hover,
    button, input[type="button"], input[type="reset"], input[type="submit"],.woocommerce span.onsale
   {color: '.$innerpageallothrtheadtextcolcolor.';}
    .single-productpage #sidebars button{color: '.$innerpageallothrtheadtextcolcolor.' !important;}
    .woocommerce a.button, .woocommerce-page a.button,
    .woocommerce div.product form.cart .button,
    .woocommerce div.product .woocommerce-tabs ul.tabs li a,
    .woocommerce #review_form #respond .form-submit input,
    .woocommerce button.button,
    .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{color: '.$innerpageallothrtheadtextcolcolor.' !important;}

    div#secondary select option,
    .select2-container--default .select2-results>.select2-results__options,
    .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
    .woocommerce-page .woocommerce-ordering option,
    .woocommerce-MyAccount-content input[type="text"],
    .woocommerce-MyAccount-content input[type="email"],
    .woocommerce-MyAccount-content input[type="url"], 
    .woocommerce-MyAccount-content input[type="password"],
    .woocommerce form .form-row input.input-text,
    .woocommerce form .form-row textarea,
    .woocommerce-error, 
    .woocommerce-info, 
    .woocommerce-message{background-color: '.$innerpageallothrtheadtextbgsscolcolorcolor.' !important;}

   ';

    // Inner contact us page background color
 
    $ContactusdetailtitleColor = get_theme_mod('luzuk_contactus_titleColor', '#fff');
 
   $ContactusdetailiconColor = get_theme_mod('luzuk_contactus_detailiconColor', '#fff');
    $ContactusdetailinfoColor = get_theme_mod('luzuk_contactus_detailinfoColor', '#fff');
    $ContactusdetailemailColor = get_theme_mod('luzuk_contactus_detailemailColor', '#fff');
    $ContactusdetailemailhoverColor = get_theme_mod('luzuk_contactus_detailemailhoverColor', '#000');

     $ContactusboxColor = get_theme_mod('luzuk_contactus_boxColor', '#516bec');
      $Contactusbox1Color = get_theme_mod('luzuk_contactus_box1Color', '#8972ea');

    $ContactusformlabelColor = get_theme_mod('luzuk_contactus_formlabelColor', '#fff');
    $ContactusformtextplaceColor = get_theme_mod('luzuk_contactus_formtextplaceColor', '#fff');
    $ContactusformborderbottomColor = get_theme_mod('luzuk_contactus_formborderbottomColor', '#f4f4f4');
    
    $ContactusformbtnColor = get_theme_mod('luzuk_contactus_formbtnColor', '#fff');
    $ContactusformbtnbgColor = get_theme_mod('luzuk_contactus_formbtnbgColor', '#f72985');
   
    $ContactusformbtnhoverColor = get_theme_mod('luzuk_contactus_formbtnhoverColor', '#f72985');
    $ContactusformbtnbghoverColor = get_theme_mod('luzuk_contactus_formbtnbghoverColor', '#fff');

     $ContactusformboxColor = get_theme_mod('luzuk_contactus_formboxColor', '#f72985');
    

    $ContactussocialtitleColor = get_theme_mod('luzuk_contactus_SocialtitleColor', '#fff');
     $ContactussocialtextColor = get_theme_mod('luzuk_contactus_SocialtextColor', '#fff');
    
    $ContactussocialColor = get_theme_mod('luzuk_contactus_SocialColor', '#fff');
    $ContactussocialhoverColor = get_theme_mod('luzuk_contactus_SocialhoverColor', '#516ced');
    $ContactussocialbghoverColor = get_theme_mod('luzuk_contactus_SocialbghoverColor', '#fff');

    $ContactussocialiconColor = get_theme_mod('luzuk_contactus_SocialiconColor', '#fff');

    $custom_css .= '#ht-contactus-wrap .contact_l_area, #ht-contactus-wrap .contact_l_area small, 
     #ht-contactus-wrap h1, #ht-contactus-wrap h1 small, main#innerpage-box .Address_area h4, main#innerpage-box .Address_area h4 small, 
    .page-template-contact-template  main#innerpage-box .Address_area h4, .page-template-contact-template  main#innerpage-box .Address_area h4 small,
.page-template-contact-template  main#innerpage-box .social_area h4 , .page-template-contact-template  main#innerpage-box .social_area h4 small{color: '.$ContactusdetailtitleColor.';}

    #ht-contactus-wrap .address-c-box{background-image: radial-gradient( circle farthest-corner at 10% 20%,'.$Contactusbox1Color.' 0%,'.$ContactusboxColor.' 100.3% );}

   #ht-contactus-wrap .Address_area{background-color: '.$ContactusformboxColor.';}
    

   #ht-contactus-wrap .contact_l_area i {color: '.$ContactusdetailiconColor.';}
    #ht-contactus-wrap .contact-info , #ht-contactus-wrap .contact-info p{color: '.$ContactusdetailinfoColor.';}
   #ht-contactus-wrap .contact-info a {color: '.$ContactusdetailemailColor.';}
  main#innerpage-box div#ht-contactus-wrap a:hover{color: '.$ContactusdetailemailhoverColor.';}

    #ht-contactus-wrap label, div#ht-contactus-wrap div.wpcf7 input[type="file"], div#ht-contactus-wrap div.wpcf7 p {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 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 select, #ht-contactus-wrap textarea {border-bottom-color: '.$ContactusformborderbottomColor.' !important;}


    #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.';}
   main#innerpage-box .social_area h4, main#innerpage-box .social_area h4 small{color: '.$ContactussocialtitleColor.';}
    main#innerpage-box .social_area .Contact_area_text{color: '.$ContactussocialtextColor.';}
    #ht-contactus-wrap .contact-sm-links li a {color: '.$ContactussocialColor.';}
  #ht-contactus-wrap .contact-sm-links li:hover a span.fa{color: '.$ContactussocialhoverColor.';}
#ht-contactus-wrap .contact-sm-links li a:hover span{background-color: '.$ContactussocialbghoverColor.';}

 .social_area i.fa{color: '.$ContactussocialiconColor.';}
    

    ';

    $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].';}';
        }
    }else{
        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;}';
        }
    }


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

    return punte_css_strip_whitespace($custom_css);
}