<?php
$formatter = Wpw::inst()->formatter();
$modules_values = $formatter->parse_mod('wpw_modules_spaces_element');
$module_md = !empty($modules_values['m_s_module_md'])
    ? intval($modules_values['m_s_module_md'])
    : '15';
$module_sm = !empty($modules_values['m_s_module_sm'])
    ? intval($modules_values['m_s_module_sm'])
    : '10';
$module_xs = !empty($modules_values['m_s_module_xs'])
    ? intval($modules_values['m_s_module_xs'])
    : '5';

$margins = !empty($modules_values['m_s_col_margins'])
    ? $modules_values['m_s_col_margins']
    : '%7B%22top%22%3A%7B%22number%22%3A100%7D%2C%22bottom%22%3A%7B%22number%22%3A100%7D%2C%22right%22%3A%7B%22number%22%3A100%7D%2C%22left%22%3A%7B%22number%22%3A100%7D%7D';
$margins_md = $formatter->from_spacing_module($margins, $module_md);
$margins_sm = $formatter->from_spacing_module($margins, $module_sm);
$margins_xs = $formatter->from_spacing_module($margins, $module_xs);


echo /** @lang CSS */
    '
/*RSS styles*/
    @media (min-width: 0px) and (max-width: 767px) {
        .widget_rss ul > li {
            margin-bottom: ' . $margins_xs['bottom'] . ';
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .widget_rss ul > li {
            margin-bottom: ' . $margins_sm['bottom'] . ';
        }
    }

    @media (min-width: 992px) {
        .widget_rss ul > li {
            margin-bottom: ' . $margins_md['bottom'] . ';
        }
    }
    
/*Tag cloud styles*/
    @media (min-width: 0px) and (max-width: 767px) {
        .tagcloud .tiny-button {
            margin-bottom: ' . $margins_xs['bottom'] . ' !important;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .tagcloud .tiny-button {
            margin-bottom: ' . $margins_sm['bottom'] . ' !important;
        }
    }

    @media (min-width: 992px) {
        .tagcloud .tiny-button {
            margin-bottom: ' . $margins_md['bottom'] . ' !important;
        }
    }

';