/* =======
   SIDEBAR
   ======== */	
   
.m__sidebar { 
	background: var(--color__light-gray);
	background: linear-gradient(90deg, var(--color__light-gray) 30%, var(--color__white) 30%); }

.m__content_sidebar {
  	overflow: hidden; }
  	
/* Layout */		
.sidebar_layout {
	display: flex; } 

.sidebar_layout__content,
.sidebar_layout__sidebar {
	position: relative;
	z-index: 4; } 

.sidebar_layout__content {
	width: 70%;
	padding-right: 4rem;
	background: var(--color__white);} 

.sidebar_layout__sidebar {
	width: 30%;
	background: var(--color__light-gray); } 
	
.sidebar_layout__content .container,
.sidebar_layout__sidebar .container {
	padding-top: var(--spacing__y);
	padding-bottom: var(--spacing__y); } 
		
.sidebar_layout__content .container {
	padding-left: 4rem; }
	
.sidebar_layout__sidebar .container {
	padding-right: 4rem;
	position: sticky;
	top: 0; }	


@media all and (max-width: 1000px) {
	
	.m__sidebar { 
		background: var(--color__white); }
 	 
 	.m__sidebar .mc { 
		padding-left: 0;
 		padding-right: 0; }
	
	/* Layout */		
	.sidebar_layout {
		display: block; 	} 
	
	.sidebar_layout__content,
	.sidebar_layout__sidebar {
		width: 100% !important;
		padding-right: 0; } 
				
	.sidebar_layout__content .container,
	.sidebar_layout__sidebar .container {
		padding-left: var(--spacing__x);
		padding-right: var(--spacing__x);}


}


/* ============
   SPLIT SCREEN
   ============ */	


.m__split-screen {
	min-height: 100vh;
	background: var(--color__light-gray);
	background: linear-gradient(90deg, var(--color__white) 50%, var(--color__light-gray) 50%); }

.split-screen_layout {
	display: flex; } 

.split-screen_layout__col {
	position: relative;
	z-index: 4;
	flex-shrink: 0; } 

.split-screen_layout__col-1 {
	width: 50%;
	padding-right: 4rem;
	box-sizing: border-box;
	background: var(--color__white);} 

.split-screen_layout__col-2 {
	width: 50%;
	box-sizing: border-box;
	background: var(--color__light-gray); } 
	
.split-screen_layout__col .container {
	padding-top: var(--spacing__y);
	padding-bottom: var(--spacing__y); } 
		
.split-screen_layout__col-2 .container {
	padding-left: 4rem; }
	
.split-screen_layout__col-2 .container {
	padding-right: 4rem; }	


@media all and (max-width: 1000px) {
	
	.m__split-screen { 
		background: var(--color__white); }
 	 
 	.m__split-screen .mc { 
		padding-left: 0;
 		padding-right: 0; }
	
	.split-screen_layout {
		display: block; 	} 
	
	.split-screen_layout__col {
		width: 100% !important;
		padding-right: 0; } 
				
	.split-screen_layout__col .container {
		padding-left: var(--spacing__x);
		padding-right: var(--spacing__x);}


}