/* CSS Document */ :root {
	--ca-bg: #0D0F14;
	--ca-panel: #1E2129;
	--ca-panel-2: #0D0F14;
	--ca-text: #f8fafc;
	--ca-muted: #cbd5e1;
	--ca-gold: #FFC107;
	--ca-green: #22c55e;
	--ca-white: #FFFFFF;
	--ca-gray-lt: #ebebeb;
	--ca-red: #ef4444;
	--ca-blue: #00E5FF;
	--ca-purple: #7B2FF7;
	--ca-graphite: #0D0F14;
	--ca-charcoal: #0D0F14;
	--ca-slate: #1E2129;
	--ca-border: rgba(255, 255, 255, .16);
	--ca-bg-muted: rgba(255, 255, 255, .30);
	--ca-shadow: 0 20px 50px rgba(0, 0, 0, .35);
	--ca-radius: 18px;
	--ca-gradient-gold1: linear-gradient(90deg, #f7d671 0%, #FFC107 100%);
	--ca-gradient1: linear-gradient(90deg, #7b2FF7 0%, #00E5FF 100%);
	--ca-gradient2: linear-gradient(90deg, #00E5FF 0%, #7b2FF7 100%);
	--ca-gradient-dark1: linear-gradient(90deg, #0D0F14 0%, #1E2129 100%);
	--ca-gradient-dark2: linear-gradient(90deg, #1E2129 0%, #0D0F14 100%);
}
/* site setup */
body {
	background-color: var(--ca-slate)!important;
	font-weight: 500;
	color: var(--ca-white)!important;
	padding: 0 !important;
	font-size: 18px;
}
.wrapper {
	background: var(--ca-panel-2);
	border: 1px solid var(--ca-border);
	border-radius: var(--ca-radius);
}
.siteTitle {
	font-size: 2.5em;
	content: url("/sites/suxlife/assets/img/logo-suxlife-simple.png");
	max-height: 65px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 800;
	color: inherit!important;
}
h1:after, h2:after, h3:after, h4:after, h5:after, h6:after {
	border-bottom: 0;
	bottom: 0;
	content: '';
	display: inline-block;
	left: 0;
	position: inherit;
	width: 0;
}
h1 {
	font-size: 32px;
	font-weight: 800;
	text-transform: inherit;
	border-bottom: 1px solid var(--ca-border);
	padding-bottom: 5px;
}
h2 {
	font-size: 18px;
	color: dimgray;
}
h3 {
	border-bottom: 1px solid silver;
	padding-bottom: .25em;
	margin-top: 10px;
}
.banner {
	border-bottom: 10px solid var(--ca-gradient2);
}
.tagline {
	color: var(--ca-blue);
}
.ca-card {
    background: var(--ca-panel-2);
    border: 1px solid var(--ca-border);
    border-radius: var(--ca-radius);
    padding: 18px;
}
.ca-card-title {
    color: var(--ca-white);
    font-weight: 1000;
    letter-spacing: .03em;
    margin: 0 0 10px;
}
.ca-card-muted {
    color: var(--ca-muted);
    font-weight: 700;
}

#header.alt {
	background-color: var(--ca-gray-lt);
	height: auto;
	min-height: 65px;
}
header.major {
	margin: 0 0 1.5em 0;
}
#main > .inner > header.major:first-child {
	margin-bottom: 2em;
}
strong {
	color: inherit!important;
}
form div.req label::after {
	content: ' *';
	color: red;
	font-weight: 800;
}
label ins {
	display: none;
}


@media screen and (min-width: 1281px) {
	.wrapper {
		width: 1280px!important;
		margin: 28px auto;
		padding: 18px;
	}
}
@media screen and (max-width: 1280px) {
	.wrapper {
		max-width: 1280px!important;
		margin: 28px auto;
		padding: 18px;
	}
}
@media screen and (max-width: 980px) {
	.wrapper {
		max-width: 960px!important;
		margin: 28px auto;
		padding: 18px;
	}
}
@media screen and (max-width: 736px) {
	.wrapper {
		max-width: 720px!important;
		margin: 20px auto;
		padding: 10px;
	}
}
@media screen and (max-width: 480px) {
	.wrapper {
		max-width: 470px!important;
		margin: 8px auto;
		padding: 8px;
	}
}