﻿@font-face {
font-family: equity_a;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('fonts/equity_a_regular.woff2') format('woff2');
}

@font-face {
font-family: equity_a;
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('fonts/equity_a_italic.woff2') format('woff2');
}

@font-face {
font-family: equity_a;
font-style: normal;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('fonts/equity_a_bold.woff2') format('woff2');
}

@font-face {
font-family: equity_a;
font-style: italic;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('fonts/equity_a_bold_italic.woff2') format('woff2');
}

@font-face {
font-family: equity_a_caps;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('fonts/equity_a_caps_regular.woff2') format('woff2');
}

@font-face {
font-family: equity_a_caps;
font-style: normal;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('fonts/equity_a_caps_bold.woff2') format('woff2');
}

html{
	background:#fbfbfb;
	font-family:equity_a, times new roman, serif;
	font-variant-numeric:oldstyle-nums;
	font-size:62.5%; /* =10px */
	font-color:#080808;
	display:block;
}
body{
	font-size:2.3rem; /* ref to html font-size, =23px */
	line-height:3.4rem; /* line-height specified here and not in html, otherwise it is inflated in ios chrome*/
}
a:link,
a:visited,
a:hover,
a:active{
	color:#a74c43;
	text-decoration:none;
}
::selection{
	background:#adadad;
}
img{
	border:none;
}
ol{
	margin:0;
	padding:0;
}
ul{
	margin:0;
	padding:0;
	list-style-type:"‣ ";
	}
li{
	padding-left:2.76rem;
	text-indent:-2.76rem;
}
ul li::marker{
	font-size:3.5rem;
}
.smallcaps{
	font-family:equity_a_caps;
	text-transform:lowercase;
}
#listOne{
	font-family:equity_a_caps;
	font-weight:bold;
	font-variant-numeric:oldstyle-nums;
	list-style-position:outside;
	list-style-type:lower-roman;
	text-transform:lowercase;
	margin-top:2.3rem;
}
.listTwo{
	font-family:equity_a;
	font-weight:initial;
	list-style-type:none;
	margin-bottom:2.3rem;
	text-transform:initial;
}
.listThree{
	list-style-type:none;
	margin-bottom:2.3rem;
}
#column{
	margin:0 auto 5rem auto;
	padding:0 3rem 0 3rem;
	width:70rem;
}
h1{
	font-size:2.76rem;
	margin:7rem 0 2.3rem 0;
	line-height:2.3rem;
}
h2{
	font-size:2.3rem;
	line-height:3.4rem;
	margin:3.4rem 0 1.3rem 0;
}
p{
	margin:0 0 1.3rem 0;
}
.subtitle::after{
	content:"Oscar Wilde, comics, podcasts, audiobooks, &c";
	font-weight:normal;
	font-style:italic;
}

input[type=email]{
	border:1px solid #080808;
	border-radius:0; /* to prevent rounded corners in ios */
	background-color:#fbfbfb;
	padding-left:.5rem;
	margin-left:1.5rem;
	font-size:1.8rem;
	font-family:equity_a, times new roman, serif;
	font-variant-numeric:oldstyle-nums;
}
input[type=email]:focus{
	outline-style:solid;
}
button[type=submit]{
	background-color:#080808;
	border:none;
	font-weight:normal; /* to prevent bold in ios */
	font-size:1.8rem;
	font-family:equity_a, times new roman, serif;
	color:#fbfbfb;
	padding:0.2rem .8rem;
	margin:0 0 4px 0;
}
button[type=submit]:focus,
button[type=submit]:hover{
	background-color:#a74c43;
	cursor:pointer;
}



/* expand content styling*/

.dhtmlgoodies_question{	/* Styling question */
	color:#080808;
	text-decoration:none;
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_question:hover,active{
	color:#a74c43;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	visibility:hidden;
	height:0px;
	overflow:visible;
	position:relative;
	padding-left:2.76rem;
}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	font-weight:normal;
	padding:0;
}