/* Brings the old Phase Shift detail-page markup (grids, boxes, buttons)
   into the new teal / purple / silver palette without rewriting each page. */

.wrapper.style1{
	padding-top:0 !important;
	background:var(--paper-2) !important;
	background-image:none !important;
}
.wrapper.style2{
	background:var(--teal-deep-2) !important;
	color:var(--silver-dim) !important;
}
.wrapper.style2 a{color:var(--teal-regal-2) !important;}

#banner{
	background:var(--purple-royal);
	color:#fff !important;
	padding:2.5em 1em !important;
	margin-bottom:3em !important;
	border-radius:0 0 24px 24px;
}
#banner p{color:#fff !important;}

.box{
	background:#fff !important;
	border-radius:0 0 var(--radius-sm) var(--radius-sm) !important;
	box-shadow:0 4px 18px rgba(36,17,51,.08);
}
.box p, .box b{color:var(--ink);}

input[type="submit"], input[type="reset"], input[type="button"], .button{
	background:var(--teal-regal) !important;
	color:#fff !important;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover{
	background:var(--purple-royal) !important;
}

#sidebar h2, #sidebar h2 font, #content h2{color:var(--purple-royal) !important;}
#sidebar .byline, #content .byline{color:var(--teal-regal) !important;}

ul.default{list-style:none !important;padding-left:0 !important;}
ul.default > li{
	margin-bottom:6px;
	border-top:none !important;
	padding:6px 0 6px 22px !important;
	position:relative;
}
ul.default > li::before{
	content:"";
	position:absolute;
	left:0;
	top:1.05em;
	width:6px;
	height:6px;
	border-radius:50%;
	background:var(--teal-regal);
}

body{font-family:var(--font-body);}
h1,h2,h3{font-family:var(--font-display);}
span, input, select, textarea{font-family:var(--font-body);}