/* {{pp|small=yes}} */

.mp-box {

	border: 1px solid #aaa; /* all border colors overriden on specific elements */

	padding: 0 0.5em 0.5em;

	margin-top: 4px;

}



.mp-h2,

body.skin-timeless .mp-h2 { /* Timeless needs a higher specificity */

	border: 1px solid #aaa; /* all border colors overriden on specific elements */

	margin: 0.5em 0;

	padding: 0.2em 0.4em;

	font-size: 120%;

	font-weight: bold;

	font-family: inherit;

}



.mp-later {

	font-size: 85%;

	font-weight: normal;

}



#mp-topbanner {

	background-color: #f9f9f9;

	border-color: #ddd;

}



#mp-welcomecount {

	text-align: center;

	margin: 0.4em;

}



#mp-welcome {

	font-size: 162%;

	padding: 0.1em;

}



#mp-welcome h1,

#mp-welcome .mw-heading1 {

	font-size: inherit;

	font-family: inherit;

	display: inline;

	border: none;

}



#mp-free {

	font-size: 95%;

}



#articlecount {

	font-size: 85%;

}



/* clear fix */

.mp-contains-float::after {

	content: "";

	display: block;

	clear: both;

}



#mp-banner {

	background-color: #fffaf5;

	border-color: #f2e0ce;

}



#mp-left {

	background-color: #f5fffa;

	border-color: #cef2e0;

}



#mp-left .mp-h2 {

	background-color: #cef2e0;

	border-color: #a3bfb1;

}



#mp-right {

	 background-color: #f5faff;

	 border-color: #cedff2;

}



#mp-right .mp-h2 {

	background-color: #cedff2;

	border-color: #a3b0bf;

}



#mp-middle {

	background-color: #fff5fa;

	border-color: #f2cedd;

}



#mp-middle .mp-h2 {

	background-color: #f2cedd;

	border-color: #bfa3af;

}



#mp-lower {

	background-color: #faf5ff;

	border-color: #ddcef2;

}



#mp-lower .mp-h2 {

	background-color: #ddcef2;

	border-color: #afa3bf;

}



#mp-bottom {

	/* no background */

	border-color: #e2e2e2;

}



#mp-bottom .mp-h2 {

	background-color: #eee;

	border-color: #ddd;

}



@media (max-width: 875px) {

	/* We need to improve Template:POTD as used on the main page so that these

	 * hacks aren't necessary */

	#mp-tfp table,

	#mp-tfp tr,

	#mp-tfp td,

	#mp-tfp tbody {

		display: block !important;

		width: 100% !important;

		box-sizing: border-box;

	}



	#mp-tfp tr:first-child td:first-child a.mw-file-description {

		text-align: center;

		display: table;

		margin: 0 auto;

	}

}



@media (min-width: 875px) {

	#mp-upper {

		display: flex;

	}

	

	#mp-left {

		flex: 1 1 55%;

		margin-right: 2px;

	}

	

	#mp-right {

		flex: 1 1 45%;

		margin-left: 2px;

	}

}



/* night mode */

html.skin-theme-clientpref-night #mp-topbanner {

	background-color: #171a1d;

	border-color: #676767;

}



html.skin-theme-clientpref-night #mp-banner {

	background-color: #431107;

	border-color: #663428;

}



html.skin-theme-clientpref-night #mp-left {

	background-color: #0b1e1c;

	border-color: #104437;

}



html.skin-theme-clientpref-night #mp-left .mp-h2 {

	background-color: #104437;

	border-color: #2f4d41;

}



html.skin-theme-clientpref-night #mp-right {

	 background-color: #0d1a27;

	 border-color: #082849;

}



html.skin-theme-clientpref-night #mp-right .mp-h2 {

	background-color: #082849;

	border-color: #a3b0bf;

}



html.skin-theme-clientpref-night #mp-middle {

	background-color: #270e1a;

	border-color: #882c43;

}



html.skin-theme-clientpref-night #mp-middle .mp-h2 {

	background-color: #882c43;

	border-color: #926c80;

}



html.skin-theme-clientpref-night #mp-lower {

	background-color: #130e20;

	border-color: #7545ab;

}



html.skin-theme-clientpref-night #mp-lower .mp-h2 {

	background-color: #7545ab;

	border-color: #afa3bf;

}



html.skin-theme-clientpref-night #mp-bottom {

	/* no background */

	border-color: #676767;

}



html.skin-theme-clientpref-night #mp-bottom .mp-h2 {

	background-color: #3d3d3d;

	border-color: #676767;

}



/* OS night mode */

@media ( prefers-color-scheme: dark ) {

	html.skin-theme-clientpref-os #mp-topbanner {

		background-color: #171a1d;

		border-color: #676767;

	}

	

	html.skin-theme-clientpref-os #mp-banner {

		background-color: #431107;

		border-color: #663428;

	}

	

	html.skin-theme-clientpref-os #mp-left {

		background-color: #0b1e1c;

		border-color: #104437;

	}

	

	html.skin-theme-clientpref-os #mp-left .mp-h2 {

		background-color: #104437;

		border-color: #2f4d41;

	}

	

	html.skin-theme-clientpref-os #mp-right {

		 background-color: #0d1a27;

		 border-color: #082849;

	}

	

	html.skin-theme-clientpref-os #mp-right .mp-h2 {

		background-color: #082849;

		border-color: #a3b0bf;

	}

	

	html.skin-theme-clientpref-os #mp-middle {

		background-color: #270e1a;

		border-color: #882c43;

	}

	

	html.skin-theme-clientpref-os #mp-middle .mp-h2 {

		background-color: #882c43;

		border-color: #926c80;

	}

	

	html.skin-theme-clientpref-os #mp-lower {

		background-color: #130e20;

		border-color: #7545ab;

	}

	

	html.skin-theme-clientpref-os #mp-lower .mp-h2 {

		background-color: #7545ab;

		border-color: #afa3bf;

	}

	

	html.skin-theme-clientpref-os #mp-bottom {

		/* no background */

		border-color: #676767;

	}

	

	html.skin-theme-clientpref-os #mp-bottom .mp-h2 {

		background-color: #3d3d3d;

		border-color: #676767;

	}

}