<?php

/**
 * @big_grid_large_image is put after @big_grid_small_images so that it will overwrite small posts style
 */

function td_css_generator_mob() {

    $raw_css = "
    <style>

    /* @theme_color_mob */
    a,
    .td-post-author-name a,
    .td-mobile-content .current-menu-item > a,
    .td-mobile-content .current-menu-ancestor > a,
    .footer-email-wrap a,
    .td-search-query,
    .td-page-content blockquote p,
    .td-post-content blockquote p {
        color: @theme_color_mob;
    }

    .td-scroll-up,
    .td-rating-bar-wrap div,
    .td-page-content .dropcap,
    .td-post-content .dropcap,
    .comment-content .dropcap,
    .td_wrapper_video_playlist .td_video_controls_playlist_wrapper {
        background-color: @theme_color_mob;
    }


    .td_quote_box,
    .td_wrapper_video_playlist .td_video_currently_playing:after {
        border-color: @theme_color_mob;
    }

    /* @menu_background_mob */
    .td-header-wrap {
        background-color: @menu_background_mob;
    }
    /* @menu_icon_color_mob */
    #td-top-mobile-toggle i,
    .td-search-icon .td-icon-search {
        color: @menu_icon_color_mob;
    }
    /* @menu_text_color_mob */
    .td-mobile-content li a,
    .td-mobile-content .td-icon-menu-right,
    .td-mobile-content .sub-menu .td-icon-menu-right,
    #td-mobile-nav .td-menu-login-section a,
    #td-mobile-nav .td-menu-logout a,
    #td-mobile-nav .td-menu-socials-wrap .td-icon-font,
    .td-mobile-close .td-icon-close-mobile,
    .td-search-close .td-icon-close-mobile,
    .td-search-wrap,
    .td-search-wrap #td-header-search,
    #td-mobile-nav .td-register-section,
    #td-mobile-nav .td-register-section .td-login-input,
    #td-mobile-nav label,
    #td-mobile-nav .td-register-section i,
    #td-mobile-nav .td-register-section a,
    #td-mobile-nav .td_display_err,
    .td-search-wrap .td_module_wrap .entry-title a,
    .td-search-wrap .td_module_wrap:hover .entry-title a,
    .td-search-wrap .td-post-date {
        color: @menu_text_color_mob;
    }
    .td-search-wrap .td-search-input:before,
    .td-search-wrap .td-search-input:after,
    #td-mobile-nav .td-menu-login-section .td-menu-login span {
        background-color: @menu_text_color_mob;
    }

    #td-mobile-nav .td-register-section .td-login-input {
        border-bottom-color: @menu_text_color_mob !important;
    }

    /* @menu_text_active_color_mob */
    .td-mobile-content .current-menu-item > a,
    .td-mobile-content .current-menu-ancestor > a,
    .td-mobile-content .current-category-ancestor > a,
    #td-mobile-nav .td-menu-login-section a:hover,
    #td-mobile-nav .td-register-section a:hover,
    #td-mobile-nav .td-menu-socials-wrap a:hover i,
    .td-search-close a:hover i {
        color: @menu_text_active_color_mob;
    }

    /* @menu_button_background_mob */
    #td-mobile-nav .td-register-section .td-login-button,
    .td-search-wrap .result-msg a {
        background-color: @menu_button_background_mob;
    }

    /* @menu_button_color_mob */
    #td-mobile-nav .td-register-section .td-login-button,
    .td-search-wrap .result-msg a {
        color: @menu_button_color_mob;
    }


    /* @menu_gradient_one_mob */
    .td-menu-background:before,
    .td-search-background:before {
        background: @menu_gradient_one_mob;
        background: -moz-linear-gradient(top, @menu_gradient_one_mob 0%, @menu_gradient_two_mob 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, @menu_gradient_one_mob), color-stop(100%, @menu_gradient_two_mob));
        background: -webkit-linear-gradient(top, @menu_gradient_one_mob 0%, @menu_gradient_two_mob 100%);
        background: -o-linear-gradient(top, @menu_gradient_one_mob 0%, @menu_gradient_two_mob 100%);
        background: -ms-linear-gradient(top, @menu_gradient_one_mob 0%, @menu_gradient_two_mob 100%);
        background: linear-gradient(to bottom, @menu_gradient_one_mob 0%, @menu_gradient_two_mob 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@menu_gradient_one_mob', endColorstr='@menu_gradient_two_mob', GradientType=0 );
    }


     /* @footer_background_mob */
    .td-mobile-footer-wrap {
        background-color: @footer_background_mob;
    }
     /* @footer_text_color_mob */
    .td-mobile-footer-wrap,
    .td-mobile-footer-wrap a,
    .td-mobile-footer-wrap .block-title span {
        color: @footer_text_color_mob;
    }

    /* @sub_footer_background_mob */
    .td-mobile-sub-footer-wrap {
        background-color: @sub_footer_background_mob;
    }

    /* @sub_footer_text_color_mob */
    .td-mobile-sub-footer-wrap,
    .td-mobile-sub-footer-wrap a {
        color: @sub_footer_text_color_mob;
    }


    /* @mobile_background_image_mob */
    .td-menu-background,
    .td-search-background {
        background-image: url('@mobile_background_image_mob');
    }

    /* @mobile_background_repeat_mob */
    .td-menu-background,
    .td-search-background {
        background-repeat: @mobile_background_repeat_mob;
    }

    /* @mobile_background_size_mob */
    .td-menu-background,
    .td-search-background {
        background-size: @mobile_background_size_mob;
    }

    /* @mobile_background_position_mob */
    .td-menu-background,
    .td-search-background {
        background-position: @mobile_background_position_mob;
    }

    </style>
    ";



    $td_css_compiler = new td_css_compiler($raw_css);

    // theme color
    $td_css_compiler->load_setting('theme_color_mob');

    // menu color
    $td_css_compiler->load_setting('menu_background_mob');
    $td_css_compiler->load_setting('menu_icon_color_mob');
    $td_css_compiler->load_setting('menu_text_color_mob');
    $td_css_compiler->load_setting('menu_text_active_color_mob');
    $td_css_compiler->load_setting('menu_button_background_mob');
    $td_css_compiler->load_setting('menu_button_color_mob');

    // menu gradient color
    $td_css_compiler->load_setting('menu_gradient_one_mob');
    $td_css_compiler->load_setting('menu_gradient_two_mob');
    //color one is empty
    if (empty($td_css_compiler->settings['menu_gradient_one_mob']) && !empty($td_css_compiler->settings['menu_gradient_two_mob'])) {
        $td_css_compiler->load_setting_raw('menu_gradient_one_mob', '#333145');
    }
    //color two is empty
    if (!empty($td_css_compiler->settings['menu_gradient_one_mob']) && empty($td_css_compiler->settings['menu_gradient_two_mob'])) {
        $td_css_compiler->load_setting_raw('menu_gradient_two_mob', '#b8333e');
    }


    // footer color
    $td_css_compiler->load_setting('footer_background_mob');
    $td_css_compiler->load_setting('footer_text_color_mob');

    // sub-footer color
    $td_css_compiler->load_setting('sub_footer_background_mob');
    $td_css_compiler->load_setting('sub_footer_text_color_mob');


    // mobile menu/search background
    $td_css_compiler->load_setting('mobile_background_image_mob');
    $td_css_compiler->load_setting('mobile_background_repeat_mob');
    $td_css_compiler->load_setting('mobile_background_size_mob');
    $td_css_compiler->load_setting('mobile_background_position_mob');


    //output the style
    return $td_css_compiler->compile_css();

}