/* * {outline: 1px solid rgba(23,23,23,.05); } */

/* =========
   STRUCTURE
   ========= */
html {
	font-size: 10px;
	line-height: 1.375em;
	background: var(--color-white); }

#wrapper {
	min-height: 100vh;
	min-width: 320px;
	background: var(--color-white);
	position: relative; }
		



#wrapper,
header#header,
#container,
.m,
footer#footer {
	margin: 0 auto;
	width: 100%;
	display: block; }	
	
	
		
/* MC */
.mc {
	width: 100%;
	max-width: var(--layout__max-width);
	margin: 0 auto;
	padding: var(--spacing);
	position: relative;
	z-index: 8; }
	
.mc__width__max .mc {
	max-width: 100%; }	

.mc__width__mid .mc {
	max-width: var(--layout__width__mid); }	
	
.mc__width__small .mc {
	max-width: var(--layout__width__small); }	
	


.m__pad__0 .mc {
	padding: 0; }

.m__pad__0-x .mc {
	padding-top: 0;
	padding-bottom: 0; }

.m__pad__0-x-x-x .mc {
	padding-top: 0; }
	
.m__pad__half-x .mc {
	padding-top: var(--spacing__y_half);
	padding-bottom: var(--spacing__y_half); }

/* =======
	BOX
======= */	
.box {
	padding: var(--spacing);
	background: red; }



/* =======
   M THEME
   ======= */	
.m__theme__default {
	
}

.m__theme__gray__dark {
	color: var(--color__white);
	background: var(--color__gray__dark); }

.m__theme__blue {
	color: var(--color__white);
	background: var(--color__blue); }


.box__theme__blue__tint {
	background: var(--color__blue__tint); }

.m__theme__default + .m__theme__default .mc {
	padding-top: 0; }
	
/* ============
   MODULE COLOR
   =============== */		
.m__navcards__small {
	background: var(--color__blue__tint); }
	
.m__gallery {
	background-color: var(--color__blue); }
		
/* ===============
   SECTION SPACING
   =============== */	
	
/* .s__content-centered + .s__product .inner,
.s__product + .s__product .inner,
.s__ideas_list + .s__group_list .inner {
	padding-top: 0; }


.s__notice + .section .inner {
	padding-top: var(--global-padding_y_half); }	 */