<?php

//font
$_font = get_theme_mod('wpw_body_font');
// font size
$_size = get_theme_mod('wpw_body_font_size');

if (empty($_size) || strlen($_size) < 5) {
    $_size = '%7B%22number%22%3A%2214%22%2C%22unit%22%3A%22%22%7D';
}

// line height
$_line_height = get_theme_mod('wpw_body_font_line_height');
if (empty($_line_height) || strlen($_line_height) < 5) {
    $_line_height = '%7B%22number%22%3A%221.714%22%2C%22unit%22%3A%22rem%22%7D';
}
// letter spacing
$_letter_spacing = get_theme_mod('wpw_body_font_letter_spacing');
$formatter = Wpw::inst()->formatter();
// params
$font = (isset($font) && !empty($font))
    ? $font
    : null;
$font = $formatter->from_typography($font, $_font);


$body_alter_font = ucwords($font['font']);
// font size
$font_size = (isset($font_size) && !empty($font_size))
    ? $font_size
    : null;
$font_size = $formatter->css_scalar($font_size, $_size);
// line height
$line_height = (isset($line_height) && !empty($line_height))
    ? $line_height
    : null;
$line_height = $formatter->from_slider($line_height, $_line_height);
// letter spacing
$letter_spacing = (isset($letter_spacing) && !empty($letter_spacing))
    ? $letter_spacing
    : null;
$letter_spacing = $formatter->css_scalar($letter_spacing, $_letter_spacing);
$prefix = (isset($prefix) && !empty($prefix))
    ? $prefix
    : null;
$media = '(min-width: 992px)';
switch ($prefix) {
    case 'es_md_': {
        $media = '(min-width: 768px) and (max-width: 991px)';
    }
        break;
    case 'es_sm_': {
        $media = '(min-width: 0px) and (max-width: 767px)';
    }
        break;
}
echo /** @lang CSS */
    '
@media ' . $media . ' {
/*MAIN STYLES*/
body, 
.blog-count-likes, 
.blog-count-comments, 
.comment-reply-link, 
.tagcloud a, 
input, 
label, 
button, 
input, 
textarea, 
a.button, 
a.mpc-button, 
select, 
a, 
big, 
.lead-paragraph, 
blockquote, 
.large,
.project-count, 
.blog-date, 
.blog-category-link, 
.wpw-post-comments-title, 
.wpw-proj-date-text, 
.wpw-proj-date-value, 
.post-content-footer-title, 
.small-title, 
.widget_archive, 
.widget_categories, 
.wpw-multitext, 
.wpw-multitext-text, 
.blog-author, 
.page-numbers, 
figure .description-title, 
.project-preview-arrow span, 
ol li:before, 
nav:before, 
nav.row:before, 
ol ul li:before, 
.navigation.pagination,
.navigation.pagination a,
.comment-edit-link { 
    font-family: \'' . $font['font'] . '\', \'' . $body_alter_font . '\'; 
    font-style: ' . $font['style'] . '; 
    font-weight: ' . $font['weight'] . ';
    letter-spacing: ' . $letter_spacing . ';
}

.project-product,
html[lang] { 
    font-size: ' . $font_size . ';
}

.widget_lumeric_recent_posts_widget ul li > div,
.project-product, 
body, 
td { 
    line-height: ' . $line_height['number'] . '; 
}
}
';