/**
 * Advance Blog
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 *
 * @author    FMM Modules
 * @copyright Copyright fmemodules All right reserved
 * @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 * @category  FMM Modules
 * @package   advanceblog
 *
 * Column wrapper compatibility for themes (e.g. Hummingbird / Bootstrap 5)
 * whose index.tpl strips the default column wrapper. These rules only apply
 * where the blog renders ".fmm-blog-columns-container"; on themes such as
 * Classic this element is never output, so nothing here can affect them.
 */

.fmm-blog-columns-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.fmm-blog-columns-container > .row {
    display: flex;
    flex-wrap: wrap;
}

/* The legacy markup uses Bootstrap 3 style "col-xs-12" which newer grids
   (Bootstrap 5 / Hummingbird) ignore. Force a full-width stack on phones so
   the sidebar and content do not get squeezed onto one line. */
@media (max-width: 575.98px) {
    .fmm-blog-columns-container > .row > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}