<?php
/**
 * Created by Sublime Text 2.
 * User: pendaica
 * Date: 13/08/15
 * Time: 10:20 AM
 */
$main_color = sv_get_value_by_id('main_color');
$main_color2 = sv_get_value_by_id('main_color2');
$price_color = sv_get_value_by_id('price_color');
$bg_btn_cart = sv_get_value_by_id('bg_btn_cart');
$bg_btn_add_to_cart = sv_get_value_by_id('bg_btn_add_to_cart');
$body_color = sv_get_value_by_id('body_bg');

// color dssp pendaica
$bg_dssp1       = sv_get_value_by_id('bg_dssp1');
$color_dssp1    = sv_get_value_by_id('color_dssp1');
//
$bg_dssp2       = sv_get_value_by_id('bg_dssp2');
$color_dssp2    = sv_get_value_by_id('color_dssp2');
//
$bg_dssp3       = sv_get_value_by_id('bg_dssp3');
$color_dssp3    = sv_get_value_by_id('color_dssp3');
//
$bg_dssp4       = sv_get_value_by_id('bg_dssp4');
$color_dssp4    = sv_get_value_by_id('color_dssp4');
//
$bg_dssp5       = sv_get_value_by_id('bg_dssp5');
$color_dssp5    = sv_get_value_by_id('color_dssp5');
//
$bg_dssp6       = sv_get_value_by_id('bg_dssp6');
$color_dssp6    = sv_get_value_by_id('color_dssp6');
//
$bg_dssp7       = sv_get_value_by_id('bg_dssp7');
$color_dssp7    = sv_get_value_by_id('color_dssp7');
//
$bg_dssp8       = sv_get_value_by_id('bg_dssp8');
$color_dssp8    = sv_get_value_by_id('color_dssp8');
//
$bg_dssp9       = sv_get_value_by_id('bg_dssp9');
$color_dssp9    = sv_get_value_by_id('color_dssp9');
//
$bg_dssp10       = sv_get_value_by_id('bg_dssp10');
$color_dssp10    = sv_get_value_by_id('color_dssp10');
//
$bg_dssp11       = sv_get_value_by_id('bg_dssp11');
$color_dssp11    = sv_get_value_by_id('color_dssp11');
//
?>
<?php
$style = '';

/*****BEGIN MAIN COLOR*****/
if(!empty($body_color)){
    $style .= 'body
    {background-color:'.$body_color.'}'."\n";
}
if(!empty($price_color)){
    $style .= '.price-box span
    {color:'.$price_color.'}'."\n";
}
if(!empty($bg_btn_cart)){
    $style .= '.single_add_to_cart_button, .redirect-cart, .product_type_simple, .button-radius, .products .btn-add-cart, a.btn-lienhe-pen, a.product_type_external
    {background-color:'.$bg_btn_cart.' !important}'."\n";
}
if(!empty($bg_btn_add_to_cart)){
    $style .= '.add-to-cart-ajax-pen
    {background-color:'.$bg_btn_add_to_cart.' !important}'."\n";
}
if(!empty($main_color2)){
    $style .= '.option7 .main-menu .navbar-nav > li:hover> a,
    .option5 .product-extra-link a.addcart-link:hover,
    .option6 .main-menu, .header-menu6,
    .item-banner6 .banner-intro h2 span::before,.form-newsletter .mc4wp-form input[type="submit"],
    .about-icon a:hover, .item-latest-news6 .news-info.info-red .readmore-link, .news-info.info-red, .item-banner-adv6.half-banner:hover .banner-info::before, .item-banner-adv6.half-banner:hover .banner-info, .item-product6 .product-extra-link a.addcart-link:hover, .item-product6 .product-extra-link a.wishlist-link, .item-product6 .product-thumb .quickview-link, .kt-owl-carousel.kt-owl-option6 .owl-nav>div:hover, .item-banner6 .banner-intro h2 span::before,
    .service-icon8 > a, .menu-header-nav5.menu8, .main-menu.menu-header-nav5.menu8,
    .option8 .product-extra-link a.addcart-link:hover, .option8 .product-extra-link a:hover,
    .main-menu.main-menu12 .navbar-nav>li:hover, .main-menu .navbar-nav>li:hover .dropdown-menu, .main-menu.main-menu12 .navbar-nav>li.current-menu-item,
    .option12 .option4 .block-slider .bx-pager-item a.active,
    .option12 .product-box9 .product-tab-content.kt-owl-carousel .owl-prev:hover, 
    .option12 .product-box9 .product-tab-content.kt-owl-carousel .owl-next:hover,
    .option12 .kt-owl-carousel .owl-prev:hover, 
    .option12 .kt-owl-carousel .owl-next:hover,.top-bar.top-bar12 .top-bar-link-right li:hover,
    .item-product13 .product-extra-link a.addcart-link,.option9.option17 .product-extra-link a.addcart-link
    {background-color:'.$main_color2.'}'."\n";

    $style .=   '.block-wrap-cart6 .iner-block-cart > a .total span,
    .about-info > h3 a:hover, .question-faq, .product-tab6 .product-tab-header li.active a, .product-tab6 .product-tab-header li a:hover, .item-banner-adv6.full-banner .banner-info a.readmore:hover, .item-product6 .product-title a:hover, .big-sale-banner .banner-info h3,
    .service-info8 > h3 a,.contact-phone6 span
    {color:'.$main_color2.'}'."\n";

    $style .=   '.item-banner-adv6.half-banner:hover .banner-info::after
    {border-left-color:'.$main_color2.'}'."\n";

    $style .=   '.option8 .product-extra-link a.addcart-link:hover, .option8 .product-extra-link a:hover,
    .option12 .product-box9 .product-tab-content.kt-owl-carousel .owl-prev:hover, 
    .option12 .product-box9 .product-tab-content.kt-owl-carousel .owl-next:hover,
    .option12 .kt-owl-carousel .owl-prev:hover, 
    .option12 .kt-owl-carousel .owl-next:hover
    {border-color:'.$main_color2.'}'."\n";
}
if(!empty($main_color)){
    $style .= 'a:hover, a:focus, a:active,.main-menu .navbar-nav>li:hover>a, .main-menu .navbar-nav>li.current-menu-item>a,
    .block-category .nav-tab>li>a:hover, .block-category .nav-tab>li.active>a,
    .block-category .categories>li>a:before,.block-popular-cat .sub-categories li a:before,
    .block-coppyright a, .list-link-footer li a:hover, .block-shop-phone strong,
    .block-header-right .item i,.block-tabs .nav-tab li a:hover, .block-tabs .nav-tab li:before,
    .option3 .advanced-search .btn-search,ul.top-box.top-box3 > li > i,
    .block-wrap-cart .iner-block-cart>a,.block-wrap-cart .iner-block-cart>a,
    .block-tags .tagcloud a:hover,.option4 .wrap-block-cl .user-info .fa,
    .option4 .block-slider .caption-group .primary,.recent-comment-list li>h5>a:hover,
    .comment-form .controls a:hover,.option3 .main-menu .navbar-nav>li>a:hover, .option3 .main-menu .navbar-nav>li.active>a, .option3 .main-menu .navbar-nav>li>a:focus,
    .main-menu .has-mega-menu .dropdown-menu > li .block-megamenu-text > li.group_header:hover a,
    .blog-posts .post-item .entry-meta-data .fa,.blog-posts .post-item .entry-meta-data a:hover,
    .blog-posts .post-item .entry-meta-data a:hover,.blog-posts .post-item .entry-meta-data .fa,
    .option4 .wrap-block-cl .user-info .dropdown-menu .fa,.entry-detail .entry-meta-data .author .fa,
    .entry-detail .entry-meta-data a:hover,.entry-tags a:hover,.block-news7 .author-comment > a:hover,
    .block-news7 .item-latest-news .readmore:hover,.product-tab-header li a:hover, .product-tab-header li.active a,
    .product-thumb .quickview-link,.block-slider5 .caption-group .title .primary,.link-view-all a,
    .item-latest-news .readmore:hover,.author-comment > a:hover,.info-header-right5 > li a:hover,
    .info-header-left5 li i,.top-link6 > li a:hover,.wrap-block-cl6 .dropdown > a:hover,
    .item-banner6 .banner-intro h3 span::before,.item-banner-adv6.full-banner .banner-info a.readmore, .item-banner-adv6.full-banner .banner-info h2, .info-gift-cart > h3 a:hover, .item-banner6 .banner-intro h2 span, .big-sale-banner .banner-info h2, .icon-gift-cart > a,
    .vertical-menu-link>li>a:before,.top-bar10.top-bar .top-bar-link-right li a,
    .product-box9.product-box10 .product-tab-header ul li.active a, .product-box9 .product-tab-header ul li a:hover,
    .main-menu10.main-menu .navbar-nav > li:hover > a,.top-bar10.top-bar .top-bar-link > li .fa,
    .top-bar.top-bar12 .top-bar-link > li .fa,.option13 .contact-phone6 span,
    .option13 .block-wrap-cart6 .iner-block-cart > a .total span,.mini-cart14 .total-mini-cart-price,
    .option14 .block-vertical-menu .vertical-head .vertical-title:after
    {color:'.$main_color.'}'."\n";
    
    $style .= '.advanced-search .btn-search,.block-wrap-cart .iner-block-cart:after,#category-select-menu .ui-state-focus,
    .block-category .categories>li>a>.text:before,.block-category .categories>li>a:hover>.text,
    .products .btn-quick-view,.block-hot-deals .block-countdownt .box-count,
    .sv-btn-default,.mc4wp-form input[type="submit"],.block-social .list-social li>a:hover,.scroll_top,
    .kt-owl-carousel .owl-next:hover,.option4 .block-slider .bx-prev:hover, .block-slider .bx-next:hover,
    .kt-owl-carousel .owl-prev:hover,.block-slider .bx-prev:hover, .block-slider .bx-next:hover,
    .block-header-right .item.item-cart,.block-vertical-menu .vertical-head,
    .block-hot-deals2 .nav-tab li.active a:before, .block-hot-deals2 .nav-tab li:hover a:before,
    .caption-group .button-radius:before, .wpb_content_element .button-radius:before, .block-banner2 .button-radius:before,
    .option3 .products .btn-quick-view,.block-top-review .list-product .product:hover .order, .block-top-review .list-product .product.active .order,
    .option3 .kt-owl-carousel .owl-prev:hover, .option3 .kt-owl-carousel .owl-next:hover, .option3 .customNavigation-owl .prev:hover, .option3 .customNavigation-owl .next:hover,
    .option3 .tab-cat-products .sub-cat,.option4 .wrap-block-cl .dropdown-menu>li>a:hover,
    .option4 .block-slider .bx-pager-item a.active,.block-categories .sub-cat,.button,
    .page-numbers>li>a:hover, .page-numbers>li>span.current,.tagcloud a:hover,
    .comment-list .comment-reply-link,.woocommerce input.button, .woocommerce table.my_account_orders .order-actions .button, .woocommerce button.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce .cart .button, .woocommerce .cart input.button,
    .block-filter-inner .ui-slider-handle,.display-product-option li.selected span, .display-product-option li:hover span,
    .woocommerce input.button:hover, .woocommerce table.my_account_orders .order-actions .button:hover, .woocommerce button.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
    .woocommerce div.product form.cart .button.single_add_to_cart_button:before,.block-category-list a:hover,
    .main-menu .dropdown-menu li:hover,.option4 .kt-owl-carousel .owl-prev:hover, .option4 .kt-owl-carousel .owl-next:hover, .option4 .customNavigation-owl .prev:hover, .option4 .customNavigation-owl .next:hover,
    .woocommerce #review_form #respond .form-submit input,
    .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover,
    .main-menu .has-mega-menu .dropdown-menu > li .block-megamenu-link > li.group_header:hover, .main-menu .has-mega-menu .dropdown-menu > li .block-megamenu-link > li:hover,
    .error-404 .search-widget .btn-search,.option3 .block .block-head:before,.block3 .block-head .block-title:before,
    .block3 .block-head .nav-tab.tab-category li.active:before,.block3 .block-head .nav-tab.tab-category li:hover:before,
    .sub-menu-list-box .button-radius:before,.top-bar-link-right li:hover,.navbar.menu-option7,
    .dropdown-menu>.active>a,.option5 .inner-header5 .link-adv-info:hover,.mini-cart5,
    .menu-home-icon .main-menu .navbar-nav> li.goto-home > a, .header-nav5 .main-menu .navbar-nav> li.goto-home > a,
    .block-slider5 .bx-controls-direction a:hover, .block-slider5 .caption-group .button-rect::before,
    .kt-owl-option5 .owl-nav>div:hover, .option5 .product-extra-link a.addcart-link,
    .option5 .inner-header5 .link-adv-info:hover, .option5 .product-extra-link a:hover,
    .search-form6::after,.contact-phone6 i.fa,.wrap-block-cl6 .dropdown-menu > li > a:hover,.item-banner6 .banner-intro h3 span::before,
    .about-icon a, .item-latest-news6 .news-info.info-yellow .readmore-link, .news-info.info-yellow, .product-tab6 .product-tab-header li::after, .item-banner-adv6.half-banner .banner-info::before, .item-banner-adv6.half-banner .banner-info, .kt-owl-carousel.kt-owl-option6 .owl-next, .item-product6 .product-extra-link a.addcart-link, .kt-owl-carousel.kt-owl-option6 .owl-prev, .icon-gift-cart > a:hover, .item-banner6 .banner-intro h4 span::before, .item-banner6 .banner-intro h3 span::before,
    .form-newsletter .mc4wp-form input[type="submit"]:hover,
    .option8 .kt-owl-carousel .owl-prev:hover, .option8 .kt-owl-carousel .owl-next:hover, .option8 .product-extra-link a.addcart-link,
    .block-content-vertical-menu .head,.vertical-menu-link>li>a:hover .text, .vertical-menu-link>li>a:hover:before,
    .vertical-menu-link>li>a .text:before,
    .option6 .main-menu.menu9 .navbar-nav > li> a:focus, .option6 .main-menu.menu9 .navbar-nav > li:hover > a,
    .option6 .main-menu.menu9 .navbar-nav> li.goto-home > a,
    .option9 .product-extra-link a:hover,.product-box9 .product-tab-content.kt-owl-carousel .owl-prev:hover, .product-box9 .product-tab-content.kt-owl-carousel .owl-next:hover,
    .option9 .product-extra-link a.addcart-link,.product-box9 .product-tab-header ul li.active::before,
    .product-extra-link a.added,.mini-cart11 .block-wrap-cart .iner-block-cart > a,
    .top-bar10.top-bar .top-bar-link-right li:hover,.main-menu10.main-menu,
    .product-box9.product-box10 .product-tab-header ul li.active::before,.main-menu.main-menu12,
    .option12 .block-slider .bx-pager-item a,
    .option12 .product-box9 .product-tab-content.kt-owl-carousel .owl-prev, 
    .option12 .product-box9 .product-tab-content.kt-owl-carousel .owl-next,
    .option12 .kt-owl-carousel .owl-prev, 
    .option12 .kt-owl-carousel .owl-next,.banner-slider13 .bx-pager .bx-pager-item > a.active,
    .item-service13 .service-icon a,.item-banner13 .banner-info .shopnow,
    .title-tab13 .list-inline li.active a,.header-menu13,.title-tab13 .list-inline li.active a,
    .item-product13 .product-thumb .quickview-link,.item-product13 .product-extra-link a:hover,
    .banner-slider13 .bx-controls-direction a:hover,.option17 .kt-owl-carousel .owl-nav > div:hover,
    .option17 .product-tab-header.header-box17 .list-inline li.active a,.option6 .navbar-toggle,
    .option9.option17 .product-extra-link a.addcart-link:hover,.header-menu17 .option6 .main-menu .navbar-nav> li.goto-home > a,
    .block-tabs .nav-tab li.active, .block-product-after .block-title,
    .button-radius.btn-check-out .icon:before, .widget .search-widget .btn-search
    {background-color:'.$main_color.'}'."\n".".top-bar-link-right li:hover a,.top-bar .top-bar-link.top-bar-link-right>li:hover .fa {color:#fff;}";

    $style .= '.block-social .list-social li>a:hover,.kt-owl-carousel .owl-next:hover,
    .option4 .block-slider .bx-prev:hover, .block-slider .bx-next:hover,
    .kt-owl-carousel .owl-prev:hover,.block-slider .bx-prev:hover, .block-slider .bx-next:hover,
    .block-hot-deals2 .nav-tab li.active a:before, .block-hot-deals2 .nav-tab li:hover a:before,
    .option3 .main-menu .navbar-nav>li>a:hover, .option3 .main-menu .navbar-nav>li.active>a, .option3 .main-menu .navbar-nav>li>a:focus,
    .block3 .block-head .nav-tab.default li:hover>a, .block3 .block-head .nav-tab.default li.active>a, .block3 .block-head .block-title,
    .option3 .kt-owl-carousel .owl-prev:hover, .option3 .kt-owl-carousel .owl-next:hover, .option3 .customNavigation-owl .prev:hover, .option3 .customNavigation-owl .next:hover,
    .page-numbers>li>a:hover, .page-numbers>li>span.current,
    .block-product-image .product-list-thumb li a:hover img, .block-product-image .product-list-thumb li a.selected img,
    .option4 .kt-owl-carousel .owl-prev:hover, .option4 .kt-owl-carousel .owl-next:hover, .option4 .customNavigation-owl .prev:hover, .option4 .customNavigation-owl .next:hover,
    .option5 .inner-header5 .link-adv-info:hover, .option5 .product-extra-link a:hover,
    .option9 .product-extra-link a:hover,.product-extra-link a.added,.main-menu.main-menu11,
    .option12 .product-box9 .product-tab-content.kt-owl-carousel .owl-prev, 
    .option12 .product-box9 .product-tab-content.kt-owl-carousel .owl-next,
    .option12 .kt-owl-carousel .owl-prev, 
    .option12 .kt-owl-carousel .owl-next,.title-tab13 .list-inline li.active a,
    .block-product-after .block-head, .block-product-after .block-title:after,
    a.button-radius.btn-check-out
    {border-color: '.$main_color.'}'."\n";

    $style .= '.block-category .categories>li>a>.text:after,
    .item-banner-adv6.half-banner .banner-info::after,
    .vertical-menu-link>li>a .text:after
    {border-left-color: '.$main_color.'}'."\n";

    $style .= '.option3 .block-vertical-menu .vertical-head,.option3 .block .block-head,
    .option4 .block3 .block-head
    {border-top-color: '.$main_color.'}'."\n";
}
/*****END MAIN COLOR*****/

/*****BEGIN CUSTOM CSS*****/
$custom_css = sv_get_option('custom_css');
if(!empty($custom_css)){
    $style .= $custom_css."\n";
}

/*****END CUSTOM CSS*****/

/*****BEGIN MENU COLOR*****/
$menu_color = sv_get_option('sv_menu_color');
$menu_hover = sv_get_option('sv_menu_color_hover');
$menu_active = sv_get_option('sv_menu_color_active');
$menu_color2 = sv_get_option('sv_menu_color2');
$menu_hover2 = sv_get_option('sv_menu_color_hover2');
$menu_active2 = sv_get_option('sv_menu_color_active2');
if(is_array($menu_color) && !empty($menu_color)){
    $style .= '.main-menu .navbar-nav>li>a, .list-meu-pro ul li a{';
    if(!empty($menu_color['font-color'])) $style .= 'color:'.$menu_color['font-color'].' !important;';
    if(!empty($menu_color['font-family'])) $style .= 'font-family:'.$menu_color['font-family'].' !important;';
    if(!empty($menu_color['font-size'])) $style .= 'font-size:'.$menu_color['font-size'].' !important;';
    if(!empty($menu_color['font-style'])) $style .= 'font-style:'.$menu_color['font-style'].' !important;';
    if(!empty($menu_color['font-variant'])) $style .= 'font-variant:'.$menu_color['font-variant'].' !important;';
    if(!empty($menu_color['font-weight'])) $style .= 'font-weight:'.$menu_color['font-weight'].' !important;';
    if(!empty($menu_color['letter-spacing'])) $style .= 'letter-spacing:'.$menu_color['letter-spacing'].' !important;';
    if(!empty($menu_color['line-height'])) $style .= 'line-height:'.$menu_color['line-height'].' !important;';
    if(!empty($menu_color['text-decoration'])) $style .= 'text-decoration:'.$menu_color['text-decoration'].' !important;';
    if(!empty($menu_color['text-transform'])) $style .= 'text-transform:'.$menu_color['text-transform'].' !important;';
    $style .= '}'."\n";
}
if(!empty($menu_hover)){
    $style .= '.main-menu .navbar-nav>li:hover>a,
    .main-menu .navbar-nav>li>a:focus,
    .main-menu .navbar-nav>li.current-menu-item>a,
    .main-menu .navbar-nav>li.current-menu-ancestor>a,
    .list-meu-pro ul li:hover>a
    {color:'.$menu_hover.' !important}'."\n";
}
if(!empty($menu_active)){
    $style .= '.main-menu .navbar-nav>li:hover,
    .main-menu .navbar-nav>li.current-menu-item,
    .main-menu .navbar-nav>li.current-menu-ancestor,
    .main-menu .navbar-nav>li>a:hover,
    .list-meu-pro ul li:hover
    {background-color:'.$menu_active.' !important}'."\n";
}
// Sub menu
if(is_array($menu_color2) && !empty($menu_color2)){
    $style .= '.dropdown-menu>li>a,
    .list-meu-pro ul.sub-menu li a {';
    if(!empty($menu_color2['font-color'])) $style .= 'color:'.$menu_color2['font-color'].' !important;';
    if(!empty($menu_color2['font-family'])) $style .= 'font-family:'.$menu_color2['font-family'].' !important;';
    if(!empty($menu_color2['font-size'])) $style .= 'font-size:'.$menu_color2['font-size'].' !important;';
    if(!empty($menu_color2['font-style'])) $style .= 'font-style:'.$menu_color2['font-style'].' !important;';
    if(!empty($menu_color2['font-variant'])) $style .= 'font-variant:'.$menu_color2['font-variant'].' !important;';
    if(!empty($menu_color2['font-weight'])) $style .= 'font-weight:'.$menu_color2['font-weight'].' !important;';
    if(!empty($menu_color2['letter-spacing'])) $style .= 'letter-spacing:'.$menu_color2['letter-spacing'].' !important;';
    if(!empty($menu_color2['line-height'])) $style .= 'line-height:'.$menu_color2['line-height'].' !important;';
    if(!empty($menu_color2['text-decoration'])) $style .= 'text-decoration:'.$menu_color2['text-decoration'].' !important;';
    if(!empty($menu_color2['text-transform'])) $style .= 'text-transform:'.$menu_color2['text-transform'].' !important;';
    $style .= '}'."\n";
}
if(!empty($menu_hover2)){
    $style .= '.main-menu li:not(.has-mega-menu) .dropdown-menu li:hover >a,
    .main-menu li:not(.has-mega-menu) .dropdown-menu li>a:focus,
    .main-menu .dropdown-menu li.current-menu-item >a,
    .main-menu .dropdown-menu li.current-menu-ancestor >a,
    .list-meu-pro ul.sub-menu li:hover>a
    {color:'.$menu_hover2.' !important}'."\n";
}
if(!empty($menu_active2)){
    $style .= '.main-menu li:not(.has-mega-menu) .dropdown-menu li:hover,
    .main-menu .dropdown-menu li.current-menu-item,
    .main-menu .dropdown-menu li.current-menu-ancestor,
    .list-meu-pro ul.sub-menu li:hover
    {background-color:'.$menu_active2.' !important}'."\n";
}
/*****END MENU COLOR*****/

/*****BEGIN TYPOGRAPHY*****/
$typo_data = sv_get_option('sv_custom_typography');
if(is_array($typo_data) && !empty($typo_data)){
    foreach ($typo_data as $value) {
        switch ($value['typo_area']) {
            case 'header':
                $style_class = '.site-header';
                break;

            case 'footer':
                $style_class = '.site-footer';
                break;

            case 'widget':
                $style_class = '.widget';
                break;
            
            default:
                $style_class = '#main-content';
                break;
        }
        $class_array = explode(',', $style_class);
        $new_class = '';
        if(is_array($class_array)){
            foreach ($class_array as $prefix) {
                $new_class .= $prefix.' '.$value['typo_heading'].',';
            }
        }
        if(!empty($new_class)) $style .= $new_class.' .nocss{';
        if(!empty($value['typography_style']['font-color'])) $style .= 'color:'.$value['typography_style']['font-color'].';';
        if(!empty($value['typography_style']['font-family'])) $style .= 'font-family:'.$value['typography_style']['font-family'].';';
        if(!empty($value['typography_style']['font-size'])) $style .= 'font-size:'.$value['typography_style']['font-size'].';';
        if(!empty($value['typography_style']['font-style'])) $style .= 'font-style:'.$value['typography_style']['font-style'].';';
        if(!empty($value['typography_style']['font-variant'])) $style .= 'font-variant:'.$value['typography_style']['font-variant'].';';
        if(!empty($value['typography_style']['font-weight'])) $style .= 'font-weight:'.$value['typography_style']['font-weight'].';';
        if(!empty($value['typography_style']['letter-spacing'])) $style .= 'letter-spacing:'.$value['typography_style']['letter-spacing'].';';
        if(!empty($value['typography_style']['line-height'])) $style .= 'line-height:'.$value['typography_style']['line-height'].';';
        if(!empty($value['typography_style']['text-decoration'])) $style .= 'text-decoration:'.$value['typography_style']['text-decoration'].';';
        if(!empty($value['typography_style']['text-transform'])) $style .= 'text-transform:'.$value['typography_style']['text-transform'].';';
        $style .= '}';
        $style .= "\n";
    }
}
/*****END TYPOGRAPHY*****/

// ******** background dssp pendaica*********
$style .=   '.box-title-style1, .box-title-style2, .box-title-style1:before, .title2-style1
    {background:'.$bg_dssp1.'}'."\n";

$style .=   '.title-style1, .viewall-style1, .title2-style1
    {color:'.$color_dssp1.'}'."\n";
//
$style .=   '.title-style11, .box-title-style11:before, .xemthem-style11 a, .title2-style11
    {background:'.$bg_dssp2.'}'."\n";

$style .= '.title-style11:before
    {border-left-color: '.$bg_dssp2.'}'."\n";

$style .=   '.box-title-style11
{border-color: '.$bg_dssp2.'}'."\n";
$style .=   '.title-style11, .title2-style11, .xemthem-style11 a
    {color:'.$color_dssp2.'}'."\n";
//
$style .=   '.title-style30, .box-title-style30:before, .title2-style30
    {background:'.$bg_dssp3.'}'."\n";

$style .= '.title-style30:before
    {border-left-color: '.$bg_dssp3.'}'."\n";

$style .=   '.box-title-style30
{border-color: '.$bg_dssp3.'}'."\n";
$style .=   '.title-style30, .title2-style30
    {color:'.$color_dssp3.'}'."\n";
//
$style .=   '.box-title-style31, .box-title-style31:before, .xemthem-style31 a, .title2-style31
    {background:'.$bg_dssp4.'}'."\n";

$style .= '.title-style31:before
    {border-left-color: '.$bg_dssp4.'}'."\n";

$style .=   '.box-title-style31
{border-color: '.$bg_dssp4.'}'."\n";
$style .=   '.title-style31, .title2-style31, .viewall-style31
    {color:'.$color_dssp4.'}'."\n";
//
$style .=   '.box-title-style5, .box-title-style5:before, .viewall-style5, .title2-style5
    {background:'.$bg_dssp5.'}'."\n";

$style .=   '.title-style5, .title2-style5, .viewall-style5
    {color:'.$color_dssp5.'}'."\n";
//
$style .=   '.title-style3, .svgleft-style3, .svgright-style3
    {background:'.$bg_dssp6.'}'."\n";

$style .=   '.title-style3
    {color:'.$color_dssp6.'}'."\n";
//
$style .=   '.title-style32, .box-title-style32:before
    {background:'.$bg_dssp10.'}'."\n";

$style .= '.title-style32:before
    {border-left-color: '.$bg_dssp10.'}'."\n";

$style .=   '.box-title-style32
{border-color: '.$bg_dssp10.'}'."\n";
$style .=   '.title-style32, .title2-style32
    {color:'.$color_dssp10.'}'."\n";
//
$style .=   '.title-style33, .box-title-style33:before
    {background:'.$bg_dssp11.'}'."\n";

$style .= '.title-style33:before
    {border-left-color: '.$bg_dssp11.'}'."\n";

$style .=   '.box-title-style33
{border-color: '.$bg_dssp11.'}'."\n";
$style .=   '.title-style33
    {color:'.$color_dssp11.'}'."\n";


// ******** end background dssp*********
if(!empty($style)) print $style;
?>