<?php
/*
 * option css
 *
 *
 *
*/
function css_option()
{
  $content_post_font_size  = ot_get_option('content_post_font_size', false);
?>
  <style>
    /** style menu bar */
    .menu_bar_header-shop {
      background-color: <?php echo ot_get_option('color_shop_menubar', '#fff'); ?>;
    }

    .menu_bar_header-shop .social_footer_ul li i,
    .menu_bar_header-shop .cd-main-nav ul li a {
      color: <?php echo ot_get_option('color_shop_menubar_share', '#616161'); ?> !important;
    }

    /** style header blog **/

    .hed-menu-bar,
    .le-main-nav .navbar-nav .dropdown-menu,
    .ic-cart-pro .navbar-nav .dropdown-menu,
    .header-3 .share-alt-head ul {
      background-color: <?php echo ot_get_option('color_background_blog', '#fff'); ?>;
    }

    .cd-main-nav ul li a,
    .mobile-menu-wrapper ul li a,
    .children .sub-togglee,
    .sub-menu .sub-togglee::before,
    .cd-main-nav ul li .fa-angle-down {
      color: <?php echo ot_get_option('color_menu_blog', '#616161'); ?>;
    }

    .le-main-nav li,
    .header-3 .share-alt-head ul li a i,
    .le-main-nav li a,
    .le-main-nav .dropdown-back::before,
    .dropdown-toggle::after {
      color: <?php echo ot_get_option('color_icon_header_blog', '#424750'); ?>;
    }

    .le-main-nav>li {
      border-color: <?php echo ot_get_option('color_icon_header_blog', '#e0e0e2'); ?>;
    }

    /*{
  background: <?php echo ot_get_option('hover_background_text_menu', '#f9f9f9'); ?>;
  transition: all .2s;
}
*/
    .nav__cb:checked~.nav__content,
    .login-mobile {
      background: <?php echo ot_get_option('back_color_item_header', '#fb3449'); ?>;
    }

    .nav__item-text i {
      color: <?php echo ot_get_option('back_color_item_header', '#fff'); ?>;
      border-color: <?php echo ot_get_option('back_color_item_header', '#e0e0e2'); ?>;
    }

    .nav__btn::before,
    .nav__btn::after,
    .menu-container .bar {
      background: <?php echo ot_get_option('color_menu_mobile_b', '#616161'); ?>;
    }

    /** style shop header 2 **/
    .dimag_homepage_mo .hashtag,
    .dimag_homepage,
    .dimag_homepage_mo .container,
    .dimag_homepage .navbar-nav .dropdown-menu,
    .dimag_homepage_mo .navbar-nav .dropdown-menu {
      background-color: <?php echo ot_get_option('color_shop_header_two', '#fff'); ?> !important;
      color: <?php echo ot_get_option('headershop_text_color_two', '#212121'); ?> !important;

    }

    .dimag_homepage .navbar-nav .dropdown-menu a,
    .dimag_homepage_mo .navbar-nav .dropdown-menu a,
    .dimag_homepage .hashtag__title,
    .dimag_homepage_mo .hashtag__title {
      color: <?php echo ot_get_option('headershop_text_color_two', '#212121'); ?> !important;

    }

    .dimag_homepage_mo .menu-container .bar {
      background-color: <?php echo ot_get_option('color_icon_menu_mobile', '#b8b8b8'); ?> !important;
    }

    .dimag_homepage_mo .hashtag__wrapper,
    .dimag_homepage .hashtag__wrapper {
      background-color: <?php echo ot_get_option('color_back_menu_hashtag', '#f6f5f4'); ?> !important;
    }

    .dimag_homepage_mo .hashtag__wrapper ul li a,
    .dimag_homepage .hashtag__wrapper ul li a {
      color: <?php echo ot_get_option('color_text_menu_hashtag', '#32b4fd'); ?> !important;
    }

    .dimag_homepage .logo {
      background-color: <?php echo ot_get_option('color_back_logo', '#bca5f0 '); ?> !important;

    }

    .dimag_homepage .dimag__top--sep,
    .dimag_homepage .search.search-btn i,
    .dimag_homepage_mo .item-head-respan i,
    .dimag_homepage_mo .user-pane_mo i,
    .dimag_homepage .user-pane i,
    .dimag_homepage .user-pane span,
    .dimag_homepage .user-pane a {
      border-color: <?php echo ot_get_option('color__icon__header', '#b0b0b0 '); ?> !important;
      color: <?php echo ot_get_option('color__icon__header', '#b0b0b0 '); ?> !important;
    }

    /** single post  **/
    .post-content p {
      color: <?php echo ot_get_option('content_post_color', '#404040 '); ?> !important;
      font-size: <?php echo ot_get_option('content_post_font_size', '14 '); ?>px !important;

    }

    <?php
    $content_post_img  = ot_get_option('content_post_img', false);
    if ($content_post_img  == 'on') : ?>.post-content img {
      width: 100% !important;
    }

    <?php else : ?>.post-content img {
      width: auto !important;
    }

    <?php endif; ?>

    /** style footer blog **/
    <?php $footer_body = ot_get_option('background_footer_blog', array()); ?>.footer {
      background-size: cover;
      background-color: <?php if ($footer_body['background-color']) {
                          echo $footer_body['background-color'];
                        } else {
                          echo '#f5f5f5';
                        } ?>;
      background-repeat: <?php if ($footer_body['background-repeat']) {
                            echo $footer_body['background-repeat'];
                          } else {
                            echo 'repeat-x';
                          } ?>;
      background-attachment: <?php if ($footer_body['background-attachment']) {
                                echo $footer_body['background-attachment'];
                              } else {
                                echo 'fixed';
                              } ?>;
      background-position: <?php if ($footer_body['background-position']) {
                              echo $footer_body['background-position'];
                            } else {
                              echo 'top';
                            } ?>;
      background-image: url(<?php if ($footer_body['background-image']) {
                              echo $footer_body['background-image'];
                            } else {
                            } ?>);
    }

    <?php $bg_body = ot_get_option('background_body_blog', array()); ?>#body_blog {
      background-color: <?php if ($bg_body['background-color']) {
                          echo $bg_body['background-color'];
                        } else {
                          echo '#f5f5f5';
                        } ?>;
      background-repeat: <?php if ($bg_body['background-repeat']) {
                            echo $bg_body['background-repeat'];
                          } else {
                            echo 'repeat-x';
                          } ?>;
      background-attachment: <?php if ($bg_body['background-attachment']) {
                                echo $bg_body['background-attachment'];
                              } else {
                                echo 'fixed';
                              } ?>;
      background-position: <?php if ($bg_body['background-position']) {
                              echo $bg_body['background-position'];
                            } else {
                              echo 'top';
                            } ?>;
      background-image: url(<?php if ($bg_body['background-image']) {
                              echo $bg_body['background-image'];
                            } else {
                            } ?>);
    }

    .content_item__time {
      background-color: <?php if ($bg_body['background-color']) {
                          echo $bg_body['background-color'];
                        } else {
                          echo '#f5f5f5';
                        } ?>;
    }

    <?php $body_shop = ot_get_option('background_body_shop', array()); ?>#body_shop {
      background-color: <?php if ($body_shop['background-color']) {
                          echo $body_shop['background-color'];
                        } else {
                          echo '#f5f5f5';
                        } ?>;
      background-repeat: <?php if ($body_shop['background-repeat']) {
                            echo $body_shop['background-repeat'];
                          } else {
                            echo 'repeat-x';
                          } ?>;
      background-attachment: <?php if ($body_shop['background-attachment']) {
                                echo $body_shop['background-attachment'];
                              } else {
                                echo 'fixed';
                              } ?>;
      background-position: <?php if ($body_shop['background-position']) {
                              echo $body_shop['background-position'];
                            } else {
                              echo 'top';
                            } ?>;
      background-image: url(<?php if ($body_shop['background-image']) {
                              echo $body_shop['background-image'];
                            } else {
                            } ?>);
    }

    .amazon--slid .owl-carousel.owl-rtl::before {
      background: linear-gradient(-180deg, rgba(234, 237, 237, 0), <?php if ($body_shop['background-color']) {
                                                                      echo $body_shop['background-color'];
                                                                    } else {
                                                                      echo '#f5f5f5';
                                                                    } ?>);
    }

    .spacing_archive-box {
      background-color: <?php if ($body_shop['background-color']) {
                          echo $body_shop['background-color'];
                        } else {
                          echo '##f5f5f5';
                        } ?>;
    }

    .footer p,
    .footer a,
    .footer p,
    .footer td {
      color: <?php echo ot_get_option('color_footer_text_menu', '#404040'); ?> !important;
    }

    .footer th,
    .footer h5 {
      color: <?php echo ot_get_option('title_text_color', '#212121'); ?> !important;
    }

    .social_footer_ul li i {
      color: <?php echo ot_get_option('icon_social_text_color', ' #424750'); ?> !important;
    }

    .text-center.copy_right {
      color: <?php echo ot_get_option('copyright_text_color', ' #212121'); ?> !important;
    }

    /* back to top */
    .sticky_toolbox a::after,
    .sticky_toolbox span,
    .sticky_toolbox a:hover {
      background: <?php echo ot_get_option('color_hover_back_to_top', ' #0063d1'); ?>;
      color: <?php echo ot_get_option('color_hover_text_back_to_top', '#fff'); ?> !important;
    }

    .sticky_toolbox a {
      background: <?php echo ot_get_option('color_background_back_to_top', '#fff'); ?>;
      color: <?php echo ot_get_option('color_icon_back_to_top', '#333'); ?> !important;
    }

    /** style shop header **/
    .he-btn-container .dropdown-menu,
    .header-shop,
    .h-menu-nav,
    .postform,
    .mobile-header,
    .header-shop .color_option_denver,
    .product-serchform-wc .search-wrapper input {
      background-color: <?php echo ot_get_option('color_shop_header', '#fff'); ?> !important;
    }

    .product-serchform-wc .search-wrapper input {
      border-color: <?php echo ot_get_option('bordercolor_searchbox_shop', '#eee'); ?>;
    }

    .ic-cart-pro .navbar-nav .dropdown-menu a,
    .he-btn-container .dropdown-menu a,
    .h-menu-nav-list_item div ul li a,
    .h-menu-nav-list_items,
    .btn-login,
    .dropdown-back::before,
    .h-menu-nav-list_activ--main ul li a,
    .h-menu-nav-list_activ--main ul li a::before,
    .he-search input,
    .he-search::before,
    .category-searchform,
    .h-row-shop .he-btn-container li i,
    .postform,
    .ic-cart-pro .he-btn-container li i,
    .ic-cart-pro .li-user-lo i,
    .item-head-respan>a>i,
    .he-search .submit_button i,
    .hed-btn-container_cart .fa-shopping-bag,
    .h-menu-nav-list_activ--main>ul>li::before {
      color: <?php echo ot_get_option('headershop_text_color', '#616161'); ?>;
    }

    .menu-container.shop_m .bar {
      background: <?php echo ot_get_option('headershop_text_color', '#616161'); ?>;
    }

    .mo-header-search {
      border-top: 1px solid <?php echo ot_get_option('headershop_text_color', '#e5e5ea'); ?>;
    }

    .h-menu-nav-list_activ--main ul li:after {
      background: <?php echo ot_get_option('headershop_text_color', '#f0f0f1'); ?>;
    }

    .postform {
      border: 1px solid<?php echo ot_get_option('bordercolor_searchbox_shop', '#e0e0e2'); ?>;
      margin: 0;
      outline: unset !important;
    }

    .he-search .submit_button::before {
      background: <?php echo ot_get_option('bordercolor_searchbox_shop', '#eee'); ?>;
    }

    .he-btn-container {
      border: 1px solid<?php echo ot_get_option('color_border_profileshop', '#e0e0e2'); ?>;
    }

    .navbar-nav .dropdown-menu li:first-child {
      border-color: <?php echo ot_get_option('color_border_profileshop', '#e0e0e2'); ?>;
    }

    .lin_right {
      background: <?php echo ot_get_option('color_border_profileshop', '#e0e0e2'); ?>;

    }

    /** header 5 **/
    .header_nin_5,
    .header_nin_5 .navbar-nav .dropdown-menu {
      background: <?php echo ot_get_option('color_bac_menubar_five', '#fff'); ?>;
    }

    .header_nin_5 .cd-main-nav ul .menu-item a,
    .header_nin_5 .navbar-nav .dropdown-menu a {
      color: <?php echo ot_get_option('color_text_header_five', '#616161'); ?>;
    }

    .header_nin_5 .tool_header5 .search_heade i,
    .header_nin_5 .tool_header5 .li-user-lo i {
      color: <?php echo ot_get_option('color_icon_five', '#b0b0b0'); ?>;
      font-size: 20px;
    }

    .header_nin_5 .nav-mobile .menu-container .bar {
      background: <?php echo ot_get_option('color_icon_five', '#b0b0b0'); ?>;
    }

    /** header 4 **/

    .header-4,
    .header-mobile-4,
    .header-4 .navbar-nav .dropdown-menu {
      background: <?php echo ot_get_option('color_bac_menubar_four', '#fff'); ?>;

    }

    .header-4 .header-4-main-menu {
      background: <?php echo ot_get_option('color_bac_main_menu_four', '#fff'); ?>;

    }

    .header-topbar-4 .cd-main-nav ul .menu-item a {
      color: <?php echo ot_get_option('color_text_menubar_four', '#616161'); ?>;

    }

    .header-4 .section-menu.cd-main-nav ul .menu-item a,
    .header-4 .navbar-nav .dropdown-menu a {
      color: <?php echo ot_get_option('color_text_header_four', '#616161'); ?>;
    }

    .header-4 .container .search [class*="search"],
    .header-4 .user-pane .fa-user-circle {
      color: <?php echo ot_get_option('color_icon_four', '#b0b0b0'); ?>;

    }

    .header-mobile-4 .menu-container .bar {
      background: <?php echo ot_get_option('color_icon_four', '#b0b0b0'); ?>;
    }

    .header-topbar-4 {
      background: <?php echo ot_get_option('color_shop_menubar_four', '#fff'); ?>;
    }

    /** style shop footer **/
    .shop-footer-web-info {
      background-color: <?php echo ot_get_option('copy_right_shopfo', '#d7dee0'); ?> !important;
    }

    <?php $footer_shop = ot_get_option('background_footer_shop', array()); ?>.shop_footer {
      background-color: <?php if ($footer_shop['background-color']) {
                          echo $footer_shop['background-color'];
                        } else {
                          echo '#eceff1';
                        } ?>;
      background-repeat: <?php if ($footer_shop['background-repeat']) {
                            echo $footer_shop['background-repeat'];
                          } else {
                            echo 'repeat-x';
                          } ?>;
      background-attachment: <?php if ($footer_shop['background-attachment']) {
                                echo $footer_shop['background-attachment'];
                              } else {
                                echo 'fixed';
                              } ?>;
      background-position: <?php if ($footer_shop['background-position']) {
                              echo $footer_shop['background-position'];
                            } else {
                              echo 'top';
                            } ?>;
      background-image: url(<?php if ($footer_shop['background-image']) {
                              echo $footer_shop['background-image'];
                            } else {
                            } ?>);
    }

    /** style single produc **/
    .btn-add-to-cart {
      background-color: <?php echo ot_get_option('btn_add_to_cart', '#ef394e'); ?>;
    }

    .wo-product__seller-info,
    .woocommerce-variation.single_variation {
      background-color: <?php echo ot_get_option('wo_product__seller-info', '#f5f5f5'); ?>;
    }

    .wo-product__seller-info,
    .woocommerce-variation.single_variation::before {
      color: <?php echo ot_get_option('color_info_text_prouct_cart', '#999'); ?>;
    }

    .woocommerce-Price-amount.amount {
      color: <?php echo ot_get_option('color_text_price_prouct', '#000'); ?>;
    }

    /** style box add to cart */
    .add_to_cart_loop_bth .to_cart_loop__bth .button,
    .add_to_cart_loop_bth .added_to_cart.wc-forward,
    .add_to_cart_loop_bth .to_cart_loop__bth .original_product {
      background-color: <?php echo ot_get_option('title_color_bth_add_to', '#ef394e'); ?>;
      color: <?php echo ot_get_option('title_color_bth_add_to_2', '#fff'); ?>;
    }
  </style>
<?php
}
add_action('wp_head', 'css_option', 100);
?>