function edo_themne_color()
{
$main_color = edo_option('kt_theme_color', '#5a88ca');
$kt_theme_color_2 = edo_option('kt_theme_color_2', '#f2d03b');
$rgb_color = edo_hex2rgb($main_color);
$css = <<<CSS
\t/* Color Scheme */
\tbody a:hover,
\tbody .top-bar .top-bar-link.dot>li>a:before,
\tbody .block-category .categories>li>a:before,
\tbody .option3 .advanced-search .btn-search,
\tbody .option3 .wrap-block-cl .user-info .fa,
\tbody .option3 .wrap-block-cl .user-info .dropdown-menu .fa,
\tbody .option4 .advanced-search .btn-search,
\tbody .option4 .wrap-block-cl .user-info .fa,
\tbody .option4 .wrap-block-cl .user-info .dropdown-menu .fa,
\tbody .widget_product_categories .children>li>a:before,
\tbody .block-popular-cat .sub-categories li a:before,
\t.header.style5 .advanced-search .btn-search,
\t.header.style5 .user-info .main-link,
\t.box-product-style8 .nav-tab li.active a,
\t.box-product-style8 .nav-tab li:hover a,
\t.box-product-style8 .box-link a,
\t.product.style5 .btn-quick-view:before,
\t.lasttest-blogs .item-blog .title a:hover,
\t.lasttest-blogs .item-blog .readmore,
\t.popular-tabs .nav-tab li.active a,
\t.popular-tabs .nav-tab li a:hover,
\t.popular-tabs .nav-tab li a:focus,
\t.edo_icon.style2:hover .icon-info .title{
\t\tcolor: {$main_color};
\t}
\tbody #category-select-menu .ui-state-focus,
\tbody .main-bg,
\tbody .block-wrap-cart .iner-block-cart>a:after,
\tbody .main-menu .navbar-nav>li>a:hover,
\tbody .main-menu .navbar-nav>li.active>a,
\tbody .main-menu .navbar-nav>li>a:focus,
\tbody .main-menu .navbar-nav>li>a:visited,
\tbody .main-menu .dropdown-menu>li:hover,
\tbody .button-radius .icon:before,
\tbody .megamenu .widget_nav_menu ul>li:hover,
\tbody .block-category .nav-tab>li>a:hover,
\tbody .block-category .nav-tab>li.active>a,
\tbody .block-category .categories>li>a>.text:before,
\tbody .block-category .categories>li>a>.text:before,
\tbody .block-category .categories>li>a:hover>.text,
\tbody .owl-carousel .owl-next:hover,
\tbody .owl-carousel .owl-prev:hover,
\tbody .footer-block-box .block-input-box .block-button,
\tbody .footer-block-box .block-input-box .mailchimp-submit,
\tbody .block-social .list-social li>a:hover,
\tbody .scroll_top,
\tbody .block-header-right .item.item-cart,
\tbody .block-vertical-menu .vertical-head,
\tbody .block-tabs .nav-tab li a:hover,
\tbody .block-tabs .nav-tab li.active a,
\tbody .block-hot-deals2 .nav-tab li.active a:before,
\tbody .block-hot-deals2 .nav-tab li:hover a:before,
\tbody .option3 .wrap-block-cl .dropdown-menu>li>a:hover,
\tbody .option3 .tab-cat-products .sub-cat,
\tbody .block-top-review .list-product .product:hover .order,
\tbody .block-top-review .list-product .product.active .order,
\tbody .option4 .wrap-block-cl .dropdown-menu>li>a:hover,
\tbody .option4 .block-wrap-cart .iner-block-cart>a:after,
\tbody .option4 .products .btn-quick-view,
\tbody .option3 .products .btn-quick-view,
\tbody .display-product-option li.selected span,
\tbody .display-product-option li:hover span,
\tbody .products .btn-quick-view,
\tbody .woocommerce #respond input#submit,
\tbody .woocommerce a.button,
\tbody .woocommerce button.button,
\tbody .woocommerce input.button,
\tbody .woocommerce #respond input#submit.alt,
\tbody .woocommerce a.button.alt,
\tbody .woocommerce button.button.alt,
\tbody .woocommerce input.button.alt,
\tbody .woocommerce #respond input#submit:hover,
\tbody .woocommerce a.button:hover,
\tbody .woocommerce button.button:hover,
\tbody .woocommerce input.button:hover,
\tbody .woocommerce #respond input#submit.alt:hover,
\tbody .woocommerce a.button.alt:hover,
\tbody .woocommerce button.button.alt:hover,
\tbody .woocommerce input.button.alt:hover,
\tbody .tagcloud a:hover,
\tbody .nav-links>a:hover,
\tbody .nav-links .current,
\tbody.woocommerce div.product form.cart .single_add_to_cart_button:before,
\tbody.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
\tbody.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
\tbody.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
\tbody.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
\tbody.woocommerce #respond input#submit:hover,
\tbody.woocommerce a.button:hover,
\tbody.woocommerce button.button:hover,
\tbody.woocommerce input.button:hover,
\tbody.woocommerce #respond input#submit.alt:hover,
\tbody.woocommerce a.button.alt:hover,
\tbody.woocommerce button.button.alt:hover,
\tbody.woocommerce input.button.alt:hover,
\tbody.woocommerce #review_form #respond .form-submit input,
\tbody input[type="submit"], button,
\tbody.woocommerce .wishlist_table td.product-add-to-cart .add_to_cart_button:before,
\tbody .block-category-list a:hover,
\t.header.style5 .block-wrap-cart,
\tbody .button,
\t.header.style6 .main-menu,
\t.product.style5 .yith-wcwl-add-button a:hover,
\t.product.style5 .yith-wcwl-wishlistaddedbrowse a:hover,
\t.product.style5 .yith-wcwl-wishlistexistsbrowse a:hover,
\t.product.style5 .compare.button:hover,
\t.product.style5 .compare:hover,
\t.lasttest-blogs.style2 .owl-carousel .owl-next:hover,
\t.lasttest-blogs.style2 .owl-carousel .owl-prev:hover,
\t.edo_icon.style2:hover .icon
\t{
\t\tbackground-color: {$main_color};
\t}
\tbody .block-category .nav-tab>li>a:hover,
\tbody .block-category .nav-tab>li.active>a,
\tbody .owl-carousel .owl-next:hover,
\tbody .owl-carousel .owl-prev:hover,
\tbody .block-social .list-social li>a:hover,
\tbody .block-header-right .item .icon,
\tbody .block-hot-deals2 .nav-tab li.active a:before,
\tbody .block-hot-deals2 .nav-tab li:hover a:before,
\tbody .option3 .main-menu .navbar-nav>li>a:hover,
\tbody .option3 .main-menu .navbar-nav>li.active>a,
\tbody .option3 .main-menu .navbar-nav>li>a:focus,
\tbody .option3 .main-menu .navbar-nav>li>a:visited,
\tbody .block3 .block-head .nav-tab.tab-category li.active,
\tbody .block3 .block-head .nav-tab.tab-category li:hover,
\tbody .option4 .block3 .block-head .nav-tab.default li:hover>a,
\tbody .option4 .block3 .block-head .nav-tab.default li.active>a,
\tbody .option3 .block3 .block-head .nav-tab.default li:hover>a,
\tbody .option3 .block3 .block-head .nav-tab.default li.active>a,
\tbody.woocommerce #content div.product div.thumbnails a:hover img,
\tbody.woocommerce div.product div.thumbnails a:hover img,
\tbody.woocommerce-page #content div.product div.thumbnails a:hover img,
\tbody.woocommerce-page div.product div.thumbnails a:hover img,
\t.product.style5 .yith-wcwl-add-button a:hover,
\t.product.style5 .yith-wcwl-wishlistaddedbrowse a:hover,
\t.product.style5 .yith-wcwl-wishlistexistsbrowse a:hover,
\t.product.style5 .compare.button:hover,
\t.product.style5 .compare:hover,
\t.lasttest-blogs.style2 .owl-carousel .owl-next:hover,
\t.lasttest-blogs.style2 .owl-carousel .owl-prev:hover,
\t.edo_icon.style2:hover .icon{
\t\tborder-color: {$main_color};
\t}
\tbody .block-category .categories>li>a>.text:after{
\t\t border-left: 16px solid {$main_color};
\t}
\tbody .option3 .block-vertical-menu .vertical-head,
\tbody .option3 .block .block-head,
\tbody .block3 .block-head .block-title,
\tbody .option4 .block-vertical-menu .vertical-head{
\t\tborder-top: 5px solid {$main_color};
\t}
\tbody .option4 .block3 .block-head{
\t\t border-top: 2px solid {$main_color};
\t}
\tbody .block-categories .sub-cat{
\t\tbackground: rgba({$rgb_color['red']},{$rgb_color['green']},{$rgb_color['blue']}, 0.9);
\t}
\tbody .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
\tbody .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
\t\tbackground: {$main_color};
\t}
\t.header.style6 .advanced-search .btn-search,
\t.header.style6 .hotline .icon,
\t.header.style6 .block-wrap-cart .iner-block-cart>a:after,
\t.edo_icon:hover .icon,
\t.product.style6 .btn-add-cart,
\t.box-product-carousel .owl-carousel .owl-prev,
\t.box-product-carousel .owl-carousel .owl-next,
\t.popular-tabs .nav-tab li:after,
\t.popular-tabs .owl-carousel .owl-prev,
\t.popular-tabs .owl-carousel .owl-next,
\t.lasttest-blogs.style2 .owl-carousel .owl-next,
.lasttest-blogs.style2 .owl-carousel .owl-prev,
.edo_icon.style2 .icon
\t{
\t\tbackground-color: {$kt_theme_color_2};
\t}
\t.edo_icon:hover .icon,
\t.box-product-carousel .owl-carousel .owl-prev,
\t.box-product-carousel .owl-carousel .owl-next,
\t.popular-tabs .owl-carousel .owl-prev,
\t.popular-tabs .owl-carousel .owl-next,
\t.lasttest-blogs.style2 .owl-carousel .owl-next,
\t.lasttest-blogs.style2 .owl-carousel .owl-prev{
\t\tborder-color: {$kt_theme_color_2};
\t}
\t.edo_icon .icon,
\t.edo_icon:hover .title{
\t\tcolor: {$kt_theme_color_2};
\t}
CSS;
?>
<style id="edo-theme-color" type="text/css">
<?php
echo apply_filters('edo_customize_css', $css);
?>
</style>
<?php
}
protected function content($atts, $content = null)
{
$atts = function_exists('vc_map_get_attributes') ? vc_map_get_attributes('edo_box_text', $atts) : $atts;
$atts = shortcode_atts(array('title' => '', 'text_content' => '', 'box_bg_color' => '#f25f43', 'text_color' => '#fff', 'arow_postion' => 'left', 'el_class' => '', 'css' => ''), $atts);
extract($atts);
$elementClass = array('base' => apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, ' ', $this->settings['base'], $atts), 'extra' => $this->getExtraClass($el_class), 'shortcode_custom' => vc_shortcode_custom_css_class($css, ' '));
$elementClass = preg_replace(array('/\\s+/', '/^\\s|\\s$/'), array(' ', ''), implode(' ', $elementClass));
$box_css = array();
$box_css[] = 'background:' . $box_bg_color . ';';
$box_css[] = 'color:' . $text_color . ';';
$text_color_rgb = edo_hex2rgb($text_color);
$box_content_css = array();
$box_content_css[] = 'border-color:rgba(' . $text_color_rgb['red'] . ',' . $text_color_rgb['green'] . ',' . $text_color_rgb['blue'] . ',0.3);';
$arow_css = array();
if ($arow_postion == 'left') {
$arow_css[] = 'border-right-color:' . $box_bg_color . ';';
}
if ($arow_postion == 'right') {
$arow_css[] = 'border-left-color:' . $box_bg_color . ';';
}
if ($arow_postion == 'bottom') {
$arow_css[] = 'border-top-color:' . $box_bg_color . ';';
}
if ($arow_postion == 'top') {
$arow_css[] = 'border-bottom-color:' . $box_bg_color . ';';
}
ob_start();
?>
<div class="edo-box-text <?php
echo esc_attr($arow_postion);
?>
<?php
echo esc_attr($elementClass);
?>
" style="<?php
echo implode(' ', $box_css);
?>
">
<div class="box-content text-center" style="<?php
echo implode(' ', $box_content_css);
?>
">
<h2 class="title"><?php
echo esc_html($title);
?>
</h2>
<div class="content"><?php
echo edo_get_html($text_content);
?>
</div>
<span class="icon fa fa-arrow-circle-right"></span>
</div>
<span style="<?php
echo implode(' ', $arow_css);
?>
" class="arow"></span>
</div>
<?php
return ob_get_clean();
}
