/* This file will hold styles for the mobile version of your website (mobile first). */

/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

    body {
        overflow-x: hidden !important;
    }

    .nav-up#zone-branding-wrapper #logoLinea,
    .nav-down#zone-branding-wrapper #logoLinea {
        width: calc(100% - 125px) !important;
    }

    #logoLinea {
        width: calc(100% - 160px) !important;
        transition: all .2s;
        -moz-transition: all .2s;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
    }

    .flexItem50pc,
    #block-block-5,
    #block-block-6,
    #block-views-magazine-block-1 .views-row,
    #block-views-magazine-block-5 .views-row,
    .view-display-id-block_4 .views-row {
        flex: 0 1 48% !important;
    }

    #block-views-magazine-block-1 .views-row,
    #block-views-magazine-block-5 .views-row {
        flex: 0 1 45% !important;
    }

    .flexItem3columnas,
    #block-views-magazine-block-3 .views-row {
        flex: 0 1 28.3% !important;
    }

    .flexItem70pc {
        -webkit-flex: 0 1 67% !important;
        -ms-flex: 0 1 67% !important;
        flex: 0 1 67% !important;
    }

    .flexItem30pc {
        -webkit-flex: 0 1 27% !important;
        -ms-flex: 0 1 27% !important;
        flex: 0 1 27% !important;
    }

    .flexItem4columnas {
        -webkit-flex: 0 1 23% !important;
        -ms-flex: 0 1 23% !important;
        flex: 0 1 23% !important;
    }

    .flexItem6columnas,
    .view-display-id-page_1 .views-row,
    #block-views-prensa-block-2 .views-row {
        -webkit-flex: 0 1 14.6% !important;
        -ms-flex: 0 1 14.6% !important;
        flex: 0 1 14.6% !important;
    }
}