/* One content width and gutter system across Meteocam. */
:root { --mc-content-width:1400px; --mc-page-gutter:20px; }
body .mc-site-content, body .mc-stats-page { box-sizing:border-box; width:100%; max-width:var(--mc-content-width); margin-left:auto; margin-right:auto; padding-left:var(--mc-page-gutter); padding-right:var(--mc-page-gutter); }
body .mc-site-content > .container,
body .mc-site-content .mc-camera-embeds { box-sizing:border-box; width:100%; max-width:none; padding-left:0; padding-right:0; }
body .mc-site-content .mc-camera-embeds > .row,
body .mc-about-content > .row { margin-left:0; margin-right:0; }
body .mc-about-content { padding-top:24px; padding-bottom:32px; }
body.mc-multiview-page { padding:0; }
body.mc-multiview-page .mc-header { margin-left:0; margin-right:0; }
body.mc-multiview-page .mc-site-content { padding-top:24px; padding-bottom:32px; }
body .mc-map-main.mc-site-content,body .mc-wind-main.mc-site-content { padding-top:24px; padding-bottom:32px; }
/* WordPress's article grid, single posts and lower recommendations. */
body #content > .content-wrap,
body .content-wrap.mc-posts-widgets { box-sizing:border-box; width:100%; max-width:var(--mc-content-width); margin-left:auto; margin-right:auto; padding-left:var(--mc-page-gutter); padding-right:var(--mc-page-gutter); }
@media(max-width:700px) {
 :root { --mc-page-gutter:8px; }
 body .mc-about-content,body.mc-multiview-page .mc-site-content,
 body .mc-map-main.mc-site-content,body .mc-wind-main.mc-site-content { padding-top:18px; padding-bottom:26px; }
}