/*
 * Momentum-App: This is an automatically deployed file. Manual changes will be overwritten.
 * views/shopify-theme/momentum-public.css
 *
 * This file includes styles for elements that are provided the Momentum app
 * eg. the site switcher modal
 */
.country-flag {
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    border-radius: 50px;
    border: 1px solid #999;
    background-size: cover;
    background-position: center;
    vertical-align: text-top;
}
.flag-modal .country-flag {
    width: 4em;
    height: 4em;
    display: block;
    margin: auto;
}
.flag-modal h2 {
    text-align: center;
}
.flag-modal .row.cols-centered {
    text-align: center;
}
.flag-modal .row.cols-centered > div {
    margin-bottom: 1.5em;
    display: inline-block;
    float: none;
}
.flag-modal .row.cols-centered div.col-sm-4 {
    width: 32%;
    vertical-align: top;
}
@media only screen and (max-width: 500px) {
    .flag-modal .row.cols-centered div.col-xs-6 {
        width: 49%;
    }
}

body.momentum-dev nav.panel {
    display: block;
    left: 0;
}
img.init-session {
    position: absolute;
}