/* Tokens live in tokens.css (:root). This file keeps only the default page
   base styling for pages with no body class — about, contact, advertise,
   subscribe, makePayment, confirmEmail, subscribeResult. */
body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.55;
  font-variant-numeric: lining-nums;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.orange {
	color: #BD2701;
}

div.loginDiv {
	display: block;
}

div.loginBox {
	background-color: #BD2701;
	color: #FFF;
	font-size: 0.875em;
	padding: 0.3em 0.5em;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	float: right;
	width: 33em;
}

div.loginBox.teal {
	background-color: #008394;
	color: #FFF;
	font-size: 0.875em;
	padding: 0.3em 0.5em;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	float: right;
	width: 33em;
}

div.loginBox a {
	color: #FFF;
	text-decoration: none;
}

div.loginBox a:hover {
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
}

div.loginBox input[type=text] {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0.25em;
	color: #666;
}

div.loginBox form {
	margin: 0px;
	padding: 0px;
}

.nav, .footer {
	background-color: #4D4F53;
	color: #FFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	height: 2em;
	padding: 0.9em 0em 0em;
	margin: 0px;
}

.footer {
	text-align: center;
	color: #CCC;
	font-size: 0.75em;
}

.footer a {
	color: #CCC;
	text-decoration: none;
}

.footer a:hover {
	color: #FFF;
}

div.ad {
	padding-bottom: 0.5625em;
}