/* BEGIN GLOBAL DEFAULTS */
body {
	margin:2rem calc(2vw + 2rem);
	background-color:#282828;
}

@media (min-width:  768px) {}
@media (min-width:  992px) {}
@media (min-width: 1200px) {}

.narrow {width:1%;}
.wide {width:100%;}

* {
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
}
/* END GLOBAL DEFAULTS */


/* TEXT */
body {font-size:1rem;color:#ccc;}
* {font-family:inherit;font-size:inherit;color:inherit;}
h1,h2,h3,h4,h5,h6 {color:#ec0;}
h1 {font-size:1.75rem;margin-top:0;}
h2 {font-size:1.60rem;}
h3 {font-size:1.45rem;}
h4 {font-size:1.30rem;}
h5 {font-size:1.15rem;}
h6 {font-size:1.00rem;}
h1 {margin-bottom:1rem;}
h2,h3 {margin-top:1em;}
p {margin-bottom:1rem;}
pre {font-size:100%;}
.text-muted, .text-muted *  {color:#999 !important;}

output,
pre.output {color:#ccc;background-color:#000;padding:0.5rem 1rem;}
pre code,
.code,
code {color:#a60;font-size:100%;font-family:"Consolas","Courier New",monospace;font-weight:normal;}
code {padding-left:1px;padding-right:1px;}
pre.code {background-color:#faf8f6;border:1px solid #efebe8;padding:0.75rem 1rem;}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
/* /TEXT */


/* BEGIN FORMS */
input[type=text],
input[type=email],
input[type=password],
button,
input[type=submit],
input[type=reset] {
	display:inline-block;
	/* height:1.5rem; */
	line-height:1.5rem;
	font-size:1.3rem;
	border:none;
	border-radius:3px;
	padding:0.3rem 0.6rem 0.4rem;
	color:#000;
}

input[type=text],
input[type=email],
input[type=password] {
	background-color:#ccc;
	margin-bottom:1rem;
}
button,
input[type=submit],
input[type=reset] {
	background-color:#ec0;
	cursor:pointer;
}
label{
	display:block;
	margin-top:0;
}
/* END FORMS */


/* BEGIN PAGE HEADER */
#logo-container {width:calc(200px + 10vw);}
#logo {
	display:block;
	width:100%;
	height:0;
	padding-top:13.4%;
	background-image:url(/ui/themes/wwwcap/img/caption-one-logo.svg?x=44);
}
header {
	margin-bottom:5rem;
}

header nav {
	float:right;
}
header nav li {
	display:inline-block;
	margin:0 0 0 5px;
}

header nav li a {
	text-decoration:none;
	background-color:transparent;
	padding:0.2rem 0.5rem 0.3rem;
	border-radius:3px;
	color:#e4c404;
}

header nav li a:hover {
	color:#fff;
}

header nav li a.button {
	background-color:#ec0;
	color:#000;
	margin-left:calc(5px + 0.5rem);
}
/* END PAGE HEADER */


/* BEGIN HOME PAGE */

#home-page-info-container {
	text-align:center;
}
#home-page-info {
	vertical-align:top;
	display:inline-block;
	width:400px;
	margin-right:50px;
	text-align:left;
	line-height:180%;
	font-size:120%;
	padding-top:2rem;
	margin-bottom:3rem;
}
#home-page-info a.gold {color:#f4d400;}

table.plans {
	vertical-align:top;
	border-collapse:collapse;
	display:inline-block;
}
table.plans th,
table.plans td {
	border:1px solid #666;
	padding:0.5rem 2rem;
	text-align:center;
}
table.plans td {
	font-size:135%;
}
table.plans th {
	color:#c8b000;
	background-color:#000;
}
table.plans th:first-child {
	text-align:left;
	padding:0.5rem 1rem;
}

table.plans td.check-red {
	font-weight:bold;
	color:#f00;
}

table.plans td.check-green {
	font-weight:bold;
	color:#0f0;
}

table.plans a.button {
	display:inline-block;
	text-decoration:none;
	/* font-weight:bold; */
	color:#fff;
	background-color:#090;
	border-radius:5px;
	padding:0.25rem 1rem 0.35rem;
	margin:0.5rem 0;
}
table.plans tr:first-child th:first-child {
	border-top:none;
	border-left:none;
	background-color:transparent;
}
table.plans tr:last-child th:first-child {
	border-bottom:none;
	border-left:none;
	background-color:transparent;
}


/* END HOME PAGE */


/* BEGIN FOOTER */
footer {
	text-align:center;
	border-top:1px solid #484848;
	color:#777;
	margin-top:5rem;
	padding-top:1rem;
}
/* END FOOTER */


/* BEGIN OVERLAYS */
#overlay-darkener {
	display:none;
	position:fixed;
	box-sizing:border-box;
	top:0;left:0;right:0;bottom:0;
	height:100%;width:100%;
	background-color:#000;
	opacity:0.50;
	z-index:10000;
}

#overlay-outer-container {
	display:none;
	position:fixed;
	box-sizing:border-box;
	left:10%;
	top:10%;
	width:80%;
	height:80%;
	margin:auto;
	z-index:10100;
	border:1px solid #444;
	border-radius:10px;
	background-color:#383838;
	box-shadow:0px 0px 40px #000;
}

#overlay-inner-container {
	position:absolute;
	box-sizing:border-box;
	left:0;top:0;right:0;bottom:0;
	width:100%;height:100%;
	margin:0;
	padding:2rem 4rem;
	z-index:10100;
}

#overlay-inner-container h1,
#overlay-inner-container h2,
#overlay-inner-container h3 {color:#f4d400;}

#x-out {
	display:block;
	position:absolute;
	margin:0;padding:0;
	top:10px;right:15px;
	font-size:1.5rem;
	z-index:10200;
	cursor:pointer;
	color:#ccc;
	text-decoration:none;
	font-weight:bold;
}

#x-out:hover {
	color:#fff;
}
/* END OVERLAYS */