/***********************************************
/***********************************************
			Top Level HTML
/***********************************************
***********************************************/

/********* HTML Level Elements *************/
html {
	font-size: 100%;
}
* 
{
	-webkit-font-smoothing: antialiased !important;
}

body
{
	font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Sans-Serif;
	background: #333 !important;
	color: #ddd !important;
	margin: 0px;
	font-weight: 600;
	padding: 0px;
	border: 1px solid transparent;
	overflow: visible !important;
}

body.no-padding
{
	padding: 0px;
}

/********* Headings *************/
h1, h2, h3, h4, h5, h6, p
{
	color: white;
	font-family: inherit !important;
}

h2, h3, h4 {
	font-family: Oswald, "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Sans-Serif !important;
}
h1 {
	font-weight: 100;
	letter-spacing: .5rem;
	line-height: 1.1em;
}

h1 span.subtitle
{
  display: block;
  font-size: .5em;
  text-transform: none;
  font-weight: 500;
}

h1, h3 {
	text-transform: uppercase !important;
}

h1 span.sectionTitle
{
	font-family: "Nothing You Could Do", inherit;
	font-size: 2rem !important;
	letter-spacing: 0px;
}
h2 
{
	font-weight: 500 !important;
}
h1.huge
{
	text-transform: uppercase;
	font-size: 4rem;
	font-family: Oswald, Open Sans, Helvetica, Sans-Serif !important;
	text-transform: uppercase;
	line-height: 1.1em;
	font-weight: bold !important;
}

h3 {
	font-weight: 500 !important;
}
h4 {
	font-weight: 400 !important;
}

h2.sub-title, h3.sub-title, h4.sub-title
{
	line-height: 1em;
}
{
	line-height: 1.2em;
	margin-bottom: 1.5rem;
}
h2.contentSectionHeading
{
	line-height: 1.2em;
	margin-bottom: 1.5rem;
}
h2.contentSectionHeading span.headingText
{
	font-weight: 900;
	letter-spacing: 2px;
	text-transform: uppercase;
}

h2.contentSectionHeading span.subheadingText
{
	font-family: Open Sans;
	font-size: .9em !important;
	font-weight: 500 !important;
}

h6
{
	font-family: "Nothing You Could Do", "Open Sans", Helvetica, sans-serif !important;
	font-size: 2rem;
	margin: 2rem 0 2rem 0;
}

h1.short, h2.short, h3.short, h4.short, h5.short, h6.short, p.short
{
	margin-bottom: 0;
}
span.smallish, div.smallish, .smallish, .smallish p
{
	font-size: .9em;
	line-height: 1.3rem;
}

.dense, h1.dense, h2.dense, h3.dense, h4.dense, h5.dense, p.dense
{
	line-height: 1em;
}

span.slight, .slight
{
	font-size: .85em;
	line-height: 1.2em;
}

span.smaller, div.smaller, .smaller
{
	font-size: .8em;
	line-height: 1.3em;
}


.nocolor
{
	color: inherit;
}

.caps
{
	text-transform: uppercase;
}

.heavy
{
	font-weight: 700 !important;
}

.italics
{
	font-style: oblique;
}
.red
{
	color: red !important;
}

.strike
{
	text-decoration: line-through !important;
}
/********* Specialized Headings *************/

.title_row h1
{
	margin-bottom: 0rem;
	margin-top: 1rem;
}


.title_row h4
{
	font-family: inherit !important;
	font-size: 1.2rem;
	font-weight: 300;
	letter-spacing: .05rem;
	margin-top: 1rem;
	margin-bottom: 2rem;
}

.title_row.entry h1
{
	font-family: Oswald !important;
	letter-spacing: .01rem;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid white;
}

h1.entry-title
{
	letter-spacing: 0px;
	font-size: 2rem;
}

img#banner-logo-image
{
	padding: 2rem 0;
	width: 125px;
	-webkit-filter: drop-shadow( 2px 2px 15px #000 ); 
	filter: drop-shadow( 2px 2px 25px #000 );
}

/********* Other HTML Elements *************/
/********* Lists *************/

ul, ol, dl, p
{
	font-size: inherit;
}

ul.tight li
{
	padding: 0 !important;
	margin: 0 -1px -1px 0 !important;
}
ul.no-clear > li
{
	clear: none !important;
}

ul.nostyle
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.inline
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}

ul.inline > li
{
	display: inline-block;
	margin-right: 1em;
}

strong
{
	color: white;
}
strong, .strong, a.strong {
	font-weight: 900 !important;
}
p 
{
	color: inherit;
	font-weight: inherit;
}

/********* Links *************/
a, a:visited, a:hover
{
	color: #00DDFF;
	text-decoration: none;
}

a.nocolor, a.nocolor:visited, a span.nocolor {
	color: white !important;
}

/********* Blockquotes *************/
blockquote, blockquote p
{
	font-size: .9rem;
	color: white !important;
	font-style: italic;
	padding: 0 .5em;
}


/*****************************************
*************   Page Header Wrapper  ************
*****************************************/

#page-header-outer-wrapper
{
	background-size: cover !important;
	width: 100%;
	border-bottom: 1px solid #555;
}
	
body.stage #page-header-outer-wrapper
{
	background: url(https://cdn.texasbluesalley.com/styles/TXBA-Theme/banners/TXBA-Stage-Banner.jpg) center bottom no-repeat;
}

body.home #page-header-outer-wrapper,
body.setlist #page-header-outer-wrapper,
body.account #page-header-outer-wrapper
{
	background: url(https://cdn.texasbluesalley.com/styles/TXBA-Theme/banners/TXBA-Home-Banner.jpg) center 95% no-repeat;
}

body.woodshed #page-header-outer-wrapper
{
	background: url(https://cdn.texasbluesalley.com/styles/TXBA-Theme/banners/TXBA-Woodshed-Banner.jpg) center 50% no-repeat;
}

body.otz #page-header-outer-wrapper,
body.oldtonezone #page-header-outer-wrapper
{
	background: url(https://cdn.texasbluesalley.com/styles/TXBA-Theme/banners/TXBA-OTZ-Banner.jpg) center 95% no-repeat;
}

body.hq #page-header-outer-wrapper,
body.headquarters #page-header-outer-wrapper
{
	background: url(https://cdn.texasbluesalley.com/styles/TXBA-Theme/banners/TXBA-HQ-Banner.jpg) center 50% no-repeat;
}
body.locals #page-header-outer-wrapper
{
	background: url(https://cdn.texasbluesalley.com/styles/TXBA-Theme/banners/TXBA-Locals-Banner.jpg) center center no-repeat;
}
body.store #page-header-outer-wrapper
{
	background: url(https://cdn.texasbluesalley.com/styles/TXBA-Theme/banners/TXBA-Store-Banner.jpg) center 40% no-repeat;
}

#page-header-inner-wrapper
{
	background: none;
	max-width: 1300px;
	margin: 0 auto;
}

body.stage .page-title-wrapper
{
	background: url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-Stage-BG.png");
}

body.woodshed .page-title-wrapper
{
	background: url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-Woodshed-BG.jpg");
}

body.home .page-title-wrapper
{
}

body.store .page-title-wrapper
{
	background: url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-Store-BG.jpg");
}

body.locals .page-title-wrapper
{
	background: url('https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-Locals-BG.jpg');
}

body.otz .page-title-wrapper,
body.oldtonezone .page-title-wrapper
{
	background: url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-OTZ-BG.png") top left;
}

body.hq .page-title-wrapper,
body.headquarters .page-title-wrapper
{
 	background: url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-HQ-BG.png") center top;
}

/***********************************************
/***********************************************
			Sitewide Elements
/***********************************************
***********************************************/


#page-header-wrapper
{
	float: left;
	width: 100%;
	background: none;
	margin-top: .5rem;
	margin-bottom: 2rem;
	padding-left: .5rem;
	padding-right: .5rem;
	
}

#page-wrapper
{
	max-width: 1300px;
	margin: 0 1rem;
	margin-top: 1rem;
	border: 1px 
}


#page-header-logo
{
	float: left;
	width: 200px;
	max-width: 12rem;
}

#page-header-logo img
{
	width: 100%;
}


/***** Top Navigation *****/


#top-nav-wrapper
{
	float: left;
	width: 100%;
}

#top-nav-wrapper ul#page-top-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#top-nav-wrapper ul#page-top-nav li
{
	float: left;
	line-height: 2em;
	padding: 0;
	margin: 0 .5em 0 0;
}

#top-nav-wrapper ul#page-top-nav li.float-right
{
	margin-left: .5rem;
	float: right;
	margin-right: 0;
}
/********* Toolbar Item list **************/


ul.toolbar-item-list
{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
}

ul.toolbar-item-list li
{
	float: left;
	line-height: 2em;
	padding: 0;
	margin: .25em .5em .25em 0;
}

ul.toolbar-item-list li.right
{
	float: right;
	line-height: 2em;
	padding: 0;
	margin: 0 0 0 .5em;
}

/********* Toolbar Buttons ***************/

.toolbar-item
{
	display: block;
	width: 100%;
	font-size: 1em;
	line-height: 2em;
	padding: 0 .5rem;
}

.toolbar-item i.fa
{
	line-height: 2em;
}
.toolbar-item.toolbar-button
{
	background: #333;
	border: 1px solid #999;
	border-radius: 4px;	
	cursor: pointer;
}

.toolbar-item.toolbar-button.raised
{
	background: #444;
}
.toolbar-item.toolbar-button.active
{
	color: white;
	border-color: white;
}

.toolbar-item.toolbar-link.toolbar-dropdown:after,
.toolbar-item.toolbar-button.toolbar-dropdown:after
{
	font-family: FontAwesome;
	content: "\f0d7";
	margin-left: .25rem;
}

.toolbar-item.toolbar-button.hover
{
	background: #555;
	position: relative;
	z-index: 15;
}

.toolbar-button-badge
{
	display: inline-block;
	padding: 0;
	border-radius: 1em;
	font-weight: bold;
	color: black;
	background: white;
	min-width: 1.5em;
	font-size: .6em;
	text-align: center;
	line-height: 1.5em;
	margin-left: -1.2em;
	margin-top: -.5em;
	position: absolute;
}

.toolbar-item.toolbar-button.blue,
#mobile-menu-account-button.toolbar-button.user_signed_in
{
	background: #0099ff;
	color: white;
	border-color: #0099ff;
}
.toolbar-button.not-empty
{
	background: #FF0;
	color: black;
	border-color: black.
}

.toolbar-button.green
{
	background: #65AC65;
	color: white;
	border-color: #65AC65;
}
/****** Page Navigation ********/

.page-nav-wrapper
{
	width: 100%;
	padding: 0;
}

.page-nav-wrapper ul
{
	margin: 0;
	padding: .5rem 0;
	list-style:none;
	letter-spacing: 0em;
	font-weight: 700;
	font-size: .75rem;
}

.page-nav-wrapper ul li {
	display: inline-block;
	padding: 0 1em;
	text-shadow: 0px 1px 2px #111;
	line-height: 2.5em;
}

.page-nav-wrapper ul li a:before
{
  font-family: FontAwesome;
  content: "\f0d7";
  margin-right: .25em; 
}



/***** Page Content ******/
#page-content-wrapper
{
	margin: 0 auto;
	max-width: 1300px;
}

#page-content
{
	border-bottom: 1px solid #555;
	padding-bottom: 1rem;
	background-size: auto;
	background-attachment: scroll;
	background: #222 !important;
}

#media-row-wrapper, #content-row-wrapper
{
	padding-left: 1rem;
	padding-right: 1rem;
	box-sizing: border-box;

}
#media-row-wrapper
{
	background: #111;
	border-bottom: 1px solid #555;
}
#media-row
{
}

body.woodshed #page-content,
.backdrop.woodshed
{
	background: url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-Woodshed-BG.jpg");
}

body.oldtonezone #page-content,
.backdrop.oldtonezone
{
	background: url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-OTZ-BG.png") top left;
}

body.home #page-content
{
	background: url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-Home-BG.jpg") top center repeat-y;
}

body.account #page-content
{
	background: #181818;
}


body.setlist #page-content
{
	background: #222;
}
body.news #page-content
{
	background: #222;
}
			
body.store #page-content,
.backdrop.store
{
	background: url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-Store-BG.jpg");
}

body.headquarters #page-content,
.backdrop.headquarter
{
	background: url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-HQ-BG.png") center top;
}

body.stage #page-content,
.backdrop.stage
{
	background: url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-Stage-BG.png");
}

body.locals #page-content,
.backdrop.locals
{
	background: url('https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-Locals-BG.jpg');
}

body.join #page-content
{
	background: #222;
}


.page-title-wrapper
{
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #555;
}

/********* Footer Styles *************/
#footer
{
	color: #999;
	padding-top: 50px;
	margin-bottom: 50px;
	font-size: .8rem;
}

ul.presence-icons li
{
	list-style: none;
	display: inline-block;
}

ul.presence-icons li a
{
	font-size: 2rem;
	margin: 0 .5rem;
	color: #999;
}

/****** New Breadcrumbs ********/

#page-banner-crumbs-wrapper {
	float: left;
	width:100%;
	text-align:left;
	background: rgba(255, 255, 255, .4) !important;
	backdrop-filter: blur(4px);
}
#page-banner-crumbs-wrapper:hover 
{
	background: rgba( 0, 0, 0, .3) 
}
ul#page-banner-crumbs {
	padding: 0em .5em;
	list-style:none;
	margin: .25em 0;
	font-size: .7rem;
	line-height:1em;
}
ul#page-banner-crumbs li {
	display: inline-block;
	padding:0;
	margin:0;
	line-height: 3em;
	text-transform: uppercase;
}

ul#page-banner-crumbs li.hidden
{
	display: none;
}
ul#page-banner-crumbs li.parent:before {
	font-family: "FontAwesome";
	content:"\f105";
	display:inline-block;
	padding: 0 .75em 0 .25em;
	color:white;
	text-shadow:0px 1px 1px #555
}
ul#page-banner-crumbs li.parent.home
a {
	font-size: .9rem;
	line-height:1em;
	text-shadow:0px 1px 1px #555;
}
ul#page-banner-crumbs li.parent.home:before 
{
	display: none
}
ul#page-banner-crumbs li.parent:last-of-type 
{
	margin-left: 1rem
}
ul#page-banner-crumbs li a
{
	color: white !important;
	letter-spacing: .03em;
	font-weight:900;
	text-shadow:0px 1px 1px #555;
}
ul#page-banner-crumbs li.child.first:before 
{
	content: "::";
	font-weight:900;
	margin: 0 .75em 0 .25rem;
	color: white !important;
}
ul#page-banner-crumbs li.child.first 
{
	margin-left: 0;
}
ul#page-banner-crumbs li.child {
	margin: 0 .5rem;
	text-transform:none;
}
ul#page-banner-crumbs li.child a {
	color: white !important;
	border-bottom:2px solid transparent;
	text-shadow:0px 1px 1px #555;
}
ul#page-banner-crumbs li.selected.child a,
ul#page-banner-crumbs li.selected.parent a
{
	color: white !important;
	font-weight:900;
	border-bottom:2px solid white
}
ul#page-banner-crumbs li.home > a 
{
	border-bottom: none !important;
}

h1#page-banner-title
{
	padding: 2rem 0;
	margin: 0 auto;
}



/*********** Page Banner Subnav *************/
#page-banner-breadcrumbs-wrapper
{
	float: left;
	width: 50%;
}

#page-banner-subnav-wrapper
{
	float: right;
	width: 50%;
	font-size: .8rem;
}

ul#page-banner-subnav
{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
}

ul#page-banner-subnav li
{
	margin: 0 .5rem;
	padding: 0;
	display: inline-block;
	line-height: 2.3rem;
}

ul#page-banner-subnav li a
{
	padding: 0 0 .25em 0;
	text-shadow: 0px 1px 2px #111;
}

ul#page-banner-subnav li.selected a
{
	color: white;
	border-bottom: 2px solid white;
}

/********* Banner *************/

body.no-nav #page-banner-wrapper
{
	border: 1px solid #444;
}

#page-banner-wrapper h1
{
	width: 90%;
	max-width: 900px;
	margin: 4rem auto;
	clear: both;
}
body.oldtonezone #page-banner-wrapper
{
	background: url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/banners/TXBA-OTZ-Banner.jpg") 0% 60% no-repeat;
}

body.woodshed #page-banner-wrapper
{
	background: url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/banners/TXBA-Woodshed-Banner.jpg") center 10% no-repeat;
}

body.stage #page-banner-wrapper
{
	background: #111 url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/banners/TXBA-Stage-Banner.jpg") bottom center no-repeat;
}

body.headquarters #page-banner-wrapper
{
	background: #111 url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/banners/TXBA-HQ-Banner.jpg") center 40% no-repeat;
	background-size: cover;
}

body.store #page-banner-wrapper
{
	background: #111 url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/banners/TXBA-Store-Banner.jpg") center 50%  no-repeat;
}

body.home #page-banner-wrapper,
body.news #page-banner-wrapper,
body.setlist #page-banner-wrapper,
body.account #page-banner-wrapper,
body.join #page-banner-wrapper
{
	background: #111 url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/banners/TXBA-Home-Banner.jpg") center bottom  no-repeat;
}


body.locals #page-banner-wrapper
{	
	background: url('https://cdn.texasbluesalley.com/styles/TXBA-Theme/banners/TXBA-Locals-Banner.jpg') right center no-repeat;
}

#section-bar
{
	background: #444;
	border-bottom: 1px solid #555;
	font-size: .7rem;
	line-height: 2em;
	text-align: center;
	text-transform: uppercase;
	color: white;
	font-weight: 700;
	letter-spacing: 5px;
	display: block;  
}


/***********************************************
/***********************************************
			Home
/***********************************************
***********************************************/

#txba-welcome
{
	clear: both;
	padding: 3rem 0 1rem 0;
	text-align: center;
	background: url('https://cdn.texasbluesalley.com/styles/TXBA-Theme/banners/TXBA-Home-Banner.jpg') center bottom no-repeat;
	background-size: cover;

}

h2#tagline
{
	font-family:'Nothing You Could Do' !important;
	font-size: 2.5rem;
	font-weight: 900;
}

#mission
{
	margin: 0 auto;
	max-width: 40rem;
	font-size: 1rem;
	letter-spacing: .05rem;
	text-shadow: 0px 2px 1px #111;
}

#txba-map
{
	text-align: center;
	background: #1F262F;
	padding: 0;
}

#map-wrapper
{
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
	transform: translateY(-9.1%);
}

#map-graphic a.place:hover g use
{
	fill: #777;
	stroke: #777;
}

#map-graphic a.place:hover text
{
	fill: white;
}

#setlist-banner
{
	padding: 1rem 0 1rem 0;
	text-align: center;
	background: #262626;
}

h4.setlist-column-heading
{
	text-align: center;
	text-transform: uppercase;
	font-size: 1.1rem;
}

path#road
{
	fill: #555;
	stroke: #555;
}


#course-slider
{
	border-top: 1px solid #555;
	padding: 2rem 1rem;
	background: url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-Woodshed-BG.jpg");
}

#locals-banner
{
	text-align: center;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	padding: 0;
	 background: url('https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-Locals-BG.jpg') repeat;
}
#locals-banner .mask
{
	padding: 2rem 1rem;
	background: none;
}
#locals-banner h2 a
{
	color: white;
}			
.feature-wrapper
{
	margin: 0 auto;
	font-size: .9rem;
	background: rgba( 100, 100, 100, .2);
	border: 1px solid #333;
	box-shadow: 1px 1px 6px #111;
}

.feature-wrapper h4
{
	text-transform: uppercase;
}



/***********************************************
/***********************************************
			Woodshed
/***********************************************
***********************************************/

/********* Full Course Pages *************/


.course-pitch
{
	font-size: 1.8rem;
	font-weight: 300;
	padding: 1rem;
	text-align: center;
}

.opening_text_upper p
{
	font-weight: 400;
	color: white;
	text-shadow: 1px 2px 1px #000;
	font-size: 1.3rem;
	line-height: 1.4em;
}

.opening_text_lower p
{
	font-weight: 500;
	color: white;
	text-shadow: 1px 2px 1px #000;
	font-size: 1.1rem;
}

a.top-link
{
	clear: both;
	display: block;
	color: white;
	font-size: .65em;
	font-weight: 600;
	text-align: right;
	text-transform: uppercase;
}

a.top-link:before
{
	font-family: FontAwesome;
	content: "\f077";
	margin-right: .5em;
	position: relative;
	top: -.35em;

}

.section-divider-links
{
	text-align: right;
}

.section-divider-links a
{
	display: inline-block;
	margin-left: 1rem;
	font-size: .8rem;
}

.full-page-row .section-divider-links
{
	position: absolute;
	right: 1rem;
	top: 0px;
	width: 100%;
}

#locals-promo
{
  background: url(https://cdn.texasbluesalley.com/styles/TXBA-Theme/banners/TXBA-Locals-Banner.jpg) center center no-repeat;
  background-size: cover;
  
}
/********* Full Course (Mini) Wrapper *************/
.full_course_wrapper
{
	margin-top: 1rem;
	padding-top: 1rem;
}

.full_course_image
{
	width: 100%;
	min-height: 200px;
	background-size: cover !important;
	border: 1px solid #555;
}

.full_course_title
{
	font-family: Oswald, "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Sans-Serif !important;
	text-transform: uppercase;
	font-size: 2rem !important;
	line-height: 1em;
	padding: 0 !important;
	font-weight: 400;
	margin: 0 !important;
	color: white;
}

.full_course_title a:after
{
	font-family: FontAwesome;
	content: "\f138";
	margin-left: .5rem;
	vertical-align: bottom;
	font-size: 1.5rem;
	color: white;
}

h2.full_course_tagline
{
	font-size: 1rem;
	text-transform: uppercase;
	font-family: Oswald, "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Sans-Serif !important;
	font-weight: 200;
	letter-spacing: .1rem;
	color: #aaa;
}

.full_course_text p
{
	padding: 0;
	margin-top: 1rem;
	font-size: .9rem !important;
}

#pro-player-row
{
	background: url(https://cdn.texasbluesalley.com/styles/locals/SaloonDoors-Blue-XL.jpg) center top no-repeat;
	background-size: cover;
	border-bottom: 1px solid #555;
}
.checkmark
{
	text-transform: uppercase;
	font-weight: 900;
	white-space: nowrap;
}


/********** Related Courses Side Scrolling Widget ************/
#related-courses-wrapper
{
  background: #222;
  box-shadow: inset 0px 0px 15px #000;
  border-bottom: 1px solid #555;
  padding: 1rem 0 0 0;
  position: relative;
}

.course-thumbnails-list-wrapper
{
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
  -webkit-overflow-scrolling: touch;
	  padding-bottom: 1rem;
}
ul.course-thumbnails
{
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

ul.course-thumbnails li
{
  display: inline-block;
  margin: 0 .5em;
}

ul.course-thumbnails li img
{
  max-width: 100px;
  border: 1px solid #555;
  box-shadow: 1px 1px 5px #000;
}

ul.course-thumbnails li img:hover
{
  border-color: #999;
}



/***********************************************
/***********************************************
			Old Tone Zone
/***********************************************
***********************************************/


/***********************************************
/***********************************************
			Stage
/***********************************************
***********************************************/





/***********************************************
/***********************************************
			Store And Checkout
/***********************************************
***********************************************/

/********* Product	*************/
span.product-category-title
{
	background: white;
	color: #111;
	padding: 0 .5em 0 .5em;
	margin-left: .5rem;
}

/********* Cart Page Styles *************/

.product-table-row
{
	border-bottom: 1px solid #555;
	padding-top: .75rem;
	padding-bottom: .75rem;
}

.product-table
{
	background: #333;
	border: 1px solid #555;
	padding: 0 1rem;
	
}

.product-table-modifiers
{
	font-size: .7rem;
	color: #CCC;
	margin-top: .5rem;
}

/********* Checkout Navigation *************/
.row.checkout_status
{
	border: none;
	border-radius: 0 2rem 2rem 0;
	background: #555;
	margin-bottom: 1rem !important;
	font-size: .9rem;
}

.row.checkout_status .columns
{
	line-height: 2rem;
	font-family: Oswald, "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Sans-Serif !important;
	text-transform: uppercase;
	padding: 0 !important;
	border-radius: 0 2rem 2rem 0;
	color: #AAA;
	font-weight: 400;
	letter-spacing: .05em;
	text-shadow: 1px 1px 1px #333;
}

.row.checkout_status .columns.finished
{
	background: white;
	border-radius: 0 !important;
	border-right: 1px solid black;
	text-shadow: none;
}

.row.checkout_status .columns a
{
	color: #0099ff;
	text-shadow: none;
}

.row.checkout_status .columns.current
{
	background: white;
	color: black;
	text-shadow: none;
}

button.image-button
{
	background: none !important;
	border: none !important;
}

/********* Order Download Styles *************/
table.download-package {
	width: 100%;
	border: 1px solid #555;
}

.row.order-downloads .columns
{
	margin-bottom: 1.5rem;
}


table.download-file-table {
	border-collapse:collapse;
	border: none;
	width:100%;
	font-size: .85rem;
	border: 1px solid #555;
}
table.download-file-table tr {
	padding: 0px;
	border: none !important;
	border-bottom: 1px solid #555 !important
}
table.download-file-table td {
	padding: .5em .25em;
}

.order-downloads
{
	padding: .5rem 0;
}

.row.download-file-row
{
	background: #333;
	border: 1px solid #555;
	border-radius: 4px;
	font-size: .8rem;
	line-height: 1.5rem;
	margin-bottom: .5rem;
	padding-top: .25rem;
	padding-bottom: .25rem;
}
	
	
/********* Product Details Popup *************/
.product-detail-popup {
	max-width: 300px;
}

.product-detail-popup *
{
	color: white !important;
	font-size: .8rem;
	line-height: 1.4rem;
}

.product-detail-popup table {
	width: 100%;
}

.product-detail-popup table td
{
	vertical-align: top;
	padding: .2rem .5rem;
}


/* New Product Variation Lists */
.price-widget
{
	font-size: .9rem;
}

span.product-price
{
	font-family: "Ludcida Console", Monaco, monospace !important;
}

span.product-price.sale-price
{
	font-size: 1.2rem;
	line-height: 1em;
}
span.product-price.full-price
{
	font-size: .8rem;
	text-decoration: line-through;
	color: red;
}


/********* Store Product Grid *************/
.product-listing-item-title
{
	color: white;
	font-size: .9rem;
	line-height: 1.2em;
	margin-top: .5rem;
	margin-bottom: .25rem;
}


/*********** Product Widget: Horizontal ************/
.product-wrapper.horizontal
{
	text-align: left;
	margin: 0 auto;
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 1rem;
}

.product-wrapper.horizontal .product-image
{
	text-align: center;
	line-height: 1em;
	border: 1px solid #555;
	float: left;
	width: 115px;	
}

.product-wrapper.horizontal .product-image img
{
	width: 100%;
}
.product-wrapper.horizontal .product-details-wrapper
{
	margin-left: 125px;
	vertical-align: top;
}

.product-wrapper.horizontal .product-title {
	color: white;
	font-weight: 400;
	font-size: 1.1rem;
	font-family: Oswald;
	text-transform: uppercase;
	letter-spacing: .03rem;
	line-height:1.2em;
	margin-bottom: .5em;
}
.product-wrapper.horizontal .product-short-description
{
	line-height: 1.2em;
	margin-bottom: .5rem;
	font-size: .8rem;
}
.product-wrapper.horizontal .product-prices
{
	margin-bottom: .5rem;
}
.product-wrapper.horizontal .product-full-price
{
	font-family: Georgia;
	color: #999;
	font-size: .8rem;
	margin-left: .5rem;
	text-decoration: line-through;
}
.product-wrapper.horizontal .product-sale-price
{
	font-family: Georgia;
	line-height: 1em;
	font-size: 1.3rem;
}
.product-wrapper.horizontal .product-discount-text
{
	display: block;
	font-size: .7rem;
	line-height: 2rem;
}
.product-wrapper.horizontal .big-button
{
	font-size: .8rem;
}

.product-wrapper.boxed
{
	background: #363636;
	padding: 1rem;
	border: 1px solid #555;
}
.product-in-cart-bubble
{
	display: inline-block;
	background: white;
	color: black;
	width: 1.75em;
	text-align: center;
	line-height: 1.75em;
	font-size: .65rem;
	position: relative;
	top: -1rem;
	left: -1rem;
	box-shadow: 0px 0px 3px #333;
	font-family: Lucida Grande, Lucida Console, Helvetica, Sans-Serif;
	border-radius: 1em;
}
.product-image.download:after
{
	font-family: FontAwesome;
	content: "\f0ed";
	font-size: 1.5rem;
	color: white;
	text-align: right;
	display: block;
	line-height: 1em;
	margin-top: -1.5rem;
	padding-right: .25rem;
}
.product-wrapper.horizontal .product-specs-link
{
	font-size: .8rem;
	margin-top: .25rem;
}

/******** New Product Row Widget **************/
.product-row
{
	background: #333;
	border: 1px solid #555;
	border-radius: 3px;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

.product-row-thumbnail
{
	position: relative;
	border: 1px solid white;
	float: left;
	width: 40px;
	margin-right: .5rem;
	
}
.product-row-thumbnail img
{
	width: 100%;
}

.product-row-thumbnail:after
{
	content: "\f0ed";
	font-family: 'FontAwesome';
	position: absolute;
	bottom: 1px;
	line-height: 1em;
	right: 4px;
	font-size: 1rem;
}


.product-row-title
{
	text-transform: uppercase;
	line-height: 1em;
	font-family: Oswald, Helvetica, Sans-Serif;
	font-size: .9rem;
	font-weight: 900;
	letter-spacing: .1em;
	margin-bottom: .25rem;
}


.product-row-details
{
	font-size: .8em;
	color: #ddd;
}

.product-row-details p
{
	margin-bottom: 0;
	line-height: 1.2em;
}

.product-sale-price
{
	font-size: 1.2em;
	font-family: Georgia;
}

.cart-button
{
	white-space: nowrap;
	font-size: .85rem;
	line-height: 2.8em;
	font-weight: 600;
	padding: 0 1em;
	font-family: 'Open Sans';
	cursor: pointer;
	color: black !important;
	background: #ffff8c;
	background: -moz-linear-gradient(top, #ffff8c 4%, #ffff00 100%);
	background: -webkit-linear-gradient(top, #ffff8c 4%,#ffff00 100%);
	background: linear-gradient(to bottom, #ffff8c 4%,#ffff00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff8c', endColorstr='#ffff00',GradientType=0 );
	text-shadow: 0px 1px 1px #fff;
}

.cart-button:after
{
	font-family: FontAwesome;
	content: "\f217";
	margin-left: .5em;
}

.product-stock
{
	font-size: .8rem;
	margin-bottom: .5rem;
}
.go-to-cart-widget a
{
	display: block;
	font-size: .8em;
	margin-top: .75em;
}


.product-row-prices
{
}
.product-full-price
{
	color: red;
	text-decoration: line-through;
	font-size: .9em;
}

.product-discount-text
{
	font-size: .75em;
	color: #ddd;
}

.product-in-cart
{
	display: inline-block;
	font-size: .65em;
	line-height: 1em;
	border: 1px solid #555;
	line-height: 1.6em;
	position: absolute;
	background: white;
	color: black;
	width: 1.8em;
	text-align: center;
	border-radius: 1em;
	font-family: Tahoma;
	margin-left: -1em;
	margin-top: -.75em;
}


.product-rows-wrapper .product-row-item
{
	margin-bottom: 1rem;
	border-bottom: 1px solid #777;
	padding-bottom: 1rem;
	
}

.product-rows-wrapper .product-row-item:last-child
{
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}


/*********** Course Page Product Rows ************/
.product-rows-container .product-row-wrapper
{
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #555;
}

.product-rows-container .product-row-wrapper:last-child
{
	border-bottom: none;
}




/********* Checkout Styles *************/
.currency,
.price,
input[type=text].price,
input[type=text][readonly].price {
	font-family: "Lucida Console", "Monaco", monospace !important;
}

span#order_total_final
{
	font-size: 1.1rem;
}

/***********************************************
/***********************************************
			Headquarters
/***********************************************
***********************************************/

/********* Channel Filtered List *************/

.channel-list-item {
	clear: both;
	width:100%;
	margin-bottom: 4px;
 }

.channel-list-item .channel-list-item-title > a 
{
	
	background: #444;
	padding: 1rem;
	display: block;
	font-size:1.1rem;
	line-height:1.4rem;
	color:white;
	text-shadow:0px 1px 0px #000;
}
.channel-list-item-more 
{
	margin: 0 0 0 0;
	padding: 1rem 1rem .25rem 1rem;
	background: #333;
}

.channel-list-item .channel-list-item-more
{
	display: none;
}

.channel-list-item .channel-list-item-title.has-more > a:before
{
	font-family: FontAwesome;
	content: "\f0da";
	display: inline-block;
	width: 1.5rem;
	margin-left: -.5rem;
	text-align: center;
}

.channel-list-item.open .channel-list-item-more
{
	display: block;
}

.channel-list-item.open .channel-list-item-title.has-more > a:before
{
	content: "\f0d7";
}


ul.item-tags-mini
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: .8rem;
	margin-top: .25em;
}

ul.item-tags-mini li
{
	padding: 0;
	margin: 0;
	font-weight: 600;
	display: inline-block;
	color: #aaa;
	text-shadow: 1px 1px 1px #222;
}

ul.item-tags-mini li:after
{
	content: "/";
	margin-left: .25em;
	margin-right: .1em;
	color: #999;
}

ul.item-tags-mini li:last-child:after
{
	content: "";
}

/***********************************************
/***********************************************
			Membership
/***********************************************
***********************************************/

/****** Plan Tables ***********/
table.plan-table
{
	width: 100%;
	border: 2px solid #555;
	font-size: .9rem;
}

table.plan-table tr {
	border-bottom: none;
}

table.plan-table td, 
table.plan-table th
{
	background: rgba( 255, 255, 255, .1);
	color: white;
	line-height: 1.1rem;
	border: 1px solid #555;
}

.plan-table.active td, 
.plan-table.active th
{
	background: #555 !important;
	border-color: #999 !important;
}

.plan-table.active
{
	border: 2px solid white;
}

table.plan-table th
{
	text-align: left;
	font-size: 1.1rem;
	font-weight: 900;
	font-family: Oswald;
	letter-spacing: .03rem;
	background: rgba( 255, 255, 255, .2);
}

table.plan-table td.plan-price
{
	font-family: Georgia;
	font-size: 1.8rem;
	line-height: 1.4rem;
	padding: 1rem 0;
	color: white;
	background: rgba( 255, 255, 255, .2);
}

table.plan-table td.plan-value {
	width: 6em;
}

table.auto-width {
	width: auto !important;
	margin: 0 auto;

}


/*****************************************
*************  Locals Pages  ************
*****************************************/
.category-wrapper
{
	width: 100%;
	border: 1px solid #555;
	background: #333;
	margin-bottom: 1rem;
	border-radius: 5px;
}
.category-wrapper.expanded
{
	background: #333;
}
.category-wrapper .category-wrapper
{
	background: #444;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #777;
	margin: 0;
}
.category-wrapper .category-wrapper a.category-title
{
	font-size: .9em;
}

.category-wrapper a.category-title
{
	font-family: Oswald;
	text-transform: uppercase;
	font-size: 1.3rem;
	font-weight: 900;
	letter-spacing: .03rem;
	color: white;
	padding: 1rem .5rem 1rem .5rem;
	display: block;
	line-height: 1em;
}
.category-wrapper a.category-title:hover
{
	background: #3a3a3a;
}
.category-wrapper.expanded a.category-title:hover
{
	background: none;
}
.category-wrapper a.category-title:before
{
	font-family: 'FontAwesome';
	content: "\f0da";
	display: inline-block;
	position: relative;
	top: -.05em;
	margin-right: .25em;
	width: 1em;
	text-align: center;
}
.category-wrapper.expanded > a.category-title:before
{
	content: "\f0d7";
}
.category-wrapper .category-inner
{
	display: none;
	border-top: 1px solid #555;
	width: 100%;
	padding: 1rem 1rem 0 1rem;
}
.category-wrapper.expanded > .category-inner
{
	display: block;
}
.category-inner.is-parent
{
	padding: 0;
}
.category-courses-wrapper
{
	width: 100%;
	height: 200px;
}
.load-spinner
{
	text-align: center;
	width: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#favorites-message
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	background: #077;
	border-bottom: 1px solid #555;
	box-shadow: 0px 5px 20px #000;
	padding: 1rem;
	font-size: .9rem;
	color: white;
}


/***********************************************
/***********************************************
		Utility Elements & Styles
/***********************************************
***********************************************/

.inset
{
  border: 1px solid #555;
  background: #333;
  padding: 1rem;
  box-shadow: inset 0px 0px 10px #000;
}

.flex-video, .responsive-embed
{
	background: black;
	border: 1px solid #555;
	margin: 0;
}
.mux-player-wrapper
{
	border: 1px solid #555;
}
.mux-player-wrapper.vertical mux-player
{	
	aspect-ratio: 16/9;
}

mux-player::part(playback-rate) 
{
	display: flex !important;
}
  
mux-player::part(center play button) 
{ 
  background-color: #0099ff;
}
  
.vertical-video-thumb-wrapper
{
	position: relative;
	border: 1px solid #555;
	border-radius: .5rem;
	overflow: hidden;
	aspect-ratio: 2/3;
}    

.vertical-video-thumb-caption-wrapper
{
	background: rgba(40,40,40,.93);
	border-top: 1px solid #555;
	padding: .5rem;
	font-size: .8rem;
	width: 100%;
	position: absolute;
	bottom: 0;
	border-radius: 0 0 .5rem .5rem;
	
}
.vertical-video-thumb-meta
{
	font-size: .7rem;
	color: #aaa;
}

.vertical-video-thumb-title
{
	font-family: Oswald;
	font-size: 1rem;
	line-height: 1.2em;
	font-weight: 500;
	margin-bottom: .5rem;
}


.vertical-video-thumb-wrapper.horizontal
{
	aspect-ratio: auto;
}    


.vertical-video-thumb-wrapper.horizontal img
	{
		width: 100px;
		display: inline-block;
		border-right: 1px solid #555;

	}

.vertical-video-thumb-wrapper.horizontal .vertical-video-thumb-caption-wrapper
{
	border-top: none;
	display: inline-block;
	height: 100%;
	right: 0;
	left: 100px;
	width: auto;	
}

.vertical-video-thumb-wrapper.horizontal .vertical-video-thumb-title-wrapper h5
{
	font-family: Oswald !important;
	line-height: 1.2em !important;
	font-weight: inherit !important;
	font-weight: 500 !important;
	margin-bottom: .25rem !important;
}

.flex-video iframe, .responsive-embed iframe
{
	border: none;
}

.th
{
	border: 4px solid white;
}

.centered
{
  margin: 0 auto;
}

.has-tip
{
	cursor: pointer !important;
}

.full-width
{
	padding-left: 0px;
	padding-right: 0px;
}

.clear
{
	clear: both;
}

.flat-bottom
{
	margin-bottom: 0;
}
.mask
{
	background: rgba( 0, 0, 0, .8);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.94) 0%, rgba(0,0,0,0.46) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.94)), color-stop(100%,rgba(0,0,0,0.46))); 
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.94) 0%,rgba(0,0,0,0.46) 100%); 
	background: -o-linear-gradient(top, rgba(0,0,0,0.94) 0%,rgba(0,0,0,0.46) 100%); 
	background: -ms-linear-gradient(top, rgba(0,0,0,0.94) 0%,rgba(0,0,0,0.46) 100%); 
	background: linear-gradient(to bottom, rgba(0,0,0,0.94) 0%,rgba(0,0,0,0.46) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0000000', endColorstr='#75000000',GradientType=0 ); 
	height: 100%;
	width: 100%;
	display: block;
	margin: 0;
}
.bg-overlay
{
	background: rgba(0,0,0,.3);
}

.bordered
{
	border: 1px solid #555;
}

.border-bottom
{
	border-bottom: 1px solid #555;
}
.border-top
{
	border-top: 1px solid #555;
}

.very-dark
{
	background: #181818;
}
.dark
{
	background: #222;
}

.rounded
{
	border-radius: 4px;
}

.left
{
	float: left;
}
.right
{
	float: right;
}
.bright
{
	color: white;
}
.announcement
{
	background: #444;
	border: 1px dashed #999;
	border-radius: 4px;
	padding: 1rem;
	margin: 1rem 0;
	font-size: .9rem;
}

.statement
{
	padding: 1rem;
	font-size: 1.5rem;
	max-width: 800px;
	margin: 0 auto;
	
}

.section-announcement
{
	text-align: center;
	font-size: .9rem;
	padding: .5rem 1rem;
	background: #3a42aa;
	color: white;
	border-top: 1px solid #555;
}

.text-callout
{
	padding: 1.5rem;
	margin: 1rem 0;
	background: #444;
}

.text-callout p:last-child
{
	margin-bottom: 0 !important;
}

.count-badge
{
	display: inline-block !important;
	padding: 0 .5em !important;
	border-radius: 1em;
	font-weight: bold;
	color: #222;
	background: #ccc;
	font-size: .6em;
	text-align: center;
	line-height: 1.5em;
	margin-left: .5em;
	letter-spacing: -.05em;
}


/******* Toggle Pane (full width) **************/
.toggle-pane-wrapper
{
  margin-bottom: 1rem;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 1rem;
  background: #262626;
  box-shadow: inset 0px 0px 25px #111;
  position: relative;
}

.toggle-pane-close-button,
.toggle-pane-close-button:hover
{
  color: white;
  float: right;
  font-size: 2rem;
  position: absolute;
  top: -.25rem;
  right: .5rem;
}

/********* System Message *************/



#system-message
{
	text-align: center;
	background: #65AC65;
	padding: 1rem .5rem;
	line-height: 1.3em;
	margin: 0 -1rem;
	color: white;
	font-weight: 700;
	font-size: .8rem;
	text-shadow: 0px 1px 1px #777;
}

#system-message a, 
#system-message a:visited
{
	color: yellow;
}

#site-message
{
	text-align: center;
	background: #2f847c;
	font-weight: 600;
	border-bottom: 1px solid #555;	
	font-size: 1.1rem;
	color: white;
	line-height: 1.5em;
	padding: .5rem 0;
}

#site-message a
{
	color: #00ccff;
}

/********* Alert Styles *************/
.alert
{
	font-size: .8rem;
	line-height: 1.4em;
	margin: 1rem 0;
	padding: 1rem;
	color: white;
}

.alert-success {
	background: #339966;
}
.alert-error {
	background: red;
}


.hey,
a.hey
{
  color: orange;
}
a.delete
{
	 color: red;
}

.page-error-message
{
	padding: .5rem;
	color: lime;
	max-width: 40rem;
	margin: .5rem auto;
	border: 1px solid orange;
	font-family: Helvetica;
	font-size: .85rem;
}

.star-divider
{
	clear: both;
	display: block;
	width: 100%;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.star-divider-side
{
	display: inline-block;
	width: 45%;
	border-bottom: 1px solid #999;
	height: .6em;
	font-size: 1rem;
	color: #777 !important;
}

.star-divider-center
{
	color: #ccc !important;
	width: 8%;
	overflow: visible;
	margin: 0 auto;
	font-size: 1rem;
	line-height: 1em;
}

span.divider
{
	font-size: .7rem;
	margin: 0 .5rem 0 .5rem;
	color: #777;
	padding: 0px;
}

/********* Tooltips *************/

.has-tip
{
	border-bottom: inherit;
	font-weight: inherit;
}
/******** Entry Lists *****************/
		
ul.entry-list
{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.entry-list li
{
	padding: 0;
	margin: 1rem 0;
}

ul.entry-list.light li
{
	background: white;
	padding: 8px;
	box-shadow: 1px 1px 3px #777;
}
ul.entry-list .entry-list-item-date
{
	font-size: .8rem;
	font-family: Georgia;
	letter-spacing: .05em;
}

ul.entry-list .entry-list-item-title
{
	font-size: .9rem;
	line-height: 1.5em;
}

/********** Simple Column *************/

.simple-column
{
	background: #444;
	border: 1px solid #555;
}

.simple-column-row
{
	padding: .5rem;
	border-bottom: 1px solid #555;
}
.simple-column .simple-column-row:last-child
{
	border-bottom: none;
}
.simple-column-heading
{
	color: white;
	text-transform: uppercase;
	font-weight: 900;
}


/********* Check List ****************/

ul.checklist,
div.checklist ul,
ul.iconlist
{
	list-style: none !important;
	margin: 0;
	padding: 0;
}

ul.checklist li, div.checklist ul li,
ul.iconlist li
{
	margin: 0;
	padding: 0;
	color: white;	
	padding-left: 2rem;
}

ul.checklist li:before, div.checklist ul li:before,
ul.iconlist li:before
{
	font-family: 'FontAwesome';
	content: "\f058";
	margin-right: .5em;
	margin-left: -1.5rem;
}

ul.iconlist.minuslist li:before
{
	content: "\f056";
	color: red;
}
ul.checklist li.on, div.checklist ul li:on
{
	color: white;
}
ul.checklist li.off, div.checklist ul li.off
{
	color: #777;
}

ul.checklist li.off:before, div.checklist ul li.off:before
{
  content: "\f057";
}

ul.checklist li.on:before, div.checklist ul li.on:before
{
	content: "\f058";
}


/********* Side Navigation ************/
.side-navigation-wrapper
{
	background: #333;
	padding: 1rem;
}
ul.side-navigation
{
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 1em;
}

ul.side-navigation li
{
	margin-bottom: .75rem;
}

ul.side-navigation li a
{
	font-size: .9rem;
}

ul.side-navigation li.selected a
{
	color: white;
	border-bottom: 1px dotted white;
}


ul.side-navigation li a:before
{
}

/********** Simple Side Nav ************/

ul.side-nav
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	line-height: 1.2em;
	margin-top: 1rem;
}

ul.side-nav li.side-nav-heading
{
	font-weight: 900;
	color: white;
	letter-spacing: .03em;
	font-family: Oswald;
	text-transform: uppercase;
}

ul.side-nav li
{
	margin-bottom: .75em;
}

ul.side-nav li.active a
{
	color: white;
	font-weight: 900;
}


/*********** Category Side Nav ************/

.side-nav-wrapper
{
	font-size: .9rem;
}

p.side-nav-list-title
{
	line-height: 1em;
	margin-bottom: .75em;
	font-weight: 700;
	text-transform: uppercase;
	color: white;
}

.categories-list
{
	list-style: none;
	margin-left: 0;
	padding: 0;
	line-height: 1.2em;
}

.categories-list li
{
	margin-bottom: .5em;
}

.category-button
{
	font-size: .85rem;
	background: #444;
	border: 1px solid #777;
	line-height: 1em;
	padding: .5em .5em .5em .5em;
	display: inline-block;;
	border-radius: 4px;
	white-space: nowrap;
}

.category-button.is-active
{
  background: #777 !important;
  color: white !important;
  border-color: #aaa;
}



/********* Utility Styles *************/
.inner 
{
	margin: .9rem;
}

.black 
{
	background: black;
}

.hidden 
{
	display: none !important;
}

.invisible
{
	visibility: hidden !important;
}

.margin-bottom 
{
	margin-bottom: 1rem !important;
}

.margin-top
{
	margin-top: 1rem !important;
}

.big-margin-bottom
{
	margin-bottom: 4rem;
}

.big-margin-top
{
	margin-top: 3rem;
}

.margin-left 
{
	margin-left: 1rem !important;
}

.padding-top
{
	padding-top: 1rem;
}

.padding-bottom
{
	padding-bottom: 1rem;
}

.pane
{
	background: #444;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.padded
{
	padding: 1rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.thin-padded
{
	padding: .5rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.no-padding-bottom
{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
.pane .inner 
{
	padding: 0 1rem 0 1rem;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.text-top {
	vertical-align: top;
}
.non-breaking, span.non-breaking {
	white-space: nowrap;
}

/********* Content List Styles *************/
.listHeading
{
	border-bottom: 2px solid white;
	padding-bottom: .5rem;
	margin-bottom: 1rem;
}

.listSubtitleWrapper
{
	font-size: 1rem;
	margin-top: 1.5rem;
	display: block;
}

.listHeading a.listBrowseLink
{
	margin-left: 2rem;
	font-size: .9rem;
}

.listHeading a.listBrowseLink:after
{
	font-family: FontAwesome;
	content: "\f138";
	margin-left: .3rem;
}

.listSubtitle
{
	font-family: Oswald, "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Sans-Serif !important;
	letter-spacing: .03rem;
	color: white;
	font-weight: 400;
}






/********* Video Player Controls *************/
.video-control-row
{
	margin-top: .5rem;
}

.media-preview
{
	position: relative;
	background: #111;
	border: 1px solid #555;
	aspect-ratio: 16/9 !important;
	overflow: hidden;
}

.media-preview.locked img
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	filter: blur(5px) brightness(0.4) contrast(1.5)
}


.media-preview.locked .lock-message
{
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	width: 100%;
	text-align: center;
}

/********* Meta *************/
.meta
{
	font-size: .8rem;
	color: #999;
	font-weight: 600;
}



/********** Generic Button Row ***********/
ul.control-button-row
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.control-button-row li
{
	display: inline-block;
	background: #555555;
	background: -moz-linear-gradient(top,  #555555 0%, #444444 100%);
	background: -webkit-linear-gradient(top,  #555555 0%,#444444 100%);
	background: linear-gradient(to bottom,  #555555 0%,#444444 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#444444',GradientType=0 );
	white-space: nowrap;
	border-radius: 3px;
	border: 1px solid #555;
	font-size: .7rem;
	color: white;
	font-weight: 600;
	font-family: Helvetica, Arial, Sans-serif;
}

ul.control-button-row li a
{
	display: block;
	color: #eee;
	padding: 0 1em;
	line-height: 2em;
	
}

ul.control-button-row li:hover,
ul.control-button-row li:hover a
{
	color: white;
}

ul.control-button-row li:hover
{
	border: 1px solid #777;
}


ul.control-button-row li.active,
ul.control-button-row li.active:hover
{
	background: #5f5f5f;
	background: -moz-linear-gradient(top,  #5f5f5f 0%, #777777 100%);
	background: -webkit-linear-gradient(top,  #5f5f5f 0%,#777777 100%);
	background: linear-gradient(to bottom,  #5f5f5f 0%,#777777 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f5f5f', endColorstr='#777777',GradientType=0 );
	border: 1px solid #777;
}


ul.control-button-row li.active a,
ul.control-button-row li.active:hover a
{
	color: white;
}

ul.control-button-row li.control-button-checkbox span.icon:before
{
	font-family: FontAwesome;
	content: "\f14a";
	display: inline-block;
	margin-right: .25em;
	color: #777;
}

ul.control-button-row li.control-button-checkbox.active span.icon:before
{
	color: white;
}


/********* Icon Buttons *************/
a.icon-button
{
	background: transparent;
	border: 2px solid white;
	border-radius: 5px;
	color: white !important;
	height: 100%;
	padding: .25em .5em;
}

a.icon-button:hover
{
	background: rgba( 255, 255, 255, .2);
	box-shadow: 0px 0px 10px #fff;
}

a.icon-button:active
{
	background-color: white;
	border-color: white;
	color: #0099ff !important;
}

/********* Pagination *************/
ul.pagination-links
{
	text-align: right;
	margin-bottom: 0 !important;
	white-space: nowrap;
}

ul.pagination-links li
{
	display: inline-block;
	padding: 0;
}

ul.pagination-links li.page-text
{
	font-size: .75rem;
	font-weight: 600;
	color: #bbb;
	margin-right: .5rem;
}

ul.pagination-links li a
{
	font-size: .8rem;
	color: white;
	padding: 0 .75em;
	background: #333;
	border-radius: 3px;
	line-height: 1.8em;
	border: 1px solid #555;
	display: block;
	
}

ul.pagination-links li a:hover
{
	border-color: #999;
}

ul.pagination-links li.current a,
ul.pagination-links li.current a:hover
{
	background-color: white !important;
	color: black;
	border-color: white;
}


/*   Icon List Styles  */

ul.checkboxes, ul.video-links
{
	list-style: none !important;
	margin: 0;
}


ul.checkboxes li:before
{
	font-family: "FontAwesome";
	content: "\f046";
	color: white;
	margin-right: .25em;
}
ul.video-links li
{
	float: left;
	width: 100%;
	margin-bottom: .5em;
}
ul.video-links li:before {
	font-family: "FontAwesome";
	content:"\f03d";
	color:white;
	float: left;
	width: 1.5em;
	line-height: 1.4em;
}

ul.video-links li a
{
	margin-left: 1.5em;
	display: block;
	line-height: 1.4em;
}

/* Horizontal dividers */
hr
{
	border-color: #555;
	max-width: 9999rem;
}

hr.short
{
	margin: 0;
	height: .5rem;
	border: none;
}

hr.clear
{
	clear: both;
}

.checkbox-link,
.checkbox-link:hover
{
	font-size: .8rem;
	font-weight: 700;
	color: white;
}

a.checkbox-link
{
	color: white;
}
.checkbox-link:before
{
	font-family: FontAwesome;
	content: '\f0c8';
	margin-right: .25em;
}

.checkbox-link.checked:before
{
	content: "\f14a";
}



/*****************************************
*************  Next / Prev links  ************
*****************************************/
a.next-prev-link
{
	margin-top: -1.5rem;
	color: white;
}

a.next-prev-link.next
{
	float: right;
	margin-right: .5rem;
}

a.next-prev-link.prev
{
	float: left;
	margin-left: .5rem;
}


/****************************************
 **************** Tags  *****************
 ****************************************/
.row#tag-controls
{
	margin-top: 1rem;
}
ul.tags-list
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;
	list-style: none;
	font-size: .7rem;
	padding: 0 !important;
	margin: 0 !important;
}
ul.tags-list.large
{
	font-size: 1rem !important;
}
ul.tags-list.medium
{
	font-size: .8rem !important;
}

ul.tags-list.inline
{
	display: inline-block;
}

ul.tags-list li
{
	display: inline-block;
	margin-right: .1rem;
	margin-bottom: .2rem;
	font-size: inherit !important;
}

a.tag
{
	display: inline-block;
	font-size: .7rem;
}
ul.tags-list li.tag a,
ul.tags-list li.tag span.tag,
ul.tags-list li.tag-button a
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;	color: #ddd;
	white-space: nowrap;
	display: block;
}



/****** Tags: formatted to look like a tag, links or spans **********/

/* common to links and spans */
ul.tags-list li.tag a,
ul.tags-list li.tag span.tag,
a.tag
{
	border-radius: .3em;
	line-height: 2em;
	padding: 0 .5em;
}
ul.tags-list li a:before,
ul.tags-list li span.tag:before,
a.tag:before
{
	font-family: "FontAwesome";
	margin-right: .25em;
}

ul.tags-list li.tag a:before,
ul.tags-list li.tag span.tag:before,
a.tag:before
{
	font-family: "FontAwesome";
	content: "\f02b";
	margin-right: .25em;
	color: #ddd;
}

ul.tags-list li.tag a span.tag-count,
ul.tags-list li.tag span.tag span.tag-count,
{
	font-family: Arial;
	color: #777;
	font-size: .8em;
}


/* just links */
ul.tags-list li.tag a,
a.tag
{
	background: #333;
	border: 1px solid #777;
}
ul.tags-list li.tag a,
ul.tags-list li.tag a:before,
a.tag:before
{
	color: #aaaaff;
}

ul.tags-list li.tag a:hover,
a.tag:hover
{
	border-color: #999;
}

ul.tags-list li.tag.minus:hover a,
ul.tags-list li.tag.minus:hover a:before,
a.tag.minus:before
{
	color: red;
}
ul.tags-list li.tag.minus:hover a:before,
a.tag.minus:hover:before
{
	content: "\f056";
}

/* non-link spans */
ul.tags-list li.tag span.tag
{
	background: #333;
	border: 1px solid #777;	
}

/******* Tags button icon *********/
ul.tags-list li.tags a:before,
ul.tags-list li.tags span:before
{
	font-family: "FontAwesome";
	content: "\f02c";
}

/******** Home Button ************/
ul.tags-list li.home a:before,
ul.tags-list li.home span:before
{
	font-family: "FontAwesome";
	content: "\f0aa";
}

ul.tags-list li.tag-button a
{
	background: #444;
	border-radius: .3em;
	border: 1px solid #777;
	line-height: 2em;
	padding: 0 .5em;
	color: #ddd;
}

/* Watch Button */
ul.tags-list li.tag-button.watch a
{
	color: black;
	background: white;
	border-color: white;
}

ul.tags-list li.tag-button.watch a:before
{
	content: "\f090";
	font-size: 1.5em;
	line-height: .7em;
	position: relative;
	top: .1em;
	-webkit-font-smoothing: subpixel-antialiased !important;
}

/****************************************
 ************* END TAGS *****************
 ****************************************/



/****************************************
 ************  Form Buttons  ************
 ****************************************/
button.form-button i.fa,
a.form-button i.fa,
.form-button i.fa
{
	font-size: 1.1rem !important;
	margin: 0 .25rem 0 .25rem;
}

button.form-button,
a.form-button,
.form-button
{
	font-family: Oswald, "Open Sans", Helvetica, Sans-serif;
	background: #CCC;
	margin: 0 0 5px 0 !important;
	padding: 0 .5rem !important;
	text-transform: uppercase;
	font-weight: 400;
	font-size: .9rem !important;
	color: #222;
	line-height: 2rem !important;
	display: inline-block;
	border-radius: 3px;
	white-space: nowrap !important;
	border: none;
	cursor: pointer;
}

button.form-button.shadow,
a.form-button.shadow,
.form-button.shadow
{
	box-shadow: 1px 1px 2px #777;
}

.form-button.disabled-button,
.form-button:disabled
{
	background: #555;
	color: #777;
	text-shadow: none !important;
}

{
	background-color: #aaa;
	color: #777;
}

.form-button.cart-button {
	background-color: #FFFF00;
}

.form-button.status-button
{
	background: rgba( 255, 255, 255, .1);
	color: white;
}

.form-button.warning-button
{
	background: red !important;
	color: white !important;
}

.form-button.utility
{
	background: none;
	color: white;
	padding-left: 0 !important;
}

.form-button.small
{
	font-size: .7rem !important;
	font-weight: 600;
	letter-spacing: .03rem;
	line-height: 1.4rem !important;
	padding: 0 .3rem 0 .4rem !important;
}

.form-button.small i.fa
{
	font-size: .8rem !important;
	margin-right: .1rem;
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.form-button.dark
{
	background: #555 !important;
	border: 1px solid #999 !important;
	color: white !important;
}

.form-button.default-button
{
	background: white;
	color: #011837;
	text-shadow: none;
}

.form-button.highlight-button
{
	background: #0099ff;
	text-shadow: 1px 1px 1px #449;
	color: white;
}

.form-button:before
{
	font-family: FontAwesome;
	margin-right: .25em;
	margin-left: -.25em;
	font-size: 1.2em;
}
.form-button.submit,
.form-button.cancel
{
	text-shadow: 0px 1px 1px #777;
}
.form-button.submit
{
	background: #00b359;
	color: white;
}

.form-button.submit:after
{
	content: "\f0a9";
}
.form-button:after
{
	font-family: FontAwesome;
	margin-left: .25em;
	font-size: 1.2em;
}



.form-button.cancel
{
	background: #ff3019;
	color: white;
}
.form-button.cancel:before
{
	content: "\f00d";
}

/***********Big Buttons ***************/

.big-button
{
	background: white;
	color: black;
	border: none;
	border-radius: 3px;
	padding: .75em 1.5em;
	line-height: 1em;
	display: inline-block;
	cursor: pointer;
}

.big-button.watch
{
	background: #00aaff !important;
	color: white !important;
}

.big-button.cart-button
{
	background: yellow;
}



/********** Action Buttons ***********/
.button-stack .action-button,
.button-stack .basic-button
{
	margin-bottom: .5em;
}
.action-button
{
	font-family: Helvetica;
	font-size: .8rem;
	font-weight: 600;
	background: #0099DD;
	color: white !important;
	white-space: nowrap;
	line-height: 1.8em;
	padding: 0 .5em 0 .5em;
	border: none;
	border-radius: 3px;
	display: inline-block;
	text-shadow: 0px 1px 1px #777 !important;
	cursor: pointer;
}
a.action-button, a.action-button:visited
{
	color: white;
}
.action-button:before
{
	font-family: FontAwesome;
	margin-right: .3em;
	line-height: 1em;
}

.action-button.rss:before
{
	content: "\f09e";
}

.action-button.edit:before
{
	content: "\f044";
}

.action-button.cancel
{
	background: #FF1919;
}
.action-button.cancel:before
{
	content: "\f00d";
}
.action-button.add:before
{
	content: "\f067";
}
.action-button.join:before
{
	content: "\f067";
}
.action-button.expand:before
{
	content: "\f078";
}
.action-button.back:before
{
	content: "\f0a8";
}
.action-button.submit
{
	background: #00CD3A;
	text-shadow: 1px 1px 2px #777;
}
.action-button.submit:before
{
	content: "\f00c";
}
.action-button.download:before
{
	content: "\f0ed";
}
.action-button.watch:before
{
	content: "\f090";
}

.action-button.lock:before
{
	content: "\f023";
}
.action-button.go:before
{
	content: "\f0a9";
}


div.radio-action-button
{
	font-family: Helvetica;
	font-size: .8rem;
	font-weight: 600;
	background: #0099DD;
	color: white;
	white-space: nowrap;
	line-height: 1em;
	padding: .3em 1em;
	border-radius: 3px;
	display: inline-block;
}

div.radio-action-button input[type="radio"]
{
	display: none;
}

div.radio-action-button input[type="radio"]+label
{
	cursor: pointer;
}

div.radio-action-button input[type="radio"]+label:before
{
	font-family: "FontAwesome";
	content: "\f096";
	margin-right: .25em;
	width: 1.2em;
}

div.radio-action-button input[type="radio"]:checked+label:before
{
	font-family: "FontAwesome";
	content: "\f046";
	margin-right: .25em;
}

/********** CTA Buttons ****************/

button.cta-button, a.cta-button, .cta-button
{
	background: #00b359;
	white-space: nowrap;
	padding: .75em 1em;
	font-size: 1rem;
	text-transform: uppercase;
	color: white;
	border-radius: .25rem;
	text-shadow: 0px 1px 1px #444;
	display: inline-block;
	cursor: pointer;
}


button.cta-button:disabled, a.cta-button.disabled, .cta-button.disabled
{
	background: #777;
	color: #555;
	text-shadow: none;
	cursor: inherit;
}
.cta-button.blue
{
	background: #09f !important;
}

/**********   Status Buttons  ************/
.status-button
{
  display: inline-block;	
  font-size: 1rem;
  padding: 0;
  text-align: left;
  line-height: 1.5em;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}

.status-button:before
{
  font-family: FontAwesome;
  content: "+";
  display: inline-block;
  margin-right: .25em;
}

.status-button.trial
{
  color: #FFB732;
}

.status-button.trial:before
{
  content: "\f252";
}


.status-button.active
{
  color: #2ECC40;
}

.status-button.active:before
{
  content: "\f058";
}

.status-button.cancelled
{
  color: #FF4136;
}

.status-button.cancelled:before
{
  content: "\f00d";
}


.status-button.expired
{
  color: #FFFFB2;
}

.status-button.expired:before
{
  content: "\f00d";
}

/******** Close Button *************/
a.close-button
{
	float: right;
	margin-right: .5rem;
	line-height: 1em;
	margin-top: .5rem;
	color: white;
	font-size: 1.5rem;
}



/********* Medium Button *************/
.medium-button, .medium-button:visited, .medium-button:hover
{
	display: inline-block;
	background: white;
	color: #444;
	line-height: 2.5em;
	white-space: nowrap;
	font-size: .9rem;
	padding: 0 1em;
	border-radius: 4px;
	font-weight: 600;
	text-shadow: 0px 1px 1px #777;
}

.medium-button.blue
{
	background: #09f !important;
	color: white !important;
}

.medium-button.green
{
	background: #65AC65;
	color: white;
}



button.medium-button:disabled, a.medium-button.disabled, .medium-button.disabled
{
	background: #777;
	color: #555;
	text-shadow: none;
	cursor: inherit;
}



button.basic-button, .basic-button, .basic-button:visited, .basic-button:hover
{
	display: inline-block;
	background: white;
	color: white;
	background: #444;
	text-align: center;
	white-space: nowrap;
	padding: 0 1em;
	border-radius: 3px;
	font-weight: 600;
	cursor: pointer;
	text-shadow: 0px 1px 0px #777;
}


button.basic-button.full-width, .basic-button.full-width
{
	display: block;
	width: 100%;
}
.basic-button i
{
  display: inline-block !important;
  line-height: inherit;
}

button.basic-button:disabled, a.basic-button.disabled, .basic-button.disabled
{
	background: #777 !important;
	color: #555 !important;
	text-shadow: none !important;
	cursor: inherit !important;
}

.basic-button.blue
{
	background: #09f !important;
	color: white !important;
}

.basic-button.clear,
.basic-button.clear.disabled
{
	background: transparent !important;
	border-color: transparent !important;
}

.basic-button.green
{
	background: #65AC65;
	color: white;
}

.basic-button.yellow
{
	background: #ffff8c;
	background: -moz-linear-gradient(top, #ffff8c 4%, #ffff00 100%);
	background: -webkit-linear-gradient(top, #ffff8c 4%,#ffff00 100%);
	background: linear-gradient(to bottom, #ffff8c 4%,#ffff00 100%);
	text-shadow: 0px 1px 1px #fff;
	color: black;
}

.basic-button.red
{
	background: red;
	color: white !important;
}

.basic-button.gray
{
	background: #444;
	border: 1px solid #777;
}
.large-button
{
	font-size: 1.1rem;
	line-height: 2.5em;
}
.medium-button
{
	font-size: .9rem;
	line-height: 2.5em;
}
.small-button
{
	line-height: 2.3em;
	font-size: .75rem;
}


.button-group-wrapper
{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0;
}
.button-group-wrapper.two a
{
  width: 49%;
}
.button-group-wrapper.two a:first-child
{
  margin-right: 2%;
}




/******** Badge Buttons *********/
/*****************************************/
			
button.badge-button,
a.badge-button,
.badge-button
{
	background: none;
	line-height: 1.4em;
	font-size: 1rem;
	color: #0099ff;
	font-size: .6rem;
	display: inline-block;
	outline: none;
}

button.badge-button,
a.badge-button
{
	cursor: pointer;
	transition: transform .1s;
}
.badge-button:active
{
	outline: none;
	text-shadow: 0px 0px 20px white;
}

button.badge-button:disabled,
button.badge-button:disabled:hover,
a.badge-button.disabled,
a.badge-button.disabled:hover,
.badge-button.disabled,
.badge-button.disabled:hover
{
	color: red;
	cursor: inherit;
	transition: none;
	transform: none;
	
}

button.badge-button.red,
button.badge-button.red:hover,
a.badge-button.red,
a.badge-button.red:hover,
.badge-button.red,
.badge-button.red:hover
{	
	color: red;
}
button.badge-button.delete,
a.badge-button.delete,
.badge-button.delete
{
	color: red;
}
button.badge-button.large,
a.badge-button.large,
.badge-button.large
{
	font-size: 1rem;
}

button.badge-button.huge,
a.badge-button.huge,
.badge-button.huge
{
	font-size: 1.5rem;
}

button.badge-button i.base-icon,
a.badge-button i.base-icon,
.badge-button i.base-icon
{
	text-shadow: 0px 0px 10px #000;
}

.badge-button.green i.base-icon
{
	color: #2ff065;
}


button.badge-button:hover,
a.badge-button:hover
{
	transform: scale(1.5);
}



button.badge-button.gray,
button.badge-button.gray:hover,
a.badge-button.gray,
a.badge-button.gray:hover,
.badge-button.gray,
.badge-button.gray:hover 
{
	color: #888;
}


.badge-button.gray i.fa-inverse 
{
	color: #ccc;
}


/********* Sidebar List *************/
ul.sidebarList {
	list-style: none;
	margin:0;
	padding:0
}
ul.sidebarList
li {
	margin-bottom: .5rem;
	border-bottom:1px solid #555;
	padding-bottom: .5rem
}
ul.sidebarList
a.sidebarListItemTitle {
	font-size: .8rem;
	display:block;
	line-height: 1.1em;
}

ul.sidebarList
span.sidebarListItemDate {
	font-size: .7rem;
	font-weight:600;
	color:#999;
	display:block
}
.listHeader
{
	border-bottom: 4px solid white;
	margin-bottom: 1rem;
}

/********* Sidebar Filters Styles *************/
#Container .mix {
	display: none;
}

ul.mix-filters
{
	padding: 0;
	margin: 0;
}

ul.mix-filters li
{
	list-style: none;
	border: 2px solid white;
	padding: .15rem 1rem;
	font-size: .8rem;
	display: inline-block;
	margin-bottom: .5rem;
	color: white;
	border-radius: 1rem;
	line-height: 1rem !important;
}

ul.mix-filters li.active
{
	background: white;
	color: black;
}

ul.mix-filters
{
	margin-bottom: 1rem !important;
	border-bottom: 2px solid white;
}

ul.sidebar-filters
{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.sidebar-filters li {
	margin-bottom: .5rem;
	line-height:1.4em;
	cursor:pointer;
	font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Sans-Serif !important;
	text-transform:uppercase;
	font-size: .8rem;
	font-weight: 600;
	padding: .25rem .5rem;
	float:left;
	clear:both
}
ul.sidebar-filters li.active
{
	background: white;
	color: black;
}

ul.sidebar-filters.top
{
	margin: 0 auto;
	float: right;
	margin-bottom: 1rem;
}

ul.sidebar-filters.top li
{
	float: left !important;
	width: auto !important;
	clear: none !important;
}


/* Sidebar filter tree */

ul.sidebar-filter-tree {
	padding: 0;
	margin:0;
}
ul.sidebar-filter-tree
li {
	margin-bottom: .5em;
	line-height:1.2em;
	cursor:pointer;
	font-family:"Open Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Sans-Serif !important;
	font-size:1rem;
	font-weight:600;
	list-style:none;
}
ul.sidebar-filter-tree
li a
{
	color: #ccc;
}
ul.sidebar-filter-tree
li a.active {
	color: white;
	font-weight:900;
}
ul.sidebar-filter-tree > li {
	list-style: none;
	margin-top:1rem;
	text-transform:uppercase;
}
ul.sidebar-filter-tree > li:first-child {
	margin-top: 0;
}


ul.sidebar-filter-tree > li ul
{
	margin-left: 0px;
	margin-top: .5rem;
	 padding: 0;
}
ul.sidebar-filter-tree > li > ul > li {
	margin-left: 1rem;
	font-size: .9em;
	text-transform: none;
}
ul.sidebar-filter-tree > li > ul > li > ul > li {
	margin-left: 2rem;
	font-size: .8em;
}

/***********************************************
/***********************************************
		Major Functional Widgets
/***********************************************
***********************************************/

/********* Channel Search Controls & Widget *************/
.row#controls_row {
	margin-bottom: 1rem;
}



/*******   Image Block ****************/
.image-block-wrapper
{
	position: relative;
	float: none;
}


/* The Icons */
.image-block-wrapper .image-block-fav-wrapper
{
	float: none;
	position: absolute;
	transform: translateY(-25%) translateX(-25%);
}

.image-block-wrapper .image-block-play-icon-wrapper
{
	float: none;
	position: absolute;
	right: 0;
	text-align: right;
	transform: translateY(-100%);
}

.image-block-wrapper .image-block-image
{
	width: 100%;
	border: 1px solid #555;
}
.image-block-wrapper .image-block-image img
{
	width: 100%;
}

.image-block-caption-wrapper
{
	float: none;
	text-align: center;
}

.image-block-caption
{	
	font-family: Helvetica, Arial, Sans-serif;
	font-size: .75rem;
	line-height: 1.2em;
	text-align: center;
	margin-top: .25rem;
}

ul.image-block-difficulty-icons
{
	margin: .25rem 0 0 0;
	padding: 0;
	font-size: .6rem;
	text-align: center;
}
ul.image-block-difficulty-icons li
{
	list-style: none;
	display: inline-block;
	padding: 0;
	margin: 0 -.25em 0 0;
	line-height: 1em;
	color: #565656;
}
ul.image-block-difficulty-icons li i.fa-inverse
{
	color: #888;
	font-weight: bold;
	font-family: Georgia;
}

ul.image-block-difficulty-icons.Beginner li.beginner,
ul.image-block-difficulty-icons.Intermediate li.intermediate,
ul.image-block-difficulty-icons.Advanced li.advanced
{
	color: #eee;
}
ul.image-block-difficulty-icons.Beginner li.beginner i.fa-inverse,
ul.image-block-difficulty-icons.Intermediate li.intermediate i.fa-inverse,
ul.image-block-difficulty-icons.Advanced li.advanced i.fa-inverse
{
	color: #222;
}


/******* Regular Difficulty Icons ****************/
ul.difficulty-icons
{
	margin: .5rem 0;
	padding: 0;
	font-size: .6rem;
}
ul.difficulty-icons li
{
	list-style: none;
	display: inline-block;
	padding: 0;
	margin: 0 -.25em 0 0;
	line-height: 1em;
	color: #888;
}
ul.difficulty-icons li i.fa-inverse
{
	color: #444;
	font-weight: bold;
	font-family: Georgia, serif;
}

ul.difficulty-icons.Beginner li.beginner,
ul.difficulty-icons.Intermediate li.intermediate,
ul.difficulty-icons.Advanced li.advanced
{
	color: white;
}
ul.difficulty-icons.Beginner li.beginner i.fa-inverse,
ul.difficulty-icons.Intermediate li.intermediate i.fa-inverse,
ul.difficulty-icons.Advanced li.advanced i.fa-inverse
{
	color: black;
}


/*********** New Difficulty Icon List ************/
div.skill-icon-list-wrapper
{
	margin-bottom: 1rem;
}
ul.skill-icon-list
{
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: .65rem;
  text-transform: uppercase;
  white-space: nowrap;
  display: inline-block;
  background: #444;
  border-radius: 1em;
  border: 1px solid #666666;
}

ul.skill-icon-list li
{
  color: #565656;
  font-weight: 900;
  line-height: 2em;
  display: inline-block;
  margin: 0;
  padding: 0 .5em;
}


ul.skill-icon-list li:before
{
	font-family: FontAwesome;
	content: "\f14a";
	margin-right: .25em;
}
ul.skill-icon-list li:first-child
{
  padding-left: 1em;
}
ul.skill-icon-list li:last-child
{
  padding-right: 1em;
}

ul.skill-icon-list.Advanced li.advanced-icon,
ul.skill-icon-list.Intermediate li.intermediate-icon,
ul.skill-icon-list.Beginner li.beginner-icon
{
  color: white;
  border-color: #bbb;
}

/********* Audio Player Stuff  *************/

.row-audio-preview-player
{   
	width: 80%;
	max-width: 400px;
	margin: 0 auto;
}
.row-audio-preview-player .mejs__container
{
	background: #555;
	border-radius: 1.5em;
	transform: scale(125%);
}

.row-audio-preview-player .mejs__container .mejs__controls
{
	background: none;
}

/********************************************/

/********* Thumbnail Image List ***************/
.thumb-item
{ 
	text-align: center;
}

.thumb-item span.thumb-item-caption
{
	display: block;
	text-align: center;
	font-size: .75rem;
	margin-top: .25rem;
	line-height: 1.2em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}
.thumb-item-image-wrapper
{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 2px solid #555;
}

.thumb-item-image-wrapper i
{
	font-size: 3rem;
	color: white;
	line-height: 1em;
	text-shadow: 0px 0px 20px #000;
	
	padding: 2rem 1rem;
}

.thumbnail-item-wrapper
{
	position: relative;
}
.thumbnail-item-wrapper.dark
{
	background: #444;
	box-shadow: 1px 1px 3px #000;
	border: 1px solid #555;
}
.thumbnail-item-wrapper .thumbnail-item-image
{
	border: 1px solid #555;
	position: relative;
	margin: 1px;
}
.thumbnail-item-wrapper.dark .thumbnail-item-image
{
	margin: 0;
	border: none;
}

.thumbnail-item-image img
{
	width: 100%;
}

.thumbnail-item-duration
{
	display: inherit !important;
	font-size: .7rem;
	line-height: 1.25em;
	float: right;
	background: black;
	position: relative;
	right: 0;
	top: -1.25em;
	color: white;
	padding: 0 .25em;
}

.thumbnail-item-wrapper .thumbnail-item-caption
{
	text-align: center;
	font-size: .75rem;
	line-height: 1.25em;
	min-height: 4rem;
	padding: .5em;
	border-top: 1px solid #555;
}

.thumbnail-item-wrapper .thumbnail-item-title
{
	font-size: 1em;
	line-height: 1.2em;
	margin-bottom: .25em;
	text-align: center;
}

.thumbnail-item-wrapper.video .thumbnail-item-image:after,
.thumbnail-item-wrapper.audio .thumbnail-item-image:after
{
	font-family: FontAwesome;
	content: '\f01d';
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	font-size: 3rem;
	line-height: 1em;
	color: white;
	top: 50%;
	transform: translateY(-50%);
	text-shadow: 0px 0px 10px #111;
	opacity: .9;
	left: 0;
	pointer-events: none;
}

.thumbnail-item-wrapper.video.future .thumbnail-item-image:after,
.thumbnail-item-wrapper.audio.future .thumbnail-item-image:after
{
	content: "\f023" !important;
}

.thumbnail-item-wrapper.video.future .thumbnail-item-image img
{
	filter: brightness(.5);
}


.thumbnail-item-wrapper.light
{
	background: white;
	padding: 5px;
	box-shadow: 1px 1px 3px #999;
}

.thumbnail-item-date
{
	font-size: .9em;
	text-align: center;
	letter-spacing: .05em;
	color: #aaa;
}


.audio-preview 
{
	display: inline-block;
	font-size: .8rem;
	background: #444;
	text-align: center;
	color: white;
	position: relative;
	width: auto;
	border: 1px solid #555;
}

.audio-preview a 
{
	color: white;
	line-height: 2.25em;
	white-space: nowrap;
	padding: 0 .75em;
	position: relative;
	display: block;
}

.audio-preview a:active
{
	color: #00aaff;
}
.audio-preview a:before 
{
	font-family: "FontAwesome";
	content: "\f04b";
	margin-right: .5em;
}

.audio-preview.playing, .audio-preview:hover 
{
	background: #555 !important;
	color: white
}

.audio-preview.playing a:before 
{
	content: "\f04c";
}

.audio-preview .progress-bar 
{
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	pointer-events: none;
	background: #0af;
}

.course-block .audio-preview 
{
	border-radius: 4px;
	border: 1px solid #555;
	overflow: hidden;
	color: white;
	margin-top: .5rem;
}

.course-block .audio-preview.playing 
{
	width: 100%
}


.audio-preview-playlist-wrapper 
{
	width: auto;
	border: 1px solid #555;
	padding: 0;
	border-radius: 4px;
	display: inline-block;
	height: auto;
	min-height: auto;
	overflow: hidden;
	background: #444;
	margin-top: .5rem;
}

.audio-preview-playlist-wrapper.playing
{
	width: 100%;
	display: block;
	background: #333;
}
.audio-preview-playlist-wrapper a.audio-preview-playlist-toggle 
{
	color: white;
	line-height: 2em;
	font-size: .9rem;
	white-space: nowrap;
	padding: 0 .5em;
	display: block;
}

.audio-preview-playlist-wrapper.playing a.audio-preview-playlist-toggle
{
	border-bottom: 1px solid #555;
	background: #555;
}
.audio-preview-playlist-wrapper a.audio-preview-playlist-toggle:before 
{
	font-family: "FontAwesome";
	content: "\f028";
	margin-right: .5em;
}
.audio-preview-playlist-wrapper.playing a.audio-preview-playlist-toggle:before 
{
	content: "\f00d"
}

.audio-preview-playlist-wrapper .audio-preview 
{
	display: none;
	line-height: 2.25em;
	background: none !important;
	border: none;
	border-bottom: 1px solid #555; 
	position: relative;
	margin-top: 0px;
}

.audio-preview-playlist-wrapper.playing .audio-preview 
{
	border-radius: 0px !important;
	text-align: left;
	display: block;
	overflow: hidden;
}


.audio-preview-playlist-wrapper .audio-preview:last-child
{
	border-bottom: none;
}

.audio-preview-playlist-wrapper .audio-preview:last-child .progress-bar 
{
	border-radius: 0 0 0 4px;
}

.thumbnail-item-wrapper .audio-preview
{
	display: block;
	background: #333;
	border: none;
	border-top: 1px solid #555;
}

.thumbnail-item-wrapper .audio-preview a
{
	font-size: .8rem;
}


/************ Horizontal Card Items *******************/

.card-item-wrapper
{
	background: #444;
	text-align: left;
	padding: .5rem;
	border: 1px solid #555;
	box-shadow: 1px 1px 3px #000;
}

.card-item-wrapper.light
{
	box-shadow: 1px 1px 3px #000;
}
.card-item-title
{
	font-family: Oswald, "Open Sans", Helvetica, Sans-Serif;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: .03em;
	line-height: 1.4em;
	margin: 0 0 .5em 0;
}

.card-item-image
{
	margin-top: .25em;
	border: 1px solid #606060;
	width: 100%;
}

.card-item-excerpt
{
	font-size: .9em;
}
.card-item-date
{
	font-size: .7em;
	color: #aaa;
}


/************ Rollover Image With Caption *************/

.rollover-image
{
	position: relative;
	border: 1px solid #555;
}
.rollover-image .rollover-image-caption-mask
{
	opacity: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 1.2em;
	background: rgba( 40, 40, 40, .98);
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}

.rollover-image:hover .rollover-image-caption-mask
{
	opacity: 1;
}
.rollover-image .rollover-image-caption-mask .rollover-image-caption
{
	position: absolute;
	padding: 1rem;
	color: white;
	font-size: 1.2rem;
	  top: 50%;
	  transform: translateY(-50%);

}

/***********************************************
/***********************************************
			Minor Functional Widgets
/***********************************************
***********************************************/

/********* Sharing Widgets *************/
ul.share-widgets
{
	width: 100%;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

ul.share-widgets li
{
	float: left;
	margin-right: 1rem;
	padding: .5rem 0 .5rem 0;
}

a.share-link, a.comment-link {
	color: white !important;
}
input.share-link.hidden {
	display: none;
}

input.share-link
{
	width: auto;
	display: inline;
	height: 1.5rem;
	padding: 0 .2rem 0 .3rem;
	margin: 0;
	background: #444;
	border: 1px solid #999;
	color: #ccc;
	font-family: Inconsolata, "Courier New", Courier, monospace;
}

input.share-link:focus
{
	background: #333;
	color: white;
}

/********* TOC *************/
#toc
{
	padding: 1rem;
	background: rgba( 200, 200, 200, .1);
}

#toc ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#toc ul li a
{
	color: #ccc;
	text-shadow: 0px 1px 1px #000;
	font-weight: 400;
}

#toc ul li.toc-h2:first-child {
	margin-top: 0px !important;
}

#toc ul li.toc-h2
{
	font-family: Oswald, "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Sans-Serif !important;
	text-transform: uppercase;
	margin-top: 1rem;
}

#toc ul li.toc-h3
{
	font-size: .9rem;
	color: #999;
}

#toc ul li.toc-active a {
	color: white;
}

#toc ul > li.toc-h3 a:before
{
	font-family: FontAwesome;
	content: "\f0da";
	margin-left: .25rem;
	margin-right: .25rem;
	visibility: hidden;
}

#toc ul li.toc-h3.toc-active a:before {
	visibility: visible !important;
}

/********* Categories List Sidebar *************/
ul.nav_categories
{
	margin: 0;
	text-shadow: 0px 1px 1px #000 !important;
}

ul.nav_categories > li
{
	list-style: none;
	margin: 0;
	font-size: .9rem;
	margin-top: 0rem;
	line-height: 1.2rem;
	border-top: 1px solid #999;
	padding: .5rem 0rem;
	font-weight: 600;
	text-transform: uppercase;
}

ul.nav_categories li a
{
	color: #EEE;
	padding: .25em .5em;
	display: inline-block;
}

ul.nav_categories li a:hover {
	background: rgba( 255, 255, 255, .3);
}

ul.nav_categories li a.selected
{
	color: black;
	background: white;
	text-shadow: none;
	box-shadow: 1px 1px 2px #222;
}

ul.nav_categories li ul
{
	margin-top: .5rem;
	list-style: none;
	margin-left: .5rem;
}

ul.nav_categories li ul li
{
	font-family: 'Open Sans';
	text-transform: none;
	line-height: 1.1rem;
	margin-bottom: .25rem;
	font-size: .85rem;
}

.categories-wrapper
{
	
	border: 1px solid #aaa;
	border: 1px solid rgba( 255, 255, 255, .5);
	padding: .5rem .5rem .5rem .5rem;
	background: #333;
}


/********* Mixitup Tile Grid Styles *************/
#Container.tile-grid
{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.tiles
{
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none !important;
}

ul.tiles > li.tile
{
	padding: 0;
	border: 1px solid #555;
	width: 25%;
	float: left;
	height: 9em;
}

ul.tiles.courses > li.tile
{
	width: 12rem;
	height: 16rem;
	margin-right: 1rem;
	margin-bottom: 1rem;
	border: 1px solid #777;
	background-size: cover !important;
}

ul.tiles li .mask
{
	opacity: 0;
	background:rgba( 40, 40, 40, .99);
	-webkit-transition: opacity .3s;
   transition: opacity .3s;
}

ul.tiles li:hover .mask
{
	opacity: 1;
}

.course-tagline
{
	display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.2em;
	font-family: 'Oswald', 'Open Sans', Arial;
	line-height: 1.4em;
	color: white;
}

.category-heading {

	text-align:center;
	width:100%;
	color:white;
	font-size: .9rem;
}


/********* Mixitup Card Grid **************/
#Container.card-list
{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
ul.no-clear > li
{
	clear: none !important;
}

/********* Channel Index Page *************/
table.channel-index-list * {
	background: none !important;
}

table.channel-index-list
{
	margin: 0 auto;
	background: none;
	border: none;
	color: white !important;
}

table.channel-index-list th
{
	color: white;
	font-family: Oswald, "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Sans-Serif !important;
	text-transform: uppercase;
	font-weight: 900;
}

table.channel-index-list a.index-item-title
{
	font-family: Oswald, "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Sans-Serif !important;
	font-weight: 500;
	text-transform: uppercase;
	font-size: .9rem;
	letter-spacing: .03rem;
}

table.channel-index-list span.index-item-date {
	color: white;
}

table.channel-index-list tr
{
	border-bottom: 1px solid #555;
	background: rgba( 255, 255, 255, .1);
}

/***********************************************
/***********************************************
			Tables
/***********************************************
***********************************************/

/********* General Table Styles *************/

table tbody, table thead,table tbody tr:nth-child(even), table tbody tr:nth-child(odd)
{
	background: none;
	border: none;
}
table thead {
	border-bottom: 1px solid white;
}
table tbody tr {
	border-bottom: 1px solid #999;
}

table th
{
	text-transform: uppercase;
	font-weight: 600;
	padding-bottom: .5rem;
	background: none;
}

table td,
table th {
	padding: .5rem 1rem;
}
table td.stretch {
	width: 90%;
}

table.full-width
{
	width: 100%;
}

table.bordered
{
	background: #444;
	border: 1px solid #555;
	border-collapse: collapse;
	line-height: 1.2em;
}

table.column-borders td,
table.column-borders th
{
  border: 1px solid #555;
}

table.compact td,
table.compact th
{
	padding: .5rem;
}

table.bordered tr
{
	border-bottom: 1px solid #555 !important;
}
.overflow-table-wrapper
{
	height: 200px;
	overflow: auto;
	border: 1px solid #555;
	padding: 0;
	margin: 0;
}


/********* Feature Comparison Tables ***************/
table.compare-table
{
	background: #444;
	border: 1px solid #555;
	border-collapse: collapse;
	font-size: .9rem;
	color: white;
}

table.compare-table td
{
	border: 1px solid #555;
	text-align: center;
	line-height: 1.1em;
	color: white;
}

table.column-borders td,
table.column-borders th,
{
	border: 1px solid #555;
}
table.bordered tr.table-header
{
	background: #555;
	font-weight: 900;
	color: white;
	font-family: Oswald, Open Sans, Sans-serif;
	text-transform: uppercase;
	font-size: .9rem;   
}
table.bordered tr.table-header td
{
	border-color: #777;
}
table.compare-table tr.table-section-heading
{
	background: #333;
	line-height: 1em;
	color: #999;
}

table.compare-table tr td:nth-child(1)
{
	text-align: left;
}

table.compare-table tr td:nth-child(2),
table.compare-table tr td:nth-child(3)
{
	padding-left: .5em;
	padding-right: .5em;
}

/***********************************************
/***********************************************
		Misc Styles
/***********************************************
***********************************************/

/********* Template Debugging *************/
.ee-debugger
{
	color: black !important;
}
/********* Misc *************/
.full-page-row
{
	background: #222;
	clear: both;
	border-bottom: 1px solid #555;
	border-top: 1px solid #555;
	margin-bottom: -1px;
	position: relative;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.full-page-row:nth-child(odd)
{
	background: none;
}

.full-page-row:nth-child(even)
{
	background: #222;
}
.full-page-row.even
{
	background: #111;
}

.full-page-row.woodshed,
.full-page-row.odd.woodshed,
.full-page-row.even.woodshed
{
	background: url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-Woodshed-BG.jpg") !important;
}


.full-page-row.stage,
.full-page-row.odd.stage,
.full-page-row.even.stage
{
	background: url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-Stage-BG.png") !important;
}

.full-page-row.oldtonezone,
.full-page-row.odd.oldtonezone,
.full-page-row.even.oldtonezone
{
	background: url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-OTZ-BG.png") top left !important;
}
.full-page-row.store,
.full-page-row.odd.store,
.full-page-row.even.store
{
	background: url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-Store-BG.jpg") !important;
}

.full-page-row.hq,
.full-page-row.odd.hq,
.full-page-row.even.hq
{
	background: url("https://cdn.texasbluesalley.com/styles/TXBA-Theme/backgrounds/TXBA-HQ-BG.png") center top !important;
}

.full-page-row.locals,
.full-page-row.odd.locals,
.full-page-row.even.locals
{
	background: url("https://txba-media.s3.amazonaws.com/styles/locals/SaloonDoors-Blue-XL.jpg") right top no-repeat !important;
	background-size: cover;
	
}
ul.size-1 li
{
	float: none;
	margin: 0 auto;
}

.flex-video {
	margin: 0 auto;
}
iframe {
	max-width: 99.9%;
}
a.toggle-layout-link {
	font-size: 1.2rem;
}
a.dark-link {
	color: #999;
}
a.dark-link:hover {
	color: white;
}
.fb_iframe_widget > span {
	margin-bottom: 3px;
}

iframe#fb-like-box
{
	background: white !important;
	border-radius: 5px;
	height: 70px !important;
}

.lyrics p
{
	font-family: "Nothing You Could Do", "Open Sans", Helvetica, sans-serif !important;
	color: white;
	font-size: 1.2rem;
}

.handwriting
{
	font-family: "Nothing You Could Do", "Open Sans", Helvetica, sans-serif !important;
	text-transform: none !important;
}
.headline
{	
	font-family: Open Sans !important;
	color: orange !important;
	text-transform: none !important;
	max-width: 600px;
	margin: 0 auto;
}

.serif
{
	font-family: Georgia, serif;
}

.flipped
{
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.flipped mux-player::part(layer) 
{
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

a.icon-link
{
	font-family: FontAwesome;
	color: white;
	font-size: 1.2rem;
}

span.date
{
	font-family: Oswald, "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Sans-Serif !important;
	font-size: .9em;
	background: white;
	padding-left: .2rem;
	padding-right: .2rem;
	margin-left: .1rem;
	margin-right: .1rem;
	color: black;
}

.compact
{
	font-size: .8rem;
	line-height: 1.1rem;
}

span.spacer
{
	padding-left: 1rem;
	padding-right: 1rem;
}

span.promo-code
{
	font-family: Courier;
	font-weight: bold;
	background: #DDD;
	color: black;
	font-size: .8rem;
	line-height: 1.2rem;
	padding: 0 .25rem;
	display: inline-block;
}

span.info-icon
{
	color: #00DDFF;
	text-shadow: 1px 1px 0px #444;
	cursor: help !important;
}

span.listTagline
{
	display: block;
	font-weight: 400;
	font-size: 1.4rem;
	color: white !important;
	margin-bottom: 1rem;
}

.row.tight > .column-block
{
	padding: 0 .5em;
	margin-bottom: .5em;
}
.row.tight > .column,
.row.tight > .columns
{
	padding: 0 .5em;
}

.row.stacking > .columns
{
	padding-bottom: .5rem;
}


img.full-width
{
	width: 100%;
	box-sizing: border-box;
}
	

.fixed-width
{
	max-width: 30em;
	margin: 0 auto;
}

.section-label
{
	text-transform: uppercase;
	font-family: Oswald;
	font-size: .9rem;
	letter-spacing: .05em;
	white-space: nowrap;
	color: white;
}

.dark-pane
{
	background: #333;
}

.small-margin-bottom, .columns.small-margin-bottom
{
	margin-bottom: .5rem;
}
.small-margin-top, .columns.small-margin-top
{
	margin-bottom: .5rem;
}
.small-padding, .columns.small-padding
{
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.medium-padding, .columns.medium-padding
{
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}
.big-padding, .columns.big-padding, .large-padding, .columns.large-padding
{
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.double-big-padding, .columns.double-big-padding
{
	padding-top: 10rem;
	padding-bottom: 10rem;
}
.columns.masked
{
	background: rgba(0,0,0,.5);
}
.feature-row
{
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
}

.big-inner-shadow
{
	box-shadow: inset -10px -10px 100px black;
}

.row-pad
{
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

.row-v-pad
{
	padding-top: 0.9375rem;
	padding-bottom: 0.9375rem;
}



.plain-overflow-wrapper
{
	overflow: auto;
	max-height: 600px;
}

/*****************************************
*************   Media Page Elements  ************
*****************************************/ 
ul.locals-features-list
{
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: .8rem;
}

ul.locals-features-list li
{
  display: inline-block;
  margin-left: .5rem;
}

ul.locals-features-list li.locals-feature:before
{
  font-family: FontAwesome;
  content: "\f058";
  margin-right: .25em;
  
}

.row.media-entry-header
{
  background: #333;
  padding-top: .5em;
  padding-bottom: .5em;
  border-bottom: 1px solid #444;
}

.row#page-nav-controls
{
  padding-bottom: .25em;
}

a.entry-link
{
  background: #333;
  font-size: .7rem;
  padding: 0 .5em;
  border: 1px solid #555;
  line-height: 2em;
  display: inline-block;
  position: relative;
  top: -.5em;
}

a.entry-link.next
{
  border-right: none;
}

a.entry-link.prev
{
  border-left: none;
}


/******* Testimonials *************/

.testimonial-text p
{
	color: white;
	font-style: oblique !important;
  line-height: 1.3em;
  font-style: inherit;
}

.testimonial-wrapper
{
}




/********** Course Includes **********/
ul.course-includes-list
{
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 1rem;
}
ul.course-includes-list li
{
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
  padding: .5em 1em;
  margin: .25em 0;
  background: #333;
  border-radius: 4px;
  border: 1px solid #444;
  color: #777;
}

ul.course-includes-list li:before
{
  font-family: FontAwesome;
  content: "\f0c8";
  margin-right: .25em;
}


ul.course-includes-list.lesson-videos li.lesson-videos,
ul.course-includes-list.tablature li.tablature,
ul.course-includes-list.backing-track li.backing-track,
ul.course-includes-list.diagrams li.diagrams
{
  color: white;
  background: #555;
}

ul.course-includes-list.lesson-videos li.lesson-videos:before,
ul.course-includes-list.tablature li.tablature:before,
ul.course-includes-list.backing-track li.backing-track:before,
ul.course-includes-list.diagrams li.diagrams:before
{
  content: "\f14a"; 
}



/********* Stuck Element *************/
.is-sticky .stuck {
	top: 3rem !important;
}

/********* Countdown Styles *************/
.row.countdown-row {
	background: rgba( 0, 0, 0, .5);
}
.cntSeparator {
	font-size: 4rem;
}

#counter
{
	display: inline-block;
	margin: 0 auto;
	padding: 1rem;
}

.row.no-padding,
.row.no-padding > .columns {
	padding: 0 !important;
}

/*********** Cloud Style List *************/

ul.cloud-list
{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.cloud-list > li
{
  display: inline-block;
  margin: .125em .125em .125em 0;
}


.cloud-list.buttons li
{
  background: #444;
  line-height: 1.8em;
  padding: 0 .5em;
  border: 1px solid #555;
  border-radius: 3px;
}




/******** Subs List ****************/
ul.subs-list
{
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
}

ul.subs-list li
{
	display: inline-block;
	margin: .25em;
	color: #333;
	background: #555;
	height: 8em;
	width: 8em;
	font-size: 1rem;
	text-align: center;
	border-radius: 53%;
	vertical-align: top;
}

ul.subs-list li div.sub-wrapper
{
	position: relative;
	margin: 0 1rem;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
}

ul.subs-list li#free div.sub-title
{
	font-family: Oswald;
	font-size: 1.2em;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: .05em;
}

ul.subs-list li div.sub-item-header
{
	font-family: Oswald;
}

ul.subs-list li div.sub-item-locals
{
	font-family: Oswald;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 1.4em;
	line-height: 1.3em;
	letter-spacing: .05em;
}

ul.subs-list li div.sub-item-lower
{
	font-family: Georgia;
	line-height: 1em;
	padding-top: .5em;
	font-weight: 400;
}

ul.subs-list li.active
{
	background: #fff;
	color: #0C344A;
}
ul.subs-list li.canceled
{
	background: red;
	color: white;
}

/* Small Subs List */
ul.subs-list.small li
{
	font-size: .5rem;
	width: 6em;
	height: 6em;
}
ul.subs-list.small li .sub-wrapper
{
	margin: 0;
}
ul.subs-list.small li .sub-item-header
{
	font-size: 1.4em;
	margin-top: 0;
}
ul.subs-list.small li .sub-item-locals
{
	font-size: 1.5em;
}


/* Special styles for Locals banner */

ul.subs-list.header
li {
	background: rgba( 255, 255, 255, .85);
	color:#3A302C !important;
	margin:0;
	width:9em;
	height:9em;
	font-size: .7rem;
	box-shadow:0px 0px 15px #111
}
ul.subs-list.header li div.sub-item-header {
	font-size: 1.2em
}
ul.subs-list.header li div.sub-item-locals {
	font-family: Oswald;
	text-transform:uppercase;
	font-weight:900;
	font-size:1.9em;
	line-height:1.2em;
	letter-spacing: .03em
}


/************ Post Styles ****************/
.post-body
{
}

.post-image
{
	text-align: center;
}

.post-image img
{
	border: 1px solid #555;
}
.post-image.full-width img,
.post-video.full-width img
{
	max-width: 100%;
	border: 1px solid #555;
}

.post-image .post-image-caption
{
	text-align: center;
	font-size: .7rem;
	line-height: 1.4em;
	padding: .5em;
	color: #ddd;
}

.right-thumb
{
	float: right;
	margin-left: 1rem;
	margin-bottom: 1rem;
	width: 40%;
}

.left-thumb
{
	float: left;
	margin-right: 1rem;
	margin-bottom: 1rem;
	width: 40%;

}

.small-right-thumb
{
	float: right;
	width: 30%;
	margin-left: 1em;
	max-width: 200px;
}
.post-video.right-thumb, .post-video.left-thumb
{
	width: 60%;
}
.right.float-margin
{
	margin: 0 0 1rem 1rem;
}
.left-float-margin
{
	margin: 0 1rem 1rem 0;
}
.right
{
	float: right;
}

.left
{
	float: left;
}
.one-third
{
	width: 33%;
}

.two-thirds
{
	width: 66%;
}
.right-half, .right.half
{
	float: right;
	width: 50%;
	margin: 0 0 1rem 2rem;
}

.left-half, .left.half
{
	float: left;
	width: 50%;
	margin: 0 1rem 1rem 0;
}

.sixty,
.post-image.sixty,
.post-video.sixty,
.post-gallery.sixty
{
	width: 58.333% !important;
}

.post-image.full-width, .post-video.full-width
{
	clear: both;
	margin-bottom: 1rem;
}

.post-video img
{
	border: 1px solid #555;
}
.post-video a
{
	position: relative;
	height: 100%;
	width: 100%;
	display: block;
}
.post-video a:after
{
	font-family: FontAwesome;
	content: '\f01d';
	display: block;
	font-size: 5rem;
	text-shadow: 1px 1px 1px #000;
	color: white;
	text-align: center;
	position: absolute;
	  top: 50%;
	width: 100%;
	  transform: translateY(-50%);
}

.post-gallery.right-gallery
{
	float: right;
	margin-left: 1rem;
	margin-bottom: rem;
	width: 50%;
}

.post-gallery.left-gallery
{
	float: left;
	margin-right: 1rem;
	margin-bottom: rem;
	width: 50%;
}

.post-gallery.full-gallery
{
  clear: both;
  width: 100%;
}


.post-gallery .post-image img
{
  width: 100%;
}

.post-gallery ul li img
{
	width: 100%;
	border: 1px solid #555;
}

.floating-block.right-block
{
	float: right;
	margin-left: 1rem;
	margin-bottom: 1rem;
}

.floating-block.left-block
{
	float: left;
	margin-right: 1rem;
	margin-bottom: 1rem;
}

.one-quarter
{
	width: 25%;
}

.one-half
{
	width: 50%;
}

.one-third
{
	width: 33.334%;
}

.two-thirds
{
	width: 66.667%;
}
.three-quarters
{
	width: 75%;
}

.background-black
{
	background: black;
}

.background-dark-gray
{
	background: #222;
}

.background-medium-gray
{
	background: #444;
}

.background-light-gray
{
	background: #555;
}

.background-white
{
	background: white;
}
.faq-block ul
{
	margin: 0;
	list-style: none;
	padding: 0;
}
.faq-block ul li:nth-child(odd)
{
	font-weight: 700;
	color: white;
	font-size: 1.2rem;
	background: #444;
	padding: .5rem 1rem 0 1rem;
}

.faq-block ul li:nth-child(even)
{
	margin-bottom: 1rem;
	background: #444;
	padding: 0 1rem .5rem 1rem;
}
/************************************/

/*****************************************
*************   Tab Overrides  ************
*****************************************/


ul.tabs, ul.tabs li a, ul.tabs li a:hover, ul.tabs li.is-active a, .tabs-content
{
	background: none;
	border: none;
	color: white;
}

ul.tabs > li > a,
ul.tabs > li > a:hover
{
	font-family: Oswald;
	font-size: .8rem;
	letter-spacing: .03em;
	text-transform: uppercase;
	outline: none;
	background: #262626;
	background: -moz-linear-gradient(top, #262626 89%, #222222 100%);
	background: -webkit-linear-gradient(top, #262626 89%,#222222 100%);
	background: linear-gradient(to bottom, #262626 89%,#222222 100%);
	position: relative;
	border-radius: .5em .5em 0 0;
	margin: 0 .15em;
	outline: none;
	
}

ul.tabs > li.is-active > a,
ul.tabs > li.is-active > a:hover
{
	background: #444;
	outline: none;
}

ul.tabs > li.tabs-title:first-child > a
{
  margin-left: 0;
}
ul.tabs > li.tabs-title:last-child > a
{
  margin-right: 0;
}

ul.tabs.three-items > li.tabs-title
{
	width: 33.33%;
	text-align: center;
}


.tabs-content
{
	background: #444;
}

.tabs-panel.no-padding
{
	padding: 0px;
}
ul.tabs.centered
{
	text-align: center;
}

ul.tabs.centered li.tabs-title
{
	float: none;
	display: inline-block;
}
ul.tabs li.tabs-title > a
{
	font-size: .85rem;
}

ul.tabs li.tabs-title > a i
{
	font-size: 1.3em;
	margin-right: .25em;
}

ul.tabs li.tabs-title.narrow > a
{
	padding-left: .5rem;
	padding-right: .5rem;
}


/******* Short Tabs ***********/
ul.tabs.short-tabs
{
}

ul.tabs.short-tabs > li > a
{
	font-family: inherit;
	line-height: 1em;
	white-space: nowrap;
	padding: 1em 1em;
	font-size: .85rem;
	text-transform: none;
	color: #0af;
	font-weight: 600;	 
}

ul.tabs.short-tabs > li.is-active > a
{
	color: white;
	font-weight: 700;
	background: #444;
}

ul.tabs.video-tabs > li > a:before
{
	font-family: FontAwesome;
	content: "\f16a";
	display: inline-block;
	font-size: 1.33em;
	margin-right: .25em;
	position: relative;
	top: .12rem;
	
}
ul.tabs.video-tabs > li.is-active > a:before
{
	content: "\f16a";
}


ul.tabs.lighter > li > a
{
	background: #363636;
}
/************* End Tab Overrides **************/


/*****************************************
*************  Tab Column  ************
*****************************************/
.tab-columns h4.tab-column-title
{
	background: #444;
	text-align: center;
	display: block;
	margin: 0 auto;
	line-height: 1em;
	padding: 1em;
	text-transform: uppercase;
	font-size: 1.1rem;
}

.tab-columns .tab-column-content
{
	background: #333;
	padding: 1rem;
	font-size: .9rem;
}

/************** End Tab Columns **************/


/*****************************************
*************   Notifications  ************/

.notification-list
{
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}


.notification-list li
{
  padding: .5rem;
  margin: 0 0 .5rem 0;
  background: #333;
  border: 1px solid #555;
  border-radius: 4px;
  position: relative;
  font-weight: 600;
  font-size: .95rem;
  color: #ccc;
}
.notification-date
{
  font-size: .8rem;
  color: #999;
  
}

.notification-date.new
{
  color: lime;
}

.notification-list li a
{
	font-weight: 900;
}
.notification-title
{
  font-size: .85em;
  text-transform: uppercase;
  font-weight: 900;
  color: white;
}

.notification-body
{
  font-size: .85em;
  font-weight: 600;
  line-height: 1.2em;
}
.notification-body p
{
  margin-top: 0;
  margin-bottom: .25em;
}

.notification-body p:last-child
{
	margin-bottom: 0px;
}

/*****************************************/ 

/********** Fancybox Overrides *********/
.fancybox__slide .fancybox__content 
{
	background: #777;
	padding: 1px;
	color: #DDD;
}

.fancybox__backdrop
{
	background: rgba(0,0,0,.8);
}

.fancybox__slide.rounded .fancybox__content
{
	background: none;
	padding: none;
}

.fancybox__slide.rounded .fancybox__content iframe
{
	border: 1px solid #555;
	border-radius: 1rem;	
}
.fancybox__content#login-form
{
	background: transparent;
}
/*****************************************
*************    Email Signup Form  ************
*****************************************/

.ml-embedded.default-form-style .ml-form-embedContainer
{
	background: #444 !important;
	border: 1px solid #777 !important;
	border-radius: 4px !important;
}
.ml-embedded.default-form-style form .ml-input-horizontal
{
  width: 100% !important;
}

.ml-embedded.default-form-style .ml-form-horizontalRow .ml-input-horizontal .horizontal-fields
{
	padding-right: 5px !important;
	padding-left: 5px !important;
}

.ml-form-embedContainer form input,
.ml-form-embedContainer form input[type=text], 
.ml-form-embedContainer form input[type=text]:focus, 
.ml-form-embedContainer form input[type=email], 
.ml-form-embedContainer form input[type=email]:focus, 
.ml-form-embedContainer form input[type=password], 
.ml-form-embedContainer form input[type=search], 
.ml-form-embedContainer form input[type=password]:focus
{
	box-shadow: none !important;
	color: #404040 !important;
}

.ml-form-embedContainer form .ml-input-horizontal input
{
	width: 100% !important;
}

.ml-embedded.default-form-style form .ml-button-horizontal
{
	width: 100% !important; 
	margin-top: 1rem !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.ml-embedded.default-form-style .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button
{
	border: 1px solid #999 !important;
	font-family: Open Sans !important;
	font-weight: 600 !important;
}


.ml-embedded.default-form-style .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover
{
	background: #0099ff !important;
	border: 1px solid #ccc !important;
}
.ml-form-embedContainer form input:focus
{
	background: white !important;
}

/********* Tags Table *************/
table.tag-table
{
	width: auto;
	border: 1px solid #555;
	font-size: .8rem;
	border-spacing: 0px;
	background: #222;
}
table.tag-table td
{
	line-height: 1.5em;
	padding: .5em;
	border-bottom: 1px solid #555;
}
table.tag-table td.tag-category
{
	font-weight: 700;
}

a.mini-tag
{
	background: #333;
	padding: .25em .5em;
	font-size: .9em;
	border: 1px solid #555;
	border-radius: 3px;
	display: inline-block;
	margin-right: .25em;
	line-height: 1.4em;
}

/**********************
/****************** End Base CSS ********************/