/*
1.0 Main Styles

1.1 Web Fonts
1.2 Body
1.3 Alignment
1.4 Headings
1.5 Body Text
1.6 Text Colors & Weights
1.7 Unordered Lists
	1.7.1  Arrow Lists
	1.7.2  Check Lists
1.8 Definition/Description Lists
1.9 Anchors

*/


/* 1.1 Web Fonts */

@font-face {
    font-family: 'Whitney Light';
	src: url('../shared/fonts/woff2/Whitney-Light-Adv_Web.woff2') format('woff2'),
	 url('../shared/fonts/woff/Whitney-Light-Adv_Web.woff') format('woff');
	}

@font-face {
    font-family: 'Whitney Book';
	src: url('../shared/fonts/woff2/Whitney-Book-Adv_Web.woff2') format('woff2'),
	 url('../shared/fonts/woff/Whitney-Book-Adv_Web.woff') format('woff');
	}

@font-face {
    font-family: 'Whitney Medium';
	src: url('../shared/fonts/woff2/Whitney-Medium-Adv_Web.woff2') format('woff2'),
	 url('../shared/fonts/woff/Whitney-Medium-Adv_Web.woff') format('woff');
	}

@font-face {
    font-family: 'Whitney Semibold';
	src: url('../shared/fonts/woff2/Whitney-Semibld-Adv_Web.woff2') format('woff2'),
	 url('../shared/fonts/woff/Whitney-Semibld-Adv_Web.woff') format('woff');
	}

@font-face {
    font-family: 'Whitney Bold';
	src: url('../shared/fonts/woff2/Whitney-Bold-Adv_Web.woff2') format('woff2'),
	 url('../shared/fonts/woff/Whitney-Bold-Adv_Web.woff') format('woff');
	}

@font-face {
    font-family: 'Whitney Black';
	src: url('../shared/fonts/woff2/Whitney-Black-Adv_Web.woff2') format('woff2'),
	 url('../shared/fonts/woff/Whitney-Black-Adv_Web.woff') format('woff');
	}


/* 1.2 Body */

* {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	-webkit-text-size-adjust:none;
	}
	
body {
	background: #fff;
	font-family: "Whitney Book", Corbel, Calibri, Tahoma, sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: 18px;
	line-height: 24px;
	color: #444;
	overflow-x: hidden;
	}


/* 1.3 Floats & Alignment */

.right {
	float: right;
	}

.left {
	float: left;
	}

.align-right {
	text-align: right;
	}
	
.align-left {
	text-align: left;
	}
	
.align-center {
	text-align: center;
	}
	
.center {
	margin-left: auto !important;
	margin-right: auto !important;
	}

.clear {
	clear: both;
	}

.hidden {
	display: none;
	}

.no-wrap {
	white-space: nowrap;
	}
	
.no-float {
	float: none;
	}


/* 1.4 Headings */

h1,
h2 {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
	font-family: "Whitney Light";
    font-weight: normal;
	font-size: 42px;
	line-height: 44px;
	color: #000;
	}

h1.large,
h2.large {
	font-size: 48px;
	line-height: 50px;
	}

h1.larger,
h2.larger {
	font-size: 54px;
	line-height: 56px;
	}

h1.extralarge,
h2.extralarge {
	font-size: 60px;
	line-height: 62px;
	}

h1.small,
h2.small {
	font-size: 36px;
	line-height: 38px;
	}

h1.smaller,
h2.smaller {
	font-size: 30px;
	line-height: 32px;
	}

h1.extrasmall,
h2.extrasmall {
	font-size: 26px;
	line-height: 28px;
	}

h2.smallest {
	font-size: 18px;
	line-height: 20px;
	}

h3 {
	margin: 15px 0px 10px 0px;
	font-family: "Whitney Light";
    font-weight: normal;
	font-size: 36px;
	line-height: 38px;
	color: #000;
	}

h3.small {
	font-size: 30px;
	line-height: 32px;
	}

h3.smaller {
	font-size: 26px;
	line-height: 28px;
	}

h3.smaller {
	font-size: 26px;
	line-height: 28px;
	}

h3.mid {
	font-size: 24px;
	line-height: 26px;
	}

h3.extrasmall {
	font-size: 22px;
	line-height: 24px;
	}

h4 {
	margin: 5px 0px 10px 0px;
	font-family: "Whitney Semibold";
    font-weight: normal;
	font-size: 30px;
	line-height: 32px;
	color: #000;
	}

h4.small {
	font-size: 26px;
	line-height: 28px;
	}

h4.smaller {
	font-size: 24px;
	line-height: 26px;
	}

h5 {
	margin: 10px 0px 10px 0px;
	font-family: "Whitney Semibold";
    font-weight: normal;
	font-size: 24px;
	line-height: 26px;
	color: #000;
	}

h5.mid {
	font-size: 22px;
	line-height: 24px;
	}

h5.small {
	font-size: 20px;
	line-height: 22px;
	}

h5.smaller {
	font-size: 18px;
	line-height: 20px;
	}

h5.large {
	font-size: 28px;
	line-height: 30px;
	}

h5.larger {
	font-size: 32px;
	line-height: 34px;
	}

h6 {
	margin: 0px 0px 10px 0px;
	font-family: "Whitney Semibold";
	font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	text-transform: lowercase;
	font-variant: small-caps;
	font-variant-numeric: oldstyle-nums;
	letter-spacing: 1px;
	color: #000;
	}

h6.super-small ,
h6 .super-small {
	font-size: 12px;
	line-height: 12px;
	}

h6.extra-small {
	font-size: 14px;
	line-height: 14px;
	}

h6.smaller {
	font-size: 16px;
	line-height: 16px;
	}

h6.small {
	font-size: 18px;
	line-height: 18px;
	}

h6.large {
	font-size: 22px;
	line-height: 22px;
	}

h6.larger {
	font-size: 24px;
	line-height: 24px;
	}

h6.extra-large {
	font-size: 26px;
	line-height: 26px;
	}

h6.wide {
	letter-spacing: 2px;
	}

h6.wider {
	letter-spacing: 3px;
	}

h6.tight-top {
	margin-top: -5px;
	}
	
h2.border,
h3.border,
h4.border,
h5.border,
h6.border {
	margin-bottom: 20px;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px dashed #ccc;
	}


/* 1.5 Body Text */

p {
	margin: 5px 0px 24px 0px;
	font-size: 18px;
	line-height: 24px;
	color: #444;
	}

.lede {
	margin: 10px 0px 28px 0px;
	font-size: 22px;
	line-height: 28px;
	}

p.small,
ul.small,
ol.small {
	margin: 5px 0px 20px 0px;
	font-size: 17px;
	line-height: 22px;
	}
	
.blurb {
	margin: 5px 0px 20px 0px;
	font-size: 16px;
	line-height: 20px;
	}

.slug {
	margin: 5px 0px 18px 0px;
	font-size: 15px;
	line-height: 18px;
	}

.legend {
	margin: 5px 0px 17px 0px;
	font-size: 14px;
	line-height: 18px;
	}

.caption {
	margin: 5px 0px 16px 0px;
	font-size: 13px;
	line-height: 16px;
	}

.note {
	margin: 5px 0px 14px 0px;
	font-size: 12px;
	line-height: 14px;
	}

.fine {
	margin: 5px 0px 12px 0px;
	font-size: 10px;
	line-height: 12px;
	}

.metadata {
	font-family: "Whitney Book";
	font-size: 80%;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: #666;
	}

.metadata-compact {
	font-family: "Whitney Book";
	font-size: 80%;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
	}



/* 1.5.1 Body Text: Mobile */
	
@media all and (max-width: 650px) {
h1,
h1.small,
h1.smaller,
h1.large,
h1.larger,
h1.extralarge,
h2,
h2.small,
h2.smaller,
h2.large,
h2.larger,
h1.extralarge {
	font-size: 50px;
	line-height: 52px;
	}
	
h4,
h4.small,
h4.smaller {
	font-size: 36px;
	line-height: 38px;
	}
	
h5,
h5.mid,
h5.small,
h5.smaller,
h5.large,
h5.larger {
	font-size: 30px;
	line-height: 32px;
	}
	
h6,
h6.small,
h6.smaller,
h6.extra-small {
	font-size: 22px;
	line-height: 22px;
	}
	
h6.super-small,
h6 .super-small {
	font-size: 18px;
	line-height: 18px;
	}

h6.large,
h6.larger {
	font-size: 24px;
	line-height: 24px;
	}
	
p,
p.small,
.lede,
.blurb,
.slug,
.legend {
	font-size: 22px;
	line-height: 28px;
	}


.caption,
.note {
	font-size: 18px;
	line-height: 20px;
	}

	}


pre {
	font-size: 16px;
	line-height: 18px;
	}
	
hr {
	margin: 25px 0px 25px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px dashed rgba(0,0,0,0.2);
	border-right: none;
	border-bottom: none;
	border-left: none;
	background-color: none;
	clear: both;
	}

hr.reverse {
	border-top: 1px dashed rgba(255,255,255,0.2);
	}

.ultratight-top {
	margin-top: -80px;
	}

.ultratight-bottom {
	margin-bottom: -80px;
	}

.supertight-top {
	margin-top: -60px;
	}

.supertight-bottom {
	margin-bottom: -60px;
	}

.extratight-top {
	margin-top: -40px;
	}

.extratight-bottom {
	margin-bottom: -40px;
	}

.tighter-top {
	margin-top: -30px;
	}

.tighter-bottom {
	margin-bottom: -30px;
	}

.tight-top {
	margin-top: -20px;
	}

.tight-bottom {
	margin-bottom: -20px;
	}

.semitight-top {
	margin-top: -10px;
	}

.semitight-bottom {
	margin-bottom: -10px;
	}

.loose-top {
	margin-top: 20px;
	}

.loose-bottom {
	margin-bottom: 20px;
	}

.looser-top {
	margin-top: 30px;
	}

.looser-bottom {
	margin-bottom: 30px;
	}

.extraloose-top {
	margin-top: 40px;
	}

.extraloose-bottom {
	margin-bottom: 40px;
	}

.superloose-top {
	margin-top: 60px;
	}

.superloose-bottom {
	margin-bottom: 60px;
	}

.ultraloose-top {
	margin-top: 80px;
	}

.ultraloose-bottom {
	margin-bottom: 80px;
	}

.uberloose-top {
	margin-top: 100px;
	}

.ublooerse-bottom {
	margin-bottom: 100px;
	}


.tight {
	margin-top: 5px;
	margin-bottom: 5px;
	}

.semitight,
.semi-tight {
	margin-top: 10px;
	margin-bottom: 10px;
	}

.extratight,
.extra-tight {
	margin-top: 3px;
	margin-bottom: 0px;
	}

.semiloose,
.semi-loose {
	margin-top: 15px;
	margin-bottom: 15px;
	}

.loose {
	margin-top: 20px;
	margin-bottom: 20px;
	}

.looser {
	margin-top: 30px;
	margin-bottom: 30px;
	}

.extraloose,
.extra-loose {
	margin-top: 40px;
	margin-bottom: 40px;
	}

.superloose,
.super-loose {
	margin-top: 60px;
	margin-bottom: 60px;
	}

.ultraloose,
.ultra-loose {
	margin-top: 80px;
	margin-bottom: 80px;
	}

.uberloose,
.uber-loose {
	margin-top: 100px;
	margin-bottom: 100px;
	}

hr.loose {
	margin-top: 35px;
	margin-bottom: 35px;
	}
	
hr.looser {
	margin-top: 50px;
	margin-bottom:50px;
	}

hr.extraloose {
	margin-top: 65px;
	margin-bottom: 65px;
	}
	

/* 1.6 Text Colors & Weights */

.black,
a.black:link,
a.black:visited {
	color: #000;
	}

.white,
a.white:link,
a.white:visited {
	color: #fff;
	}

.gray,
a.gray:link,
a.gray:visited {
	color: #666;
	}

.light-gray,
a.light-gray:link,
a.light-gray:visited {
	color: #ccc;
	}

.mid-gray,
a.mid-gray:link,
a.mid-gray:visited {
	color: #999;
	}

.medium-gray,
a.medium-gray:link,
a.medium-gray:visited {
	color: #888;
	}

.dark-gray,
a.dark-gray:link,
a.dark-gray:visited {
	color: #444;
	}

.blue,
a.blue:link,
a.blue:visited {
	color: #009ade;
	}

.dark-blue,
a.dark-blue:link,
a.dark-blue:visited {
	color: #3a5a89;
	}

.bright-blue,
a.bright-blue:link,
a.bright-blue:visited {
	color: #2ee1ff;
	}

.light-blue,
a.light-blue:link,
a.light-blue:visited {
	color: #b0f0ff;
	}

.logo-blue,
a.logo-blue:link,
a.logo-blue:visited {
	color: #0095da;
	}




.green,
a.green:link,
a.green:visited {
	color: #83b202;
	}

.bright-green,
a.bright-green:link,
a.bright-green:visited {
	color: #97e50e;
	}


.dark-green,
a.dark-green:link,
a.dark-green:visited {
	color: #427247;
	}

.red,
a.red:link,
a.red:visited {
	color: #990000;
	}


a.hover:hover,
a.hover:active {
	color: #009ade !important;
	}

a.underhover:hover,
a.underhover:active {
	text-decoration: underline;
	}

a.nohover:hover,
a.nohover:active {
	color: inherit;
	text-decoration: none;
	}

a.arrow:after {
	margin: 0px 0px 0px 5px; 
	height: 20px;
	width: 20px;
	content: " ";
	background: url('../images/widgets/arrow-right-40x40-blue.png') no-repeat center center;
	background-size: 20px 20px;
	position: absolute;
	}

p.lede a.arrow:after {
	margin: 4px 0px 0px 4px; 
	}

p.slug a.arrow:after {
	margin: -3px 0px 0px 1px; 
	background-size: 12px 12px;
	}

h4.arrow:after {
	margin: 2px 0px 0px 1px; 
	}

h5 a.arrow:after {
	margin: 2px 0px 0px 5px; 
	}

h5.small a.arrow:after {
	margin: 0px 0px 0px 5px; 
	}

h6 a.arrow:after {
	margin: -5px 0px 0px 0px; 
	background-size: 14px 14px;
	}

div.panel.blue h6 a.arrow:after {
	margin: 0px 0px 0px 2px; 
	background: url('../images/widgets/arrow-right-32x32-white.png') no-repeat center center;
	background-size: 16px 16px;
	}

a.metadata.arrow:after,
a.metadata-compact.arrow:after {
	margin: 1px 0px -2px 3px; 
	background-size: 19px 19px;
	}

strong,
p strong,
h6 strong {
	font-family: "Whitney Bold";
    font-weight: normal;
	}

h4 strong,
h5 strong {
	font-family: "Whitney Semibold";
    font-weight: normal;
	}

span.light,
p.light,
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
	font-family: "Whitney Light";
    font-weight: normal;
	}

.book,
p.book,
h4.book,
h5.book,
h6.book {
	font-family: "Whitney Book";
    font-weight: normal;
	}

.medium,
p.medium,
h4.medium,
h5.medium,
h6.medium {
	font-family: "Whitney Medium";
    font-weight: normal;
	}

.semibold,
p.semibold,
h1.semibold,
h2.semibold,
h3.semibold,
h4.semibold,
h5.semibold,
h6.semibold {
	font-family: "Whitney Semibold";
    font-weight: normal;
	}

.bold,
p.bold,
h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold,
h6.bold {
	font-family: "Whitney Bold";
    font-weight: normal;
	}

.shadow,
p.shadow,
h1.shadow,
h2.shadow,
h3.shadow,
h4.shadow,
h5.shadow,
h6.shadow {
	text-shadow: 0px 0px 15px rgba(0,0,0,0.4);
	}

.uppercase {
	text-transform: uppercase;
	}

.lowercase {
	text-transform: lowercase;
	}

.nocase {
	text-transform: none;
	}

.wider {
	letter-spacing: 2px;
	}

.nospace {
	letter-spacing: initial;
	}

.hidden {
	display: none;
	}


@media all and (min-width: 651px) {
p.narrow,
h1.narrow,
h2.narrow,
h3.narrow,
h4.narrow,
h5.narrow,
h6.narrow {
	margin-right: 10%;
	margin-left: 10%;
	width: 80%;
	}

p.narrow-left {
	margin-left: 10%;
	}
	
p.narrow-right {
	margin-right: 10%;
	}	
	}



/* 1.7  Ordered/Unordered Lists */

ul {
	margin: 15px 0px 25px 0px; 
	padding: 0px 0px 0px 30px; 
	list-style-type: none;
	list-style-position: outside;
	color: #444;
	}

ol {
	margin: 15px 0px 30px 0px; 
	padding: 0px 0px 0px 30px; 
	list-style-position: outside;
	list-style-type: decimal;
	color: #444;
	}

.center ul,
.center ol {
/* Bullets should never be centered */
	margin-left: 20px; 
	text-align: left;
	}

ul li,
ol li {
	margin: 10px 0px 0px 0px; 
	}

ul.blurb,
ol.blurb {
	padding: 0px 0px 0px 25px; 
	}

ul.compact li,
ol.compact li {
	margin-top: 5px !important; 
	margin-bottom: 0px !important; 
	}

ul.slack li,
ol.slack li {
	margin-top: 20px; 
	margin-bottom: 0px; 
	}

ul li:before {
	margin: 1px 0px 0px -30px; 
	height: 20px;
	width: 20px;
	content: " ";
	background-image:  url('../images/widgets/bullet-check-40x40-gray.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	position: absolute;
	}

ul.blurb li:before,
ol.blurb li:before {
	margin: 0px 0px 0px -25px; 
	}

ul.check-blue li:before,
ul li.check-blue:before {
	background-image:  url('../images/widgets/bullet-check-40x40-blue.png');
	}

ul.check-dark-blue li:before,
ul li.check-dark-blue:before {
	background-image:  url('../images/widgets/bullet-check-40x40-dark-blue.png');
	}

ul.check-green li:before,
ul li.check-green:before {
	background-image:  url('../images/widgets/bullet-check-40x40-green.png');
	}

ul.check-dark-green li:before,
ul li.check-dark-green:before {
	background-image:  url('../images/widgets/bullet-check-40x40-dark-green.png');
	}

ul.arrow-blue li:before,
ul li.arrow-blue:before {
	background-image:  url('../images/widgets/arrow-right-40x40-blue.png');
	}

ul li.link:before {
	background-image:  url('../images/widgets/arrow-right-40x40-blue.png');
	}

ul.arrow-green li:before,
ul li.arrow-green:before {
	background-image:  url('../images/widgets/arrow-right-40x40-green.png');
	}

ul.arrow-gray li:before,
ul li.arrow-gray:before {
	background-image:  url('../images/widgets/arrow-right-40x40-gray.png');
	}

/* 1.7.3  User Lists */

ul.user {
	margin: 0px 0px 0px 25px; 
	}

ul.user li {
	margin: 0px 0px 0px 0px; 
	}

ul.user li:before {
	background:  url('../images/widgets/bullet-user-gray-40x40.png') no-repeat center center;
	background-size: 20px 20px;
	}


/* 1.7.1  Ordered List Types */

ol.upper-alpha {
	list-style-type: upper-alpha;
	}

ol.lower-alpha {
	list-style-type: lower-alpha;
	}

ol.upper-roman {
	list-style-type: upper-roman;
	}

ol.lower-roman {
	list-style-type: lower-roman;
	}

ol.decimal {
	list-style-type: decimal;
	}


/* 1.7.2  Blog fix */

ul li p,
ol li p {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	}
	

/* 1.8  Definition/Description Lists */

dl {
	margin: 0px 0px 20px 0px; 
	padding: px 0px 0px 0px; 
	font-size: 17px;
	line-height: 20px;
	color: #333;
	}

dl.tight-top {
	margin: -10px 0px 30px 0px; 
	}
	
dt {
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 5px 0px; 
	width: 25%;
	font-family: "Whitney Bold";
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	color: #666;
	float: left;
	clear: left;
	}

dt.wide {
	letter-spacing: 1px;
	}

dt.wider {
	letter-spacing: 2px;
	}

dd {
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 5px 0px; 
	width: 75%;
	font-family: "Whitney Book";
	font-size: 17px;
	line-height: 20px;
	float: left;
	}

dl hr {
	margin: 5px 0px 5px 0px; 
	}



/* 1.9  Anchors */

a:link,
a:visited,
a:hover,
a:active {
	color: inherit;
	text-decoration: none;
	}

p a:link,
p a:visited,
li a:link,
li a:visited,
dd a:link,
dd a:visited {
	color: #009ade;
	text-decoration: none;
	}

h5 a:hover,
h5 a:active,
p a:hover,
p a:active,
li a:hover,
li a:active,
dd a:hover,
dd a:active {
	color: #009ade;
	text-decoration: underline;
	}

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}

sup.fine {
  vertical-align: baseline;
  position: relative;
  top: -0.8em;
}

sub { 
  top: 0.4em; 
}

/* 1.10 Draft Content */

.draft {
	margin: -5px;
	padding: 5px;
	background: #fff193 !important;
	display: block;
	}