/*
Theme Name: Ali
Author: Ali Jafarian
Author URI: http://alijafarian.com/
Description: Custom theme for Ali personal site, based off WP TwentySixteen.
Version: 1.0

/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	color: #333;
	font-family: 'Merriweather', arial, sans-serif;
	font-weight: 400;
	line-height: 1em;
}

/* =Fonts
------------------------------------------------------------------------ */
/*
@font-face {
	font-family: 'Proxima Nova Regular';
	src: url('fonts/ProximaNova-Regular.woff2');
	src: local('☺'), url('fonts/ProximaNova-Regular.woff') format('woff'), url('fonts/ProximaNova-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Light';
    src: url('fonts/ProximaNova-Light.woff2');
	src: local('☺'), url('fonts/ProximaNova-Light.woff') format('woff'), url('fonts/ProximaNova-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Bold';
    src: url('fonts/ProximaNova-Bold.woff2');
	src: local('☺'), url('fonts/ProximaNova-Bold.woff') format('woff'), url('fonts/ProximaNova-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}
*/

/* 01: Global
========================================================================================================================= */
h1, h2, h3, h4, h5, h6, p {margin-bottom: 20px;}
h1, h2, h3, h4, h5, h6 {letter-spacing: -0.025em; color: #000; line-height: 1.5;}
h3, h4, h5, h6 {font-weight: 700;}
h1 {font-size: 2.5em; letter-spacing: -2px;}
h2 {font-size: 2em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.2em;}
p {font-size: 1em; font-weight: 300; line-height: 1.6;}
p.headline {font-size: 1.5em; font-weight: 300; letter-spacing: -0.025em; color: #333;}
p.headline.small {font-size: 1.2em;}
p.headline.jumbo {font-size: 2em;}

a {
	word-wrap: break-word;
	color: #09c;
	text-decoration: none;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
a:hover {
	color: #000;
	text-decoration: underline;
}

blockquote {
	padding: 20px;
	margin: 0 0 30px;
	background: #f5f5f5;
	color: #999;
	font-size: 1.2em;
}
blockquote p {
	font-style: italic;
	color: #757575;
}
blockquote p:last-child {
	margin: 0;
}
blockquote.light {
	background: rgba(0, 0, 0, .25);
	color: #ccc;
	border-left-color: rgba(255, 255, 255, .25);
}
blockquote.light p {
	color: #999;
}
blockquote.quote-small {
	padding: 10px;
	font-size: .9em;
}

figure {
	max-width: 100%;
}
figcaption {
	padding: 15px;
	background: #f5f5f5;
	font-size: .85em;
	font-style: italic;
	line-height: 1.6;
}
strong {
	font-weight: 700;
}
sup {
	font-size: .7em;
}

code {
	display: inline-block;
	font-size: .75em;
	padding: 0 5px;
	background: #000;
	color: #fff;
}

pre {
	font-family: 'IBM Plex Mono', Courier, monospace;
	font-size: .8em;
	font-weight: 400;
	padding: 10px;
	margin: 0 0 20px;
}

hr {
	border-top-color: #ddd;
}
.hr-10 {
	margin: 10px 0;
}
.hr-15 {
	margin: 15px 0;
}
.hr-20 {
	margin: 20px 0;
}
.hr-30 {
	margin: 30px 0;
}
.hr-dark {
	border-top: 1px solid #036;
}
.hr-thin {
	border-top-width: 1px;
}
.hr-thick {
	border-top-width: 5px;
}
.hr-trans {
	border-top: 1px solid rgba(255, 255, 255, .25);
}
.hr-half {
	width: 50%;
	margin: 20px auto;
}
.hr-slim {
	width: 20%;
	margin: 20px 0;
}
.hr-slim-centered {
	width: 20%;
	margin: 20px auto;
}
.hr-spacer {
	border: none;
	margin: 30px 0;
}
.hr-mobile {
	display: none;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}
img.user-avatar {
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}
.story-image {
	margin: 0 0 20px;
}

iframe {
	max-width: 100%;
	margin: 0 0 20px;
}

.caps {
	text-transform: uppercase !important;
}
.capitalize {
	text-transform: capitalize !important;
}
.centered {
	text-align: center !important;
}
.clear {
	clear: both !important;
}
.bold {
	font-weight: bold !important;
}
.font-100 {
	font-weight: 100 !important;
}
.font-300 {
	font-weight: 300 !important;
}
.font-400 {
	font-weight: 400 !important;
}
.font-700 {
	font-weight: 700 !important;
}
.font-900 {
	font-weight: 900 !important;
}
.font-sans {
	font-family: 'Merriweather Sans';
}
.italic {
	font-style: italic;
}
.spaced-5 {
	letter-spacing: 5px;
}
.spaced-10 {
	letter-spacing: 10px;
}
.no-margin {
	margin: 0 !important;
}
.margin-b-10 {
	margin: 0 0 10px !important;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
.img-book {
	display: block;
	box-shadow: 0 0 10px rgba(0, 0, 0, .25);
	margin: 0 0 20px;
}
.alignnone,
.embed-static {
	margin: 0 0 20px;
}
.alignleft,
.embed-left {
	float: left;
	margin: 0 20px 10px 0;
}
.alignright,
.embed-right {
	float: right;
	margin: 0 0 10px 20px;
}
.embed-center {
	margin: 0 auto 20px;
}
.screenshot {
	padding: 5px;
	background: #eee;
}

.brand {
	font-weight: 700;
	letter-spacing: -0.025em;
}
.logo-icon {
	display: block;
	width: 100px;
	margin: 0 0 20px;
}

/* ----- colors ----- */
.color-black {color: #000 !important;}
.color-black-trans-25 {color: rgba(0, 0, 0, .25) !important;}
.color-black-trans-50 {color: rgba(0, 0, 0, .5) !important;}
.color-black-trans-75 {color: rgba(0, 0, 0, .75) !important;}

.color-white {color: #fff !important;}
.color-white-trans-25 {color: rgba(255, 255, 255, .25) !important;}
.color-white-trans-50 {color: rgba(255, 255, 255, .5) !important;}
.color-white-trans-75 {color: rgba(255, 255, 255, .75) !important;}

.color-grey {color: #999 !important;}

.color-blue {color: #37aee5 !important;}
.color-aqua {color: #1cdd89 !important;}
.color-green {color: #8ebf17 !important;}
.color-purple {color: #626cf2 !important;}
.color-lime {color: #a4e624 !important;}

.color-yellow {color: #fc0 !important;}
.color-orange {color: #f60 !important;}
.color-orange-medium {color: #f90 !important;}
.color-orange-light {color: #ffb400 !important;}
.color-orange-dark {color: #c30 !important;}
.color-red {color: #c00 !important;}

/* ----- icons ----- */
.dashicons,
.dashicons-before:before {
	width: auto;
	height: auto;
}
.icon-left {
	margin-right: 5px;
}
.icon-right {
	margin-left: 5px;
}
.icon-jumbo {
	display: block;
	font-size: 5em;
	line-height: 1;
	margin: 0 0 10px;
}
/* reset WP dashicon styles */
.dashicons {
	font-size: inherit !important;
	vertical-align: baseline;
}

/* ----- titles ----- */
.faq-question {
	position: relative;
	margin: 0 0 10px;
	padding-left: 25px; 
}
.faq-question i {
	position: absolute;
	top: 4px;
	left: 0;
}
.icon-title {
	position: relative;
	padding-left: 50px;
	line-height: 1.2;
}
.icon-title i {
	position: absolute;
	top: 4px;
	left: 0;
	width: 40px;
	height: 40px;
	text-align: center;
}
.title-podcast {
	font-family: 'Merriweather Sans';
}
.title-podcast .podcast-label {
	font-weight: 700;
}
.title-lined {
	padding-top: 10px;
	border-top: 1px solid;
}

/* ----- buttons ----- */
.btn {
	display: inline-block;
	padding: 12px 25px;
	font-family: 'Merriweather Sans';
	font-size: 1em;
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 1.2;
	border-radius: 0;
	border-width: 2px;
	text-decoration: none;
}
.btn.btn-default {
	background: none;
	color: #333;
	border: 2px solid rgba(0, 0, 0, .5);
}
.btn.btn-default:hover {
	background: #333;
	color: #fff;
	border-color: #333;
}
.btn.btn-primary {
	background: #000;
	color: #fff;
	border-color: #000;
}
.btn.btn-primary:hover {
	background: #666;
	border-color: #666;
}
.btn.btn-trans {
	background: none;
	color: #fff;
	border-color: #fff;
}
.btn.btn-trans:hover {
	background: #fff;
	color: #333;
	border-color: #fff;
}
.btn.btn-cta {
	background: #a4e624;
	color: #061721;
	border-color: #a4e624;
}
.btn.btn-cta:hover {
	background: #061721;
	color: #a4e624;
	border-color: #061721;
}
.btn.btn-cta-yellow {
	background: #fc0;
	color: #000;
	border-color: #fc0;
}
.btn.btn-cta-yellow:hover {
	background: #f60;
	color: #fff;
	border-color: #f60;
}
.btn.btn-orange {
	background: #f60;
	color: #fff;
	border-color: #f60;
}
.btn.btn-orange:hover {
	background: #c30;
	color: #fff;
	border-color: #c30;
}
.btn.btn-bordered {
	color: #78a500;
	border: 2px solid;
}
.btn.btn-bordered:hover {
	background: #78a500;
	color: #fff;
	border-color: #78a500;
}
.btn.btn-bordered-white {
	color: #fff;
	border: 2px solid rgba(255, 255, 255, .5);
}
.btn.btn-bordered-white:hover {
	background: #fff;
	color: #09c;
}
.btn.btn-blue {
	background: #09c;
	color: #fff;
}
.btn.btn-blue:hover {
	background: #069;
}
.btn.btn-white {
	background: #fff;
	color: #000;
}
.btn.btn-white:hover {
	background: #555;
	color: #fff;
}
.btn.btn-cancel {
	background: none;
	color: #666;
	border: 2px solid rgba(0, 0, 0, .1);
}
.btn.btn-cancel:hover {
	color: #333;
	border-color: #333;
}
/* animated buttons */
.btn.btn-animate i {
	opacity: 0;
	margin-left: -20px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.btn.btn-animate:hover i {
	opacity: 1.0;
	margin-left: 10px;
}
/* wired buttons */
.btn.btn-wire {
	padding: 0;
}
.btn.btn-wire .btn-text {
	display: inline-block;
	padding: 12px 25px;
	border-right: 1px solid;
}
.btn.btn-wire i {
	display: inline-block;
	padding: 12px 25px;
}
.btn.btn-wire.btn-sm .btn-text {
	display: inline-block;
	padding: 8px 15px;
	border-right: 1px solid;
}
.btn.btn-wire.btn-sm i {
	display: inline-block;
	padding: 8px 15px;
}
/* button sizes */
.btn-sm {
	font-size: .85em;
	padding: 8px 15px;
}
.btn-lg {
	font-size: 1.2em;
	padding: 15px 30px;
}
.btn-lg.btn-animate i {
	margin-left: -30px;
}
.btn-xl {
	font-size: 1.5em;
	padding: 20px 50px;
}

/* social buttons */
.btn.btn-facebook {
	padding: 10px 20px;
	background: #3a5795;
	color: #fff;
}
.btn.btn-facebook:hover {
	background: #1e3870;
}

/* ----- links ----- */
.link {
	display: inline-block;
}
.link-light {
	color: rgba(255, 255, 255, .5);
}
.link-light:hover {
	color: #fff;
}
.link-white {
	color: #fff;
}
.link-white:hover {
	color: #ccc;
}

/* ----- lists ----- */
ul,
ol {
	margin: 0 0 30px 30px;
}
ul li,
ol li {
	line-height: 1.6;
	margin: 0 0 10px;
}
ul li ul,
ul li ol,
ol li ul,
ol li ol {
	font-size: .9em;
	margin: 10px 0 20px 20px;
}
/* standard list */
.list-standard {
	list-style: square;
	margin: 0 0 20px 20px;
}
.list-standard li {
	margin: 0 0 10px;
}
/* check lists */
.list-checks {
	list-style: none;
	font-family: 'Merriweather Sans';
	margin: 0 0 20px;
}
.list-checks li {
	position: relative;
	padding: 0 0 0 35px;
	margin: 0 0 15px;
}
.list-checks li i {
	position: absolute;
	top: 3px;
	left: 0;
	width: 30px;
	font-size: 1.2em;
	text-align: center;
}
.list-checks.two-column li {
	display: inline-block;
	width: 48%;
}
.list-checks li i {
	color: #9c0;
}
/* inline lists */
.list-inline {
	list-style: none;
	margin: 0 0 20px;
}
.list-inline li {
	display: inline-block;
	margin: 0 30px 0 0;
}
/* icon lists */
.list-icon {
	list-style: none;
	font-family: 'Merriweather Sans';
	margin: 0 0 30px;
	color: #333;
}
.list-icon li {
	position: relative;
	padding: 0 0 0 40px;
	margin: 0 0 20px;
	line-height: 1.4;
}
.list-icon li i {
	position: absolute;
	top: 2px;
	left: 0;
	width: 30px;
	font-size: 1.2em;
	text-align: center;
}
.list-icon.icon-directory {
	padding-left: 10px;
	font-size: .85em;
	border-left: 1px dotted #ddd;
}
.list-icon.icon-directory li {
	padding: 5px 0 5px 25px;
	margin: 0;
}
.list-icon.icon-directory li.directory-highlight {
	background: #f4fae5;
}
.list-icon.icon-directory li i {
	top: 9px;
	width: 20px;
	padding: 0;
	border: none;
}
.list-icon.list-large li {
	padding: 15px 0 15px 57px;
	margin: 0;
}
.list-icon.list-large li i {
	top: 15px;
	width: 47px;
	font-size: 1.5em;
}
/* nav list */
.list-nav {
	font-family: 'Merriweather Sans';
	font-weight: 700;
	letter-spacing: -0.025em;
	list-style: none;
	margin: 0 0 30px; 
}
.list-nav li {
	border-top: 1px solid #ddd;
	margin: 0;
}
.list-nav li a {
	display: block;
	padding: 15px 0;
}
.list-nav li a:hover {
	padding-left: 10px;
	background: #f5f5f5;
}
.list-nav.nav-trans li {
	border-color: rgba(255, 255, 255, .1);
}
.list-nav.nav-trans li a {
	color: #fff;
}
.list-nav.nav-trans li a:hover {
	color: #000;
}
.list-nav.nav-with-icons li a {
	position: relative;
	padding-right: 40px;
}
.list-nav.nav-with-icons li a i {
	position: absolute;
	top: 20px;
	right: 10px;
	width: 30px;
	text-align: center;
}
/* step lists */
.list-steps {
	list-style: none;
	margin: 0 0 20px;
}
.list-steps li {
	position: relative;
	padding: 20px 0 20px 45px;
	margin: 0;
	border-top: 1px solid #ccc;
}
.list-steps li .list-number {
	position: absolute;
	top: 15px;
	left: 0;
	width: 32px;
	padding: 4px 0;
	background: #555;
	color: #fff;
	font-weight: 700;
	text-align: center;
	border-radius: 30px;
}
.list-steps.list-light {
	color: #fff;
}
.list-steps.list-light li {
	border-color: rgba(255, 255, 255, .1);
}
/* user lists */
.list-users {
	list-style: none;
	margin: 0 0 20px;
}
.list-users li {
	min-height: 70px;
	padding: 10px 0 10px 60px;
	border-top: 1px solid #cbdae4;
}
.list-users li:first-child {
	border-top: none;
}
.list-users li .user-avatar {
	top: 10px;
}

/* large lists */
.list-large {
	font-size: 1.2em;
}
.list-large li {
	margin: 0 0 20px;
}

/* ----- social ----- */
.social-nav {
	list-style: none;
	margin: 0;
}
.social-nav li {
	display: inline-block;
	margin: 0 5px 5px 0;
}
.social-nav li a {
	display: inline-block;
	line-height: 1;
	text-align: center;
	padding: 10px 0;
	width: 36px;
	background: #069;
	color: #fff;
	border-radius: 50px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.social-nav li a:hover {
	background: #09c;
}
.social-nav.nav-large {
	font-size: 1.5em;
}
.social-nav.nav-large li a {
	width: 60px;
	height: 60px;
	padding: 15px 0;
}
.social-nav.nav-block li {
	display: block;
	margin: 0 0 10px;
}
.social-nav.nav-block li a {
	display: block;
	width: 100%;
	height: auto;
	padding: 15px 20px;
	text-align: left;
}
.social-nav.nav-block li a i {
	margin-right: 10px;
}
.social-nav.nav-block li a .block-text {
	font-size: .85em;
}

.nav-social {
	list-style: none;
	font-size: 1em;
	padding: 10px;
	margin: 0 0 20px;
}
.nav-social li {
	display: inline-block;
	margin: 0 5px 0 0;
}
.nav-social li a {
	display: inline-block;
	line-height: 1;
	padding: 7px;
	color: #666;
	text-decoration: none;
	text-align: center;
}
.nav-social li.facebook a {
	color: #4c66a4;
}
.nav-social li.twitter a {
	color: #55acee;
}
.nav-social li.linkedin a {
	color: #0e7cb7;
}
.nav-social li a:hover {
	color: #000 !important;
}

/* ----- social share links ----- */
.share-links {
	list-style: none;
	font-size: 1em;
	margin: 0 0 20px;
}
.share-links li {
	display: inline-block;
	margin: 0;
}
.share-links li a {
	display: inline-block;
	vertical-align: top;
	padding: 12px 0;
	width: 50px;
	height: 50px;
	background: #000;
	color: #fff;
	text-align: center;
	border-radius: 50px;
}
.share-links li a:hover {
	background: #555;
}
/*
.share-links li.facebook a {
	background: #4c66a4;
}
.share-links li.facebook a:hover {
	background: #2b4585;
}
.share-links li.twitter a {
	background: #55acee;
}
.share-links li.twitter a:hover {
	background: #277ec1;
}
.share-links li.google a {
	background: #dd4b39;
}
.share-links li.google a:hover {
	background: #ad2312;
}
*/

.screen-reader-text {
	display: none;
}

/* containers */
.trans-container-black-50 {
	padding: 30px;
	background: rgba(0, 0, 0, .5);
}
.trans-container-black-50 a:hover {
	color: #fff;
}
.trans-container-black-50 .item {
	border-color: rgba(255, 255, 255, .25);
}
.trans-container-black-50 .item .item-image > a {
	background: rgba(255, 255, 255, .1);
}

.video-container {
	position: relative;
	height: 0;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 50px;
	margin: 0 0 15px;
	background: url(images/loading-squares.gif) center center no-repeat #000;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

/* ----- helpers ----- */
.helper-text {
	display: inline-block;
	font-weight: 400;
	color: #999;
	margin-left: 5px;
}
.helper-text.text-small {
	font-size: .85em;
	font-weight: 300;
}

.spacer-diagonal {
	display: block;
	width: 100%;
	height: 20px;
	margin: 20px 0;
	background: url(images/pattern-diagonal.png) repeat-x;
}
.spacer-diagonal.diagonal-white {
	background: url(images/pattern-diagonal-white.png) repeat-x;
}

/* ---------- site wrap ---------- */
.site-wrap {
	width: 100%;
	padding-left: 250px;
	margin: 0 auto;
}

/* 02: Header / Nav
========================================================================================================================= */
.top-bar {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 10px 0;
	background: #fff;
	z-index: 1000;
}
.top-bar p {
	text-align: center;
	margin: 0;
}

/* mobile header */
.mobile-header {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: #fff;
	border-bottom: 1px solid #ddd;
	z-index: 50;
}
.mobile-header .mobile-nav-toggle {
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px;
	color: #333;
	font-size: 1.4em;
	text-align: center;
	z-index: 50;
}
.mobile-header .brand {
	display: block;
	padding: 15px;
	font-size: 1.2em;
	color: #000;
}

/* ---------- site nav ---------- */
.site-nav {
	position: fixed;
	left: 0;
	top: 0;
	width: 250px;
	padding: 30px;
	height: 100%;
	background: #fff;
	border-right: 1px solid #ddd;
	overflow: auto;
	z-index: 1000;
	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.site-nav .logo {
	float: left;
	display: block;
	width: 100px;
	padding: 15px 25px;
	background: rgba(0, 0, 0, .1);
}
.site-nav .nav-brand {
	/* float: left; */
	position: relative;
	display: block;
	padding: 30px 0;
	color: #000;
	font-family: 'Merriweather', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	letter-spacing: -0.025em;
}
.site-nav .nav-brand .brand-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
}
.site-nav .nav-brand span {
	font-weight: 700;
}
.site-nav .nav-brand:hover {
	color: #ccc;
	text-decoration: none;
}
.site-nav .mobile-header {
	display: none; /* show with JS */
}
.site-nav .mobile-nav-toggle {
	color: #fff;
	font-size: 1.2em;
	padding: 10px 19px;
}

.site-nav .nav-tagline {
	font-size: 1em;
}

.site-nav .nav-menu ul {
	list-style: none;
	font-size: .85em;
	font-weight: 400;
	margin: 0 0 20px;
}
.site-nav .nav-menu ul li {
	/* float: left; */
	position: relative;
	margin: 0;
}
.site-nav .nav-menu ul li a {
	position: relative;
	display: block;
	padding: 10px 10px 10px 40px;
	color: #777;
	line-height: 1.5em;
	text-decoration: none;
}
.site-nav .nav-menu ul li a:hover {
	background: rgba(0, 0, 0, .1);
	color: #000;
}
.site-nav .nav-menu ul li a .menu-icon {
	position: absolute;
	top: 10px;
	left: 5px;
	width: 30px;
	color: #000;
	text-align: center;
}

.site-nav .nav-menu ul li a .arrow-icon {
	position: absolute;
	top: 15px;
	right: 15px;
	opacity: .5;
}
.site-nav .nav-menu ul li ul.drop-down {
	display: none;
	position: absolute;
	top: 54px;
	left: 0;
	width: 200px;
	background: rgba(0, 0, 0, .80);
	font-size: .9em;
	font-weight: 400;
	text-transform: none;
}
.site-nav .nav-menu ul li:hover ul.drop-down {
	display: block;
}
.site-nav .nav-menu ul li ul.drop-down li {
	float: none;
	display: block;
	border-top: 2px solid rgba(255, 255, 255, .10);
}
.site-nav .nav-menu ul li ul.drop-down li:first-child {
	border-top: none;
}
.site-nav .nav-menu ul li ul.drop-down li.list-title {
	padding: 15px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}
.site-nav .nav-menu ul li.tutorials ul.drop-down {
	border-left: 2px solid #690;
}
.site-nav .nav-menu ul li.articles ul.drop-down {
	border-left: 2px solid #099;
}
.site-nav .nav-menu ul li.life ul.drop-down {
	border-left: 2px solid #c60;
}
.site-nav .nav-menu ul li ul.drop-down li a {
	padding: 15px;
	color: #999;
}
.site-nav .nav-menu ul li ul.drop-down li a:hover {
	background: rgba(0, 0, 0, .5);
	color: #fff;
}

.site-nav .search-form {
	font-size: .8em;
	border-color: #ccc;
}
.site-nav .search-form label {
	font-weight: 400;
}
.site-nav .search-form .search-submit {
	padding: 15px;
}

/* subscribe form */
.site-nav .subscribe-container {
	padding: 20px;
}
.site-nav .subscribe-container h5 {
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 10px;
}
.site-nav .subscribe-container p {
	font-size: .85em;
}
.site-nav .subscribe-container input[type="email"],
.site-nav .subscribe-container input[type="text"] {
	background: #333;
	color: #fff;
}
.site-nav .subscribe-container input[type="submit"] {
	display: block;
	width: 100%;
	background: #666;
}
.site-nav .subscribe-container input[type="submit"]:hover {
	background: #999;
}

/* ---------- site header ---------- */
.site-header {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	/*
	background: -moz-linear-gradient(-45deg, #01aec8 0%, #1b97e5 50%, #626cf2 100%);
	background: -webkit-linear-gradient(-45deg, #01aec8 0%,#1b97e5 50%,#626cf2 100%);
	background: linear-gradient(135deg, #01aec8 0%,#1b97e5 50%,#626cf2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01aec8', endColorstr='#626cf2',GradientType=1 );
	*/
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	z-index: 1000;
}
.site-header .container {
	position: relative;
}
/* header brand */
.site-header .header-brand {
	position: relative;
	display: inline-block;
	padding: 25px 20px;
	color: #000;
	font-family: 'IBM Plex Mono', Courier, monospace;
	font-size: 1.2em;
	font-weight: 700;
	text-decoration: none;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	z-index: 1002;
}
.site-header .header-brand:hover {
	opacity: .7;
}
.site-header .header-brand .brand-icon {
	position: absolute;
	top: 17px;
	left: 20px;
	width: 42px;
}
.site-header .header-brand sup {
	font-size: .7em;
	font-weight: 700;
	color: #fc0;
}
.site-header .header-tagline {
	position: absolute;
	top: 0;
	right: 0;
	font-size: .8em;
	padding: 22px 20px;
	margin: 0;
}
/* header search */
.site-header .header-search {
	display: inline-block;
}
/* header nav */
.site-header .header-nav {
	display: block;
    border-top: 1px solid #151515;
}
.site-header .header-nav ul {
	list-style: none;
	font-size: .9em;
	font-weight: 400;
	margin: 0;
}
.site-header .header-nav ul > li {
	display: inline-block;
	margin: 0;
	vertical-align: top;
}
.site-header .header-nav ul > li > a {
	display: block;
	padding: 20px;
	color: #151515;
	line-height: 1.2;
	text-decoration: none;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	vertical-align: top;
}
.site-header .header-nav ul > li > a:hover {
	background: #151515;
	color: #fff;
}
.site-header .header-nav ul > li.nav-cta {
	float: right;
}
.site-header .header-nav ul > li.social > a {
	width: 40px;
	padding: 8px 0;
	text-align: center;
	border: 2px solid rgba(255, 255, 255, .25);
	border-radius: 3px;
}
.site-header .header-nav ul > li.social.first {
	margin-left: 10px;
}
.site-header .header-nav ul > li.nav-beta > a {
	font-weight: 700;
	color: #f60;
}
.site-header .header-nav ul > li.nav-beta:hover > a {
	background: #f60;
	color: #fff;
}
.site-header .header-nav ul > li.nav-cta > a {
	font-weight: 700;
	color: #0b60ed;
}
.site-header .header-nav ul > li.nav-cta:hover > a {
	background: #0b60ed;
	color: #fff;
}
.site-header .header-nav ul > li.nav-login > a {
	margin: 0 5px;
	background: rgba(255, 255, 255, .25);
}
.site-header .header-nav ul > li.nav-login:hover > a {
	background: #fff;
	color: #333;
}
.site-header .header-nav ul > li > a i {
	display: inline-block;
	width: 20px;
	font-weight: 300;
	text-align: center;
	margin-right: 5px;
	opacity: .35;
}
.site-header .header-nav ul > li > a:hover i {
	color: #fff;
}
/* member nav */
.site-header .header-nav ul.nav-member {
	background: #151515;
}
.site-header .header-nav ul.nav-member li a {
	color: #fff;
}
.site-header .header-nav ul.nav-member li a:hover {
	background: rgba(255, 255, 255, .1);
}
/* header optin */
.site-header .header-optin  {
	padding: 20px 20px 25px;
	background: rgba(0, 0, 0, .25);
}
.site-header .header-optin .optin-title {
	font-size: 1em;
	margin: 0 0 10px;
}
.site-header .header-optin p {
	font-size: .8em;
	color: rgba(255, 255, 255, .5);
}

/* mobile */
.site-header .header-mobile-navicon {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	padding: 18px 15px 25px;
	line-height: 1;
    cursor: pointer;
    user-select: none;
    -webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	z-index: 1001;
}
.site-header .header-mobile-navicon .bars {
	display: inline-block;
    width: 32px;
    height: 2px;
    background: #999;
    transition: 0.3s;
    position: relative;
}
.site-header .header-mobile-navicon .bars:before,
.site-header .header-mobile-navicon .bars:after {
	display: inline-block;
    width: 32px;
    height: 2px;
    background: #999;
    border-radius: 0.28571rem;
    -webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
    position: absolute;
    left: 0;
    content: '';
    -webkit-transform-origin: 0.28571rem center;
    transform-origin: 0.28571rem center;
}
.site-header .header-mobile-navicon .bars:before {
	top: 10px;
}
.site-header .header-mobile-navicon .bars:after {
	top: -10px;
}

/* close state */
.site-header .header-mobile-navicon.navicon-close {
	-webkit-transform: scale3d(0.8,0.8,0.8);
    transform: scale3d(0.8,0.8,0.8);
}
.site-header .header-mobile-navicon.navicon-close .bars {
	background: transparent;
}
.site-header .header-mobile-navicon.navicon-close .bars:before,
.site-header .header-mobile-navicon.navicon-close .bars:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 2px;
    width: 42px;
}
.site-header .header-mobile-navicon.navicon-close .bars:before {
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
}
.site-header .header-mobile-navicon.navicon-close .bars:after {
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
}

/* header restyling (on scroll) */
.site-header.header-restyle {
	
}
.site-header.header-restyle .header-nav ul > li.nav-signup > a {
	background: #f60;
}
.site-header.header-restyle .header-nav ul > li.nav-signup > a:hover {
	background: #fff;
	color: #f60;
}

/*
body.home .site-header {
	opacity: 0;
}
body.home .site-header.header-restyle {
	opacity: 1.0;
}
*/

/* 03: Layout / Structure
========================================================================================================================= */
/* ---------- Grids ---------- */
/* uses masronry.js plugin */
.masonry-grid {
	margin-left: -2%;
}
.masonry-grid .grid-item {
	display: block;
	float: left;
	width: 31.33%;
	margin: 0 0 2% 2%;
}
/* responsive grid */
.rsp-grid {
	font-size: 0;
}
.rsp-grid .grid-container {
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
}
.rsp-grid .grid-container.container-25 {
	width: 25%;
}
.rsp-grid .grid-container.container-33 {
	width: 33.33%;
}
.rsp-grid .grid-container.container-50 {
	width: 50%;
}
.rsp-grid .grid-container.container-66 {
	width: 66.66%;
}
/* spaced grid */
.rsp-grid.grid-spaced {
	margin-left: -3%;
}
.rsp-grid.grid-spaced .grid-container {
	margin: 0 0 3% 3%;
}
.rsp-grid.grid-spaced .grid-container.container-25 {
	width: 22%;
}
.rsp-grid.grid-spaced .grid-container.container-33 {
	width: 30.33%;
}
.rsp-grid.grid-spaced .grid-container.container-50 {
	width: 47%;
}
.rsp-grid.grid-spaced .grid-container.container-66 {
	width: 63.66%;
}

/* ---------- Main nav ---------- */
.main-nav {
	position: fixed;
	top: 70px;
	left: 0;
	width: 300px;
	height: 100%;
	background: #344452;
}
.main-nav .nav-menu {
	list-style: none;
	font-weight: 400;
	margin: 15px;
}
.main-nav .nav-menu li {
	margin: 0;
	border-top: 1px solid rgba(255, 255, 255, .15);
}
.main-nav .nav-menu li:first-child {
	border-top: none;
}
.main-nav .nav-menu li a {
	position: relative;
	display: block;
	padding: 20px 0 20px 50px;
	color: #999;
	text-decoration: none;
}
.main-nav .nav-menu li a:hover {
	background: rgba(255, 255, 255, .15);
	color: #fff;
}
.main-nav .nav-menu li a i {
	position: absolute;
	top: 17px;
	left: 15px;
	width: 24px;
	font-size: 1.2em;
	text-align: center;
	opacity: .5;
}

/* ---------- Main content ---------- */
.main-content {
	margin: 70px 0 0 300px;
	padding: 15px; 
}

.main-content .content-header {
	margin: 0 0 15px;
}
.main-content .content-header .header-label {
	font-weight: 300;
	letter-spacing: 5px;
	text-transform: uppercase;
	margin: 0 0 15px;
}
.main-content .content-header h1 {
	font-size: 3em;
	letter-spacing: -2px;
}

.page-title {
	line-height: 1;
}
.page-label {
	display: inline-block;
	padding: 10px 15px;
	margin: 0 0 15px;
	font-family: 'Merriweather Sans';
	font-size: .85em;
	letter-spacing: 3px;
	line-height: 1;
	text-transform: uppercase;
	background: #000;
	color: #fff;
}

/* ----- page header ----- */
.page-header {
	position: relative;
	width: 100%;
	padding: 40px 0 30px;
	margin: 0;
	border-bottom: none;
	background: #555;
}
.page-header .header-label {
	display: inline-block;
	padding: 10px 15px;
	margin: 0 0 15px;
	font-family: 'Merriweather Sans';
	font-size: .85em;
	letter-spacing: 3px;
	line-height: 1;
	text-transform: uppercase;
	background: #000;
	color: #fff;
}
/*
.page-header .header-label.label-article {
	background: #01aec8;
	color: #fff;
}
.page-header .header-label.label-course,
.page-header .header-label.label-module {
	background: #8061e3;
	color: #fff;
}
*/
.page-header h1 {
	font-weight: 900;
	color: #fff;
	padding: 0;
	margin: 0 0 10px;
	border: none;
}
.page-header p {
	font-size: 1.5em;
	color: rgba(255, 255, 255, .85);
}
.page-header p:last-child {
	margin: 0;
}

.page-header .breadcrumb {
	font-size: .85em;
	margin: 0 0 15px;
	border: none;
	color: #eee;
}
.page-header .breadcrumb a {
	color: #fc0;
}
.page-header .breadcrumb a:hover {
	color: #fff;
}

.page-header.header-section {
	position: relative;
	padding: 0;
	max-height: 600px;
	overflow: hidden;
}
.page-header.header-section .section-image {
	display: block;
	width: 100%;
}
.page-header.header-section .section-content {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 100px 0 50px;
	background: linear-gradient(transparent, rgba(0, 0, 0, .8));
}
.page-header.header-section .section-content > .container {
	position: relative;
}
.page-header.header-section .section-content .breadcrumb {
	margin: 0 0 30px;
}
.page-header.header-section .section-content h1 {
	padding-right: 250px;
}
.page-header.header-section .section-content .content-utility {
	position: absolute;
	bottom: 30px;
	right: 15px;
}

/* slim headers */
.page-header.header-slim {
	padding: 130px 0 10px;
}
/* membership headers */
.page-header.header-membership {
	padding: 80px 0 20px;
}

/* page-header backgrounds */
.page-header.header-001 {
	background: url(images/page-header-001.jpg) top center no-repeat #333;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-header.header-002 {
	background: url(images/page-header-002.jpg) top center no-repeat #333;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* tutorial headers */
.page-header.header-tutorial {
	padding: 30px 0 40px;
}

/* cover headers */
.page-header.header-cover {
	padding: 0;
	max-height: 600px;
	background: #000;
	overflow: hidden;
}
.page-header.header-cover .cover-image {
	display: block;
	width: 100%;
}
.page-header.header-cover .cover-image img {
	width: 100%;
}
.page-header.header-cover .cover-content {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 100px 0 50px;
	background: linear-gradient(transparent, rgba(0, 0, 0, .75));
}
.page-header.header-cover .cover-content .meta {
	display: inline-block;
	padding: 15px;
	margin: 0;
	background: rgba(0, 0, 0, .5); 
}
.page-header.header-cover .cover-content .meta .meta-label {
	margin-bottom: 0;
}
.page-header.header-cover .cover-content .meta a:hover {
	color: #fff;
	text-decoration: none;
}

/* post headers */
.page-header.header-post {
	padding: 120px 0 40px;
}

/* ----- page sections ----- */
.page-section {
	position: relative;
	padding: 50px 0;
}
.page-section.section-slim {
	padding: 30px 0;
}
.page-section.section-light {
	background: #f5f5f5;
}
.page-section.section-dark {
	background: #061721;
}
.page-section.section-dark h2,
.page-section.section-dark h3 {
	color: #fff;
}
.page-section.section-dark p {
	color: #999;
}
/* section colors */
.page-section.section-white {
	background: #fff;
}
.page-section.section-black {
	background: #000;
}
.page-section.section-blue {
	background: #066cd2;
}
.page-section.section-blue p {
	color: #9cf;
}
/* section header */
.page-section .section-header {
	position: relative;
	padding: 0 300px 0 0;
}
.page-section .section-header .header-utility {
	position: absolute;
	top: 0;
	right: 0;
}
/* section backgrounds */
.page-section.section-cta {
	padding: 100px 0;
	background: url(images/section-bg-001.jpg) top center no-repeat #036;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-about {
	min-height: 600px;
	padding: 50px 0;
	background: url(images/section-bg-ali-bw.jpg) top center no-repeat #2a353b;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-ali-light {
	padding: 100px 0;
	background: url(images/section-bg-ali-light.jpg) top center no-repeat #fff;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* ---------- Hero ---------- */
.hero {
	position: relative;
	width: 100%;
	padding: 50px 0;
	background: #151515;
}
.hero h1 {
	font-weight: 700;
}
.hero .hero-content .hero-icon {
	display: block;
	width: 150px;
	margin: 0 0 30px;
}
.hero .hero-content .hero-label {
	font-weight: 700;
	letter-spacing: 5px;
	text-transform: uppercase;
	color: #fff;
}
.hero .hero-content h1 {
	line-height: 1.2;
	color: #fff;
	margin: 0 0 10px;
}
.hero .hero-content p {
	color: #fff;
}
.hero .hero-content p a {
	color: #fc0;
}
.hero .hero-content p a:hover {
	color: #fff;
}
.hero .hero-content .headline {
	padding: 15px 0;
}

/* hero form */
.hero .hero-form {
	padding: 30px;
	margin: 0 auto 30px;
	background: rgba(0, 0, 0, .25);
}
.hero .hero-form p {
	color: #fff;
}
.hero .hero-form input {
	width: 100%;
	padding: 20px;
}
.hero .hero-form input[type="email"],
.hero .hero-form input[type="text"] {
	background: rgba(0, 0, 0, .5);
	color: #fff;
	border: none;
	text-align: center;
}
.hero .hero-form input[type="submit"] {
	background: #1cdd89;
	color: #333;
	border: none;
}
.hero .hero-form input[type="submit"]:hover {
	background: #01ff90;
}
.hero #embed-player.player-large.player-dark {
	background: rgba(0, 0, 0, .5);
}
/* homepage hero */
.hero.hero-homepage {
	background: url(images/section-bg-ali-bw.jpg) top center no-repeat #2a353b;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.hero.hero-homepage .hero-form {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
}
.hero.hero-homepage .hero-form p {
	text-align: center;
	margin: 0;
}
.hero.hero-homepage .hero-form form {
	width: 50%;
	margin: 0 auto;
}

/* ---------- Content ---------- */
.post-content {
	padding: 0;
	margin: 0 0 30px;
	background: #fff;
}
.post-content.content-raised {
	position: relative;
	padding: 30px;
	margin-top: -60px;
}
.post-content p a,
.post-content ol a,
.post-content ul a {
	position: relative;
	text-decoration: none;
	font-weight: 700;

}
.post-content p a:after,
.post-content ol a:after,
.post-content ul a:after {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 0;
	height: 2px;
	background: #000;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.post-content p a:hover:after,
.post-content ol a:hover:after,
.post-content ul a:hover:after {
	width: 100%;
}

/* ---------- Sidebar ---------- */
.sidebar {
	padding: 30px;
	border: 1px solid #ddd;
}

/* widgets */
.widget {
	padding: 30px;
	margin: 0 0 30px;
}
.widget .widget-title {
	font-size: 1.5em;
	font-weight: 700;
}
.widget ul {
	list-style: none;
	font-family: 'Merriweather Sans';
	font-size: .9em;
	font-weight: 700;
	letter-spacing: -0.025em;
	margin: 0;
}
.widget ul li {
	margin: 0;
	border-top: 1px solid rgba(0, 0, 0, .05);
}
.widget ul li a {
	display: block;
	padding: 10px 0;
}
.widget ul li a:hover {
	padding-left: 10px;
	background: #f5f5f5;
	text-decoration: none;
}
.widget ul.children {
	padding-left: 10px;
}
.widget ul.children li {
	border: none;
}
.widget form ul li {
	border: none;
}
.widget form input[type="submit"],
.widget form button[type="submit"] {
	display: block;
	width: 100%;
}
/* cta widgets */
.widget.widget-cta {
	background: #2a353b;
}
.widget.widget-cta p {
	color: #fff;
}
.widget.widget-cta input[type="text"],
.widget.widget-cta input[type="email"] {
	color: #fff;
	border-bottom-color: rgba(255, 255, 255, .25);
}
.widget.widget-cta input[type="text"]:focus,
.widget.widget-cta input[type="email"]:focus {
	border-bottom-color: #fff;
}
.widget.widget-cta input[type="text"]::placeholder,
.widget.widget-cta input[type="email"]::placeholder {
  color: #fff;
}

.sidebar-cta-container {
	padding: 10px;
	margin: 0 0 20px;
	background: #f9f0f9;
	border: 1px solid #da39e0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.sidebar-cta-container p {
	color: #333;
	margin: 0 0 10px;
	font-size: 1.2em;
	line-height: 1.4em;
	text-align: center;
}
.sidebar-cta-container .cta-button {
	margin: 0;
	line-height: 1.5em;
}

/* ---------- Containers ---------- */
.video-container {
	margin: 0 0 15px;
}

/* ---------- Membership pages ---------- */
.body-membership .site-header .header-nav,
.body-membership .site-header .header-mobile-navicon {
	display: none;
}
.body-membership .site-header .header-brand {
	left: 50%;
	margin-left: -152px;
}
.body-membership .site-footer .footer-columns {
	display: none;
}

/* ---------- Posts ---------- */
.post-list {
	list-style: none;
}
.post-list .list-item {
	padding: 15px 0;
	border-top: 1px solid rgba(255, 255, 255, .15);
}
.post-list .list-item:first-child {
	padding-top: 0;
	border-top: none;
}
.post-list .list-item .item-label {
	display: block;
	font-size: .85em;
	margin: 0 0 5px;
}
.post-list .list-item .item-title {
	margin: 0 0 10px;
}
.post-list .list-item .item-desc {
	font-size: .85em;
	margin: 0 0 10px;
}
/* ----- post navigation ----- */
.post-nav {
	padding: 20px 0 0;
	margin: 20px 0 0;
	border-top: 1px solid #036;
}
.post-nav .nav-links {
	display: table;
	width: 100%;
}
.post-nav .nav-previous,
.post-nav .nav-next {
	display: table-cell;
	width: 50%;
}
.post-nav .nav-previous {
	border-right: 1px solid #ddd;
}
.post-nav .nav-next {
	text-align: right;
	border-left: 1px solid #ddd;
}
.post-nav .nav-previous:before,
.post-nav .nav-next:before {
	display: block;
	font-size: .85em;
	font-weight: 700;
	color: #999;
	margin: 0 0 5px;
}
.post-nav .nav-previous:before {
	content: "Previous";
}
.post-nav .nav-next:before {
	content: "Next";
}
.post-nav.nav-segments .nav-previous:before {
	content: "Previous Segment";
}
.post-nav.nav-segments .nav-next:before {
	content: "Next Segment";
}
.post-nav a {
	display: block;
	position: relative;
	font-size: 1.1em;
	font-weight: 700;
	line-height: 1.4;
}
.post-nav a:hover {
	color: #000;
	text-decoration: none;
}
.post-nav .nav-previous a {
	padding: 10px 10px 10px 40px;
}
.post-nav .nav-next a {
	padding: 10px 42px 10px 10px;
	text-align: right;
}
.post-nav .nav-previous a:before,
.post-nav .nav-next a:before {
	position: absolute;
	top: 7px;
	font-family: FontAwesome;
	font-size: 1.8em;
	line-height: 1;
}
.post-nav .nav-previous a:before {
	left: 0;
	content: "\f137";
}
.post-nav .nav-next a:before {
	right: 0;
	content: "\f138";
}
.post-nav .no-link {
	display: inline-block;
	padding: 10px;
	background: #f5f5f5;
	font-size: .8em;
	font-weight: 700;
	color: #999;
}


/* Components
========================================================================================================================= */
/* ---------- Cards ---------- */
.card {
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .25); 
}
.card .card-image {
	position: relative;
	background: #151515;
}
.card .card-image > a {
	display: block;
}
.card .card-image img {
	display: block;
}
.card .card-image > a:hover img {
	opacity: .5;
}
.card .card-image .image-label {
	position: absolute;
	bottom: 20px;
	left: 0;
	padding: 7px 15px;
	font-weight: 400;
	text-transform: uppercase;
	background: #fc0;
	color: #151515;
}
.card .card-image .image-content {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 30px;
	background: linear-gradient(transparent, rgba(0, 0, 0, .8));
}
.card .card-image .image-content .content-label {
	display: inline-block;
	padding: 7px 15px;
	margin: 0 0 10px;
	font-size: .85em;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	background: #fff;
	color: #151515;
}
.card .card-image .image-content .content-title {
	font-size: 1.2em;
	color: #fff;
	margin: 0;
}
.card .card-content {
	padding: 30px;
}
.card .card-content .content-title {
	padding: 0 0 15px;
	margin: 0 0 15px;
	line-height: 1.2;
	border-bottom: 2px solid;
}
.card .card-content .content-title.title-green {
	border-bottom-color: #9c0;
}
.card .card-content .content-title.title-blue {
	border-bottom-color: #37aee5;
}
.card .card-content .content-title.title-purple {
	border-color: #626cf2;
}
.card .card-content .content-title a {
	display: block;
}
.card .card-content p:last-child {
	margin: 0;
}
.card .card-content .content-icon {
	display: block;
	font-size: 3em;
	line-height: 1;
	margin: 0 0 15px; 
}
/* course cards */
.card.card-course {
	margin: 0 0 30px;
}
/* product cards */
.card.card-product {
	margin: 0 0 15px;
}
.card.card-product .product-header {
	padding: 15px;
}
.card.card-product .product-header.header-aqua {
	background: #099;
}
.card.card-product .product-header.header-blue {
	background: #069;
}
.card.card-product .product-header.header-green {
	background: #690;
}
.card.card-product .product-header.header-purple {
	background: #639;
}
.card.card-product .product-header h2 {
	color: #fff;
	margin: 0;
	font-size: 1.5em;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}
.card.card-product .card-content {
	padding: 30px;
}
.card.card-product .product-title {
	text-transform: uppercase;
}
.card.card-product .image-content {
	padding: 30px;
}
.card.card-product .image-content .product-title {
	padding: 0 0 10px;
	margin: 0 0 10px;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
}
.card.card-product .product-price {
	font-size: 3em;
	font-weight: 900;
	letter-spacing: -1px;
	line-height: 1.4;
	text-align: center;
	margin: 0;
	color: #333;
}
.card.card-product .product-price span {
	display: block;
	font-size: .5em;
	font-weight: 400;
	color: #999;
}

/* ---------- Features ---------- */
.feature {
	position: relative;
	padding: 0 0 0 100px;
	margin: 0 0 20px;
}
.feature .feature-icon {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 4em;
	line-height: 1;
	width: 80px;
	text-align: center;
}
.feature .feature-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
}
.feature .feature-title {
	margin: 0 0 10px;
	font-weight: 700;
}
/* feature colors */
.feature.feature-color {
	padding: 30px 30px 30px 100px;
}
.feature.feature-color .feature-icon {
	top: 30px;
	left: 30px;
	font-size: 3em;
	width: 60px;
	color: #fff;
}
.feature.feature-color .feature-title,
.feature.feature-color p {
	color: #fff;
}
.feature.feature-orange {
	background: #f90;
}
.feature.feature-gold {
	background: #c90;
}
.feature.feature-yellow-dark {
	background: #990;
}
.feature.feature-orange-red {
	background: #c30;
}
.feature.feature-orange-dark {
	background: #c30;
}
.feature.feature-green {
	background: #033;
}
.feature.feature-blue {
	background: #036;
}
.feature.feature-purple {
	background: #306;
}

.feature-raised {
	margin-top: -120px;
	z-index: 100;
}

/* ---------- Gallery ---------- */
.gallery {
	margin: 0 0 20px -1%;
	overflow: auto;
}
.gallery .gallery-item {
	float: left;
	width: 32.33%;
	max-height: 200px;
	margin: 0 0 1% 1%;
	overflow: hidden;
}
.gallery.gallery-columns-4 .gallery-item {
	width: 24%;
	max-height: 140px;
}
.gallery.gallery-columns-5 .gallery-item {
	width: 19%;
	max-height: 150px;
}

/* ---------- Items ---------- */
.item {
	position: relative;
	min-height: 210px;
	padding: 30px;
	border-top: 1px solid #ddd;
}
.item.item-with-image {
	padding: 30px 0 30px 170px;
}
.item .item-image {
	position: absolute;
	top: 30px;
	left: 0;
	width: 150px;
}
.item .item-image > a {
	display: block;
	border: 1px solid #ddd;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.item .item-image > a:hover {
	color: #000;
	border-color: #000;
}
.item .item-image img {
	display: block;
	width: 100%;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.item .item-image img:hover {
	transform: scale(1.10);
}
.item .item-image i {
	display: inline-block;
	padding: 22px;
	font-size: 2em;
	text-align: center;
}
.item .item-title {
	font-weight: 900;
	margin: 0 0 10px;
}
.item .item-title a {
	color: #000;
	text-decoration: none;
}
.item .item-title a:hover {
	color: #999;
}
.item .meta a {
	color: #000;
}
.item .meta a:hover {
	color: #999;
}
.item p {
	margin: 0 0 10px;
}
.item p:last-child {
	margin: 0;
}
/* action items */
.item.item-with-action {
	padding-right: 150px;
}
.item.item-with-action .item-action {
	position: absolute;
	top: 30px;
	right: 0;
	width: 130px;
	text-align: right;
}
/* small items */
.item.item-small.item-with-image {
	min-height: 140px;
	padding: 30px 0 30px 100px;
}
.item.item-small .item-image {
	width: 80px;
}
.item.item-small p {
	font-size: .85em;
}
.item.item-small p.tags {
	font-size: .75em;
}
/* micro items */
.item.item-micro.item-with-image {
	min-height: 90px;
	padding: 20px 0 20px 65px;
}
.item.item-micro .item-image {
	top: 20px;
	width: 50px;
}
.item.item-micro .item-title {
	font-size: 1.2em;
}
.item.item-micro p {
	font-size: .85em;
}
/* block items */
.item.item-block {
	padding: 30px 0 0;
	margin: 0 0 30px;
	clear: both;
	overflow: auto;
}
.item.item-block .item-image {
	position: relative;
	top: inherit;
	float: left;
	width: 35%;
	max-height: 250px;
	background: #000;
	overflow: hidden;
	border-radius: 0;
}
.item.item-block .item-image img {
	width: auto;
	max-width: inherit;
	border-radius: 0;
}
.item.item-block .item-image img:hover {
	opacity: .5;
}
.item.item-block .item-image .item-icon {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 45px;
	height: 45px;
    padding: 13px 0;
    font-size: 1.2em;
    text-align: center;
    background: rgba(0, 0, 0, .25);
    color: #fff;
    border: 1px solid;
    border-radius: 100px;
    -webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
    z-index: 10;
}
.item.item-block .item-image:hover .item-icon {
	background: #fff;
	color: #000;
	border-color: #fff;
}
.item.item-block .item-image .item-icon i {
	padding: 0;
	font-size: 1em;
	border: none;
}
.item.item-block .block-content {
	margin-left: 35%;
	padding: 0 30px;
	z-index: 5;
}
.item.item-block .block-content p {
	font-size: .9em;
}
/* forced block (to stack on desktop) */
.item.item-block.block-forced {
	border: none;
	margin: 0;
}
.item.item-block.block-forced .item-image {
	width: 100%;
    float: none;
}
.item.item-block.block-forced .item-image img {
	width: 100%;
}
.item.item-block.block-forced .block-content {
    position: relative;
    top: inherit;
    left: inherit;
    padding: 15px;
    margin: -30px 20px 0;
    background: #fff;
}

/* book report items */
.item.item-book-report {
	min-height: 300px;
}
.item.item-book-report .item-image img {
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

/* item cards */
.item.item-card {
	height: 150px;
	min-height: inherit;
	padding: 0 0 0 150px;
	margin: 0 0 20px;
	background: #fff;
	border: none;
	border-left: 3px solid #46afd3;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .15);
}
.item.item-card .item-image {
	top: 0;
	left: 0;
}
.item.item-card .item-content {
	padding: 15px;
}
.item.item-card .item-content .item-title {
	margin: 0;
}
.item.item-card .item-content p:last-child {
	margin: 0;
}

/* item feed */
.item-feed {
	margin: 0 auto;
}
.item-feed .item:first-child {
	min-height: 180px;
	padding-top: 0;
	border-top: none;
}
.item-feed .item.item-small:first-child {
	min-height: 140px;
}
.item-feed .item.item-with-image:first-child .item-image {
	top: 0;
}
.item-feed .item.item-card {
	padding-top: 20px;
}
.item-feed .item.item-card .item-image {
	top: 20px;
	left: 20px;
}

/* book items */
.item.item-book {
	border: none;
}

/* ---------- Meta ---------- */
.meta {
	font-family: 'Merriweather Sans';
	font-size: .85em;
	font-weight: 700;
}
.meta .meta-label {
	display: inline-block;
	margin: 0 10px 10px 0;
	color: #999;
}
.meta .meta-label.label-cat {
	color: #333;
}
.meta .meta-label.label-type {
	color: #151515;
}
.meta .meta-spacer {
	display: inline-block;
	margin: 0 10px;
}

/* ---------- Metrics ---------- */
.metric {
	position: relative;
	padding: 25px 30px 20px 100px;
	background: #fff;
	margin: 0 0 15px;
	border-left: 3px solid #ccc;
}
.metric .metric-icon {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 64px;
	height: 64px;
	padding: 13px 0;
	font-size: 2em;
	line-height: 1;
	text-align: center;
	color: #aaa;
	border: 1px solid;
	border-radius: 100px;
}
.metric .metric-label {
	display: block;
	font-weight: 900;
	margin: 0 0 10px;
}
.metric .metric-value {
	display: block;
	font-size: 1.5em;
	font-weight: 300;
	line-height: 1.4;
	margin: 0;
}
.metric .metric-value.value-small {
	font-size: 1.2em;
}
.metric .metric-value.value-block {
	display: block;
	margin: 15px 0 0;
}
.metric .metric-value:hover {
	text-decoration: none;
}
.metric .metric-tip {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 1.4em;
	cursor: pointer;
}
/* no icons */
.metric.metric-no-icon {
	padding: 15px;
}
/* stacked metrics */
.metric.metric-stacked {
	padding: 30px 15px 30px 80px;
	border-top: 1px solid #ddd;
}
.metric.metric-stacked .metric-icon {
	top: 25px;
}
/* metric list */
.metric-list .metric-stacked:first-child {
	padding-top: 0;
	border-top: none;
}
.metric-list .metric-stacked:first-child .metric-icon {
	top: 0;
}
/* dark metrics */
.metric.metric-dark {
	background: #151515;
}
.metric.metric-dark .metric-label {
	color: #999;
}
.metric.metric-dark .metric-value {
	color: #fff;
}

/* ---------- Modules ---------- */
.module {
	display: block;
	padding: 20px 20px 20px 85px;
	margin: 0 0 20px;
	border: 1px solid #ccc;
	border-left-width: 4px;
}
.module .module-number {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 50px;
	padding: 15px 0;
	color: #2a353b;
	font-size: 1em;
	font-weight: 700;
	text-align: center;
	border: 2px solid;
	border-radius: 100px;
}
.module .module-label {
	display: block;
	font-size: .85em;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0 0 10px;
	color: #999;
}
.module .module-title {
	display: block;
	font-size: 1.2em;
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 1.2;
	margin: 0;
	color: #2a353b;
}
/* link modules */
.module.module-link {
	padding: 0;
}
.module.module-link > a {
	position: relative;
	display: block;
	padding: 20px 20px 20px 85px;
	text-decoration: none;
}
.module.module-link:hover {
	border-left-color: #09c;
}
.module.module-link:hover > a {
	background: #f5f5f5;
}
.module.module-link:hover > a .module-title {
	color: #09c;
}
/* active modules */
.module.module-active {
	background: #f5f5f5;
	border-left-color: #2a353b;
}
.module.module-active .module-number {
	background: #2a353b;
	color: #fff;
	border-color: #2a353b;
}
.module.module-active .module-label {
	color: #069;
}
/* module-list */
.module-list {
	border-bottom: 1px solid #ccc;
}
.module-list .module {
	margin: 0;
	border-bottom: none;
}

/* ---------- Podcast ---------- */
.podcast-transcript {
	width: 100%;
    height: 600px;
    padding: 15px;
    margin: 0 0 20px;
    font-size: .85em;
    overflow: scroll;
    border: solid 1px #ccc;
}

/* ---------- Search ---------- */
.search-form {
	position: relative;
	padding: 15px 40px 15px 15px;
	margin: 0 0 20px;
	border: 1px solid #ddd;
}
.search-form > label {
	margin: 0;
}
.search-form .search-field {
	padding: 0;
	background: none;
	border: none;
}
.search-form .search-submit {
	position: absolute;
	top: 0;
	right: 0;
	padding: 17px;
	background: none;
	color: #999;
	font-weight: normal;
}
.search-form .search-submit:before {
	font-family: FontAwesome;
	content: "\f002";
}
.search-form .search-submit:hover {
	background: none;
	color: #000;
}

/* ---------- Users ---------- */
.user {
	position: relative;
	min-height: 80px;
	padding-left: 100px;
	margin: 0 0 20px;
}
.user .user-avatar {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
}
.user .user-avatar img {
	border-radius: 100px;
}
.user .user-label {
	font-size: .8em;
	color: #999;
}
.user .user-title {
	display: block;
	margin: 0 0 5px;
}
.user .user-desc {
	display: block;
	font-size: .85em;
	font-weight: 300;
	margin: 0 0 10px;
}
/* size variations */
.user.user-micro {
	min-height: 40px;
	padding-left: 50px;
}
.user.user-micro .user-avatar {
	width: 40px;
}
.user.user-micro .user-title {
	font-size: 1em;
}
.user.user-small {
	min-height: 50px;
	padding-left: 70px;
}
.user.user-small .user-avatar {
	width: 50px;
}
.user.user-large {
	min-height: 120px;
	padding-left: 140px;
}
.user.user-large .user-avatar {
	width: 120px;
}
/* user cards */
.user.user-card {
	padding: 15px 15px 15px 100px;
	background: #fff;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, .25);
	border-top: 2px solid #ccc;
}
.user.user-card .user-avatar {
	width: 70px;
	top: 15px;
	left: 15px;
}
.user.user-card.card-featured {
	border-top: 2px solid #f60;
}
/* misc users */
.user.user-post-primary {
	margin: 10px 0 20px;
}

/* ----- status steps ----- */
.status-steps {
	position: relative;
	display: table;
	width: 100%;
}
.status-steps:before {
	content: "";
	position: absolute;
	top: 17px;
	width: 98%;
	height: 2px;
	margin-left: 1%;
	background: rgba(255, 255, 255, .25);
}
.status-steps .step {
	position: relative;
	display: table-cell;
}
.status-steps .step label {
	position: relative;
	display: inline-block;
	padding: 10px 15px 10px 60px;
	background: #036;
	color: #09c;
}
.status-steps .step label .step-number {
	position: absolute;
	top: 0;
	left: 15px;
	padding: 8px 0;
	width: 34px;
	font-size: .85em;
	text-align: center;
	border: 1px solid;
	border-radius: 30px;
}
.status-steps .step.active label {
	color: #fff;
}
.status-steps .step.active label .step-number {
	background: #fff;
	color: #036;
}
.status-steps .step.step-centered {
	text-align: center;
}
.status-steps .step.step-right {
	text-align: right;
}
.status-steps.steps-3 .step {
	width: 33.33%;
}

/* profile */
.profile-container {
	padding: 30px;
	background: #fff;
}
.profile-container p {
	margin: 0;
}

/* ---------- Comments ---------- */
.comments-container {
	padding: 30px 0 0;
	margin: 30px 0 0;
	border-top: 1px solid #ccc;
}
/* hide all the default WP stuff */
.comments-container .form-allowed-tags,
.comments-container .logged-in-as,
.comments-container br {
	display: none;
}
.comment-list {
	list-style: none;
	margin: 0 0 20px;
}
.comment-list .comment {
	position: relative;
	padding: 15px 0 0 54px;
	border-top: 1px solid #ddd;
}
.comment-list > .comment:first-child {
	border-top: none;
}
.comment-list > .comment .avatar {
	position: absolute;
	top: 15px;
	left: 0;
	width: 44px;
	border-radius: 50px;
}
.comment-list > .comment .comment-meta {
	font-size: .85em;
	font-weight: 700;
	color: #333;
	margin: 0 0 10px;
}
.comment-list > .comment .comment-meta .fn {
	color: #09c;
}
.comment-list > .comment .comment-meta .fn > a {
	color: #09c;
}
.comment-list > .comment .comment-meta a {
	color: #aaa;
}
.comment-list > .comment .comment-content .wp-review-comment-rating {
	display: block;
	margin: 0 0 10px;
}
.comment-list > .comment .comment-content .edit-link {
	position: absolute;
	top: 15px;
	right: 0;
	font-size: .8em;
}
.comment-list > .comment .comment-content p {
	font-size: .85em;
}
.comments-container .comment-respond {
	padding: 15px 0 0;
	border-top: 1px solid #ddd;
}
.comments-container .comment-respond label {
	color: #333;
}
.comments-container .reply {
	margin: 0 0 15px;
}
.comments-container .reply a {
	display: inline-block;
	padding: 7px 20px;
	font-size: .8em;
	font-weight: 700;
	line-height: 1;
	border: 1px solid;
	text-decoration: none;
}
.comments-container .reply a:hover {
	background: #09c;
	color: #fff;
	border-color: #09c;
}
.comment-list .comment .children {
	list-style: none;
    margin: 0;
}
.comment-list .comment .children .comment {
	border: none;
}

/* Footer
========================================================================================================================= */
.site-footer {
	padding: 30px 0;
}
.site-footer .footer-title {
	font-weight: 700;
	text-transform: uppercase;
	color: #333;
	margin: 0 0 15px;
	padding: 0 0 15px;
}
.site-footer hr {
	border-top: 1px solid rgba(0, 0, 0, .1);
	border-bottom: none;
}
.footer-nav {
	list-style: none;
	font-size: .9em;
	font-weight: 300;
	line-height: 1.4;
	margin: 0 0 20px;
}
.footer-nav li {
	display: inline-block;
	padding: 0 15px;
	margin: 0;
	border-left: 1px solid rgba(0, 0, 0, .1);
}
.footer-nav li:first-child {
	padding-left: 0;
	border-left: none;
}
.footer-nav li a {
	display: block;
	padding: 5px 0;
	color: rgba(0, 0, 0, .5);
}
.footer-nav li a:hover {
	color: #000;
	text-decoration: none;
}
.footer-nav li i {
	margin: 1px 5px 0 0;
	opacity: .35;
	width: 20px;
}
/* nav with icons */
.footer-nav.nav-with-icons li a {
	position: relative;
	padding: 10px 10px 10px 30px;
}
.footer-nav.nav-with-icons li a i {
	position: absolute;
	top: 12px;
	left: 0;
	color: #f90;
}

.site-footer label {
	color: #999;
}

.site-footer input[type="text"],
.site-footer input[type="email"] {
	background: #036;
	border: none;
	box-shadow: none;
	color: #fff;
	width: 100%;
	margin: 0 0 15px;
}
.site-footer input[type="submit"] {
	display: block;
	width: 100%;
	background: none;
	color: #09c;
	border: 2px solid #09c;
}
.site-footer input[type="submit"]:hover {
	background: #09c;
	color: #fff;
}

.copyright {
	padding: 20px 0 0;
	color: rgba(0, 0, 0, .5);
	font-size: .8em;
	border-top: 1px solid #ddd;
}
.copyright a {
	color: #999;
	text-decoration: underline;
}
.copyright a:hover {
	color: #000;
	text-decoration: none;
}

/* Forms
========================================================================================================================= */
.form-container {
	padding: 50px;
	margin: 0 0 30px;
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
}
.form-container input[type="submit"] {
	display: block;
	width: 100%;
}
.input-container {
	margin: 0 0 15px;
}

label {
	display: block;
	font-weight: 700;
	color: #333;
	margin-bottom: 5px;
}
label span.label-hint {
	font-size: .9em;
	font-weight: normal;
	color: #bbb;
}
label.error {
	font-weight: normal;
	color: #f00;
	margin: 5px 0 0;
}
.block-label {
	display: block;
	margin: 0 0 10px;
}
.content-label {
	display: inline-block;
	padding: 0 0 15px;
	margin: 0 0 15px;
	border-bottom: 1px solid;
}

input[type="text"],
input[type="email"],
input[type="phone"],
input[type="password"],
input[type="search"],
input[type="url"],
textarea {
	display: block;
	width: 100%;
	padding: 15px 0;
	height: auto;
	background: none;
	border: none;
	border-bottom: 2px solid #ddd;
	outline: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="phone"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
textarea:focus {
	border-bottom-color: #000;
}
select,
select[multiple], select[size] {
	padding: 10px;
	height: 40px;
	border-radius: 4px;
	background: #f5f5f5;
	color: #333;
	border: 1px solid #999;
}
.ui-dialog-content input[type="text"],
.ui-dialog-content input[type="email"],
.ui-dialog-content input[type="password"],
.ui-dialog-content textarea {
	padding: 5px;
}
textarea {
	height: 100px;
}
input[type="submit"],
button[type="submit"] {
	padding: 15px 30px;
	font-family: 'Merriweather Sans';
	font-size: 1em;
	font-weight: 700;
	letter-spacing: -0.025em;
	background: #000;
	color: #fff;
	border-radius: 4px;
	border: none;
	cursor: pointer;
	border-radius: 0;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
input[type="submit"]:hover,
button[type="submit"]:hover {
	background: #999;
}

span.required {
	color: #c00;
}

.login-form {
	padding: 20px;
	border: 1px solid #ddd;
	box-shadow: 0 0 5px #ddd;
}

/* filtering */
.filter-group {
	padding: 10px 0 0;
	margin: 0 0 20px;
	border-top: 2px solid #333;
}
.filter-group .group-title {
	text-transform: uppercase;
	margin: 0 0 10px;
}
.filter-group label {
	position: relative;
	display: block;
	padding: 15px 0 15px 20px;
	margin: 0;
	font-size: .9em;
	border-top: 1px solid #ddd;
	cursor: pointer;
}
.filter-group label:hover {
	color: #f60;
}
.filter-group label input {
	position: absolute;
	top: 17px;
	left: 0;
	margin: 0;
}

/* Tables
========================================================================================================================= */
/* data tables */
.table.table-data {
	font-family: 'Merriweather Sans';
	font-size: .9em;
	border: 1px solid #ddd;
}
.table.table-data thead {
	background: #f5f5f5;
}
.table.table-data th,
.table.table-data td {
	padding: 15px;
}
.table.table-data tbody th {
	width: 200px;
}
.table.table-data.table-small {
	font-size: .8em;
}
.table.table-data.table-small th,
.table.table-data.table-small td {
	padding: 10px;
}
.table.table-data.table-small tbody th {
	width: 170px;
}
.table.table-data.table-small .btn.btn-block {
	margin: 0 0 5px;
}

/* profile tables */
.table.table-profile {
	border-collapse: inherit;
	margin: 0 0 20px;
	border-top: 1px solid rgba(0, 0, 0, .5);
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.table.table-profile th,
.table.table-profile td {
	padding: 10px 0;
	border-color: rgba(0, 0, 0, .1);
	vertical-align: top;
}
.table.table-profile th {
	position: relative;
	width: 140px;
}
.table.table-profile a:hover {
	color: #000;
	text-decoration: none;
}

/* legend tables */
.table.table-legend {
	font-size: .8em;
	border-top: 1px solid #ddd;
}
.table.table-legend th,
.table.table-legend td {
	padding: 10px;
}

/* light tables */
.table.table-light,
.table.table-light th,
.table.table-light td {
	color: #fff;
	background: none;
	border-color: rgba(255, 255, 255, .25) !important;
}

/* Bootstrap Over-rides
========================================================================================= */
.container {
	width: auto;
	max-width: 1400px;
	padding: 0 50px;
}
.container.no-pad {
	padding: 0;
}

/* ----- breadcrumbs ----- */
.breadcrumb {
	padding: 5px 0 15px;
	margin: 0 0 20px;
	color: #999;
	font-family: 'Merriweather Sans';
	font-size: .85em;
	background: none;
	border-bottom: 1px solid #000;
	border-radius: 0;
}

/* ----- dropdown-menus ----- */
.dropdown-menu > li > a {
	font-size: .85em;
	padding: 8px 15px;
}
.dropdown-menu .divider {
	margin: 1px;
}

/* ----- alerts ----- */
.alert {
	padding: 20px;
	color: #1a1b21;
	font-weight: 300;
	line-height: 1.5;
	border: none;
	border-radius: 0;
}
.alert p:last-child {
	margin: 0;
}
.alert.alert-info /* slate */ {
	background: #f0f9ff;
	border-left: 4px solid #09c;
}
.alert.alert-danger /* red */ {
	background: #feecee;
	border-left: 4px solid #c00;
}
.alert.alert-primary /* dark */ {
	background: #f0f6f8;
	border-left: 4px solid #1a1b21;
}
.alert.alert-success /* green */ {
	background: #e8fdf2;
	border-left: 4px solid #33c682;
}
.alert.alert-warning /* orange */ {
	background: #fef3ec;
	border-left: 4px solid #f80;
}

.alert.alert-pad-30 {
	padding: 30px;
}
/* cta alerts */
.alert.alert-cta {
	color: #fff;
	background: #01aec8;
	background: -moz-linear-gradient(-45deg, #01aec8 0%, #1b97e5 50%, #626cf2 100%);
	background: -webkit-linear-gradient(-45deg, #01aec8 0%,#1b97e5 50%,#626cf2 100%);
	background: linear-gradient(135deg, #01aec8 0%,#1b97e5 50%,#626cf2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01aec8', endColorstr='#626cf2',GradientType=1 );
}
.alert.alert-cta h2,
.alert.alert-cta h3,
.alert.alert-cta h4,
.alert.alert-cta h5,
.alert.alert-cta h6,
.alert.alert-cta p {
	color: #fff;
}
.alert.alert-cta a {
	color: #01ff90;
}
.alert.alert-cta a:hover {
	color: #fff;
}

/* ----- modals ----- */
.modal-content {
	border: none;
	border-radius: 0;
}
.modal-header {
	position: relative;
	padding: 20px 50px 20px 30px;
	background: none;
}
.modal-header .modal-title {
	margin: 0;
	font-size: 1.5em;
	font-weight: 700;
	letter-spacing: -1px;
	color: #333;
}
.modal-header .close {
	position: absolute;
	top: -5px;
	right: 0;
	font-size: 3.5em;
	font-weight: 100;
	line-height: 1;
	padding: 10px 30px;
	margin: 0;
	color: #333;
}
.modal-body {
	padding: 30px;
	background: #fff;
}
.modal-body p:last:child {
	margin: 0;
}
.modal-footer {
	padding: 30px;
	text-align: left;
}
.modal-footer p {
	margin: 0;
	text-align: left;
}
.modal .alert {
	margin: 0 0 10px;
}
.modal input[type="submit"] {
	display: block;
	width: 100%;
}

/* cta modals */
.modal.modal-cta .modal-content {
	padding: 30px;
	background: #000;
}
.modal.modal-cta .modal-header {
	border: none;
	padding: 20px 30px 0;
}
.modal.modal-cta .modal-header .modal-title {
	color: #fff;
}
.modal.modal-cta .modal-header .close {
	color: #fff;
}
.modal.modal-cta .modal-body {
	background: none;
}
.modal.modal-cta input[type="text"],
.modal.modal-cta input[type="email"] {
	padding: 15px;
	background: rgba(0, 0, 0, .25);
	color: #fff;
	border-color: rgba(255, 255, 255, .25);
}
.modal.modal-cta input[type="text"]:focus,
.modal.modal-cta input[type="email"]:focus {
	border-color: #fff;
}
.modal.modal-cta input[type="text"]::placeholder,
.modal.modal-cta input[type="email"]::placeholder {
  color: #fff;
}
.modal.modal-cta input[type="submit"] {
	background: #fff;
	color: #000;
	border-color: #fff;
}
.modal.modal-cta input[type="submit"]:hover {
	background: #555;
	color: #fff;
	border-color: #555;
}

/* ----- wells ----- */
.well {
	padding: 30px;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.well.well-cta {
	padding: 50px;
}
.well.well-dark {
	background: #000;
}
.well.well-trans-border {
	background: none;
	border: 1px solid rgba(255, 255, 255, .25);
}
.well.bg-white {
	border: 1px solid #ddd;
}

.well-clg {
	background: #feeceb;
}
.well-clg p {
	font-family: 'Merriweather Sans', sans-serif;
}
.well-clg p a {
	color: #000;
	border-bottom: 2px solid rgba(0, 0, 0, .25);
	text-decoration: none;
}
.well-clg p a:hover {
	border-bottom-color: #000;
}


/* Behavioral (JS)
========================================================================================= */
.js-content-hidden {
	display: none;
}


/* Plugins
========================================================================================= */
/* ---------- Featherlight ---------- */
.featherlight .featherlight-content {
	min-width: 300px;
    min-height: 300px;
	padding: 0;
    background: url(images/loading.svg) center center no-repeat;
    border: none;
    overflow: inherit;
}
.featherlight .featherlight-close-icon {
	width: 40px;
	line-height: 40px;
	background: #000;
	color: #fff;
}
.featherlight-next,
.featherlight-previous {
	top: 0;
}
.featherlight-next {
	right: -80px;
	left: 100%;
}
.featherlight-previous {
	left: -80px;
	right: 100%;
}
.featherlight-next span,
.featherlight-previous span {
	display: block;
	width: 80px;
	text-shadow: none;
}
.featherlight-next span:before,
.featherlight-previous span:before {
	content: "";
	font-size: 1em;
}
.featherlight-next span:before{
	content: "\203A";
}
.featherlight-previous span:before {
	content: "\2039";
}
.featherlight-next span img,
.featherlight-previous span img {
	display: none !important;
}

/* ---------- Gravity Forms ---------- */
.gform_wrapper {
	margin: 0 0 30px;

}
.gform_fields {
	list-style: none;
	margin: 0;
}
.gform_fields .gfield {
	margin: 0 0 15px;
}
.gform_fields .gfield select {
	width: 100%;
}
.gform_fields .gfield .gfield_description {
	display: block;
	font-size: .85em;
	font-weight: 700;
	color: #333;
	margin: 0 0 10px;
}
/* hide labels */
.gform_fields .gfield_label,
.gform_fields .ginput_counter {
	display: none;
}
/* hide sub-labels */
.gform_fields .name_first label,
.gform_fields .name_last label {
	display: none;
}
.gform_fields .name_first {
	display: block;
	margin: 0 0 15px;
}
/* radio buttons */
.gfield_radio {
	list-style: none;
	margin: 0;
}
.gfield_radio li {
	position: relative;
	display: inline-block;
	padding-left: 24px;
	margin: 0 20px 0 0;
	vertical-align: top;
}
.gfield_radio li input {
	position: absolute;
	top: 3px;
	left: 0;
}
.gfield_radio li label {
	font-weight: 300;
}
/* validation */
.gform_wrapper .validation_error {
	display: block;
	padding: 10px;
	margin: 0 0 15px;
	font-size: .85em;
	background: #c00;
	color: #fff;
}
.gform_fields .gfield .validation_message {
	display: block;
	margin: 5px 0 0;
	font-size: .85em;
	color: #c00;
}
.hero .hero-form .gform_fields .gfield .validation_message {
	color: #f90;
}
.gform_validation_container {
	display: none;
}
/* success styling */
.gform_confirmation_message {
	display: block;
	padding: 10px;
	margin: 0 0 15px;
	font-size: .85em;
	background: #690;
	color: #fff;
}

.gfield_required {
	color: #c00;
}

/* hidden fields */
.gfield_visibility_hidden {
	display: none;
}

/* ---------- wpDiscuz ---------- */
#wpdcom .wpd-thread-head .wpd-thread-info {
	letter-spacing: 0;
	text-transform: none;
}

/* ---------- WP Pagenavi ---------- */
.wp-pagenavi {
	padding: 20px 0 0;
	margin: 20px 0;
	font-size: .9em;
	border-top: 1px solid #ccc;
}
.wp-pagenavi a,
.wp-pagenavi span {
	display: inline-block;
	width: 36px;
    padding: 10px 0;
    margin: 0 5px 5px 0;
    text-align: center;
    border: none;
    border-radius: 100px;
}
.wp-pagenavi span.pages {
	width: auto;
	padding: 10px;
	background: #eee;
	color: #151515;
	border-left: 3px solid #ccc;
	border-radius: 0;
}
.wp-pagenavi a {
	background: #05a2e4;
	color: #fff;
}
.wp-pagenavi a:hover {
	background: #036;
	text-decoration: none;
}
.wp-pagenavi span.current {
	background: #151515;
	color: #fff;
}
.wp-pagenavi a.first,
.wp-pagenavi a.last {
	width: auto;
	padding: 10px 20px;
}

/* ---------- Google Code Prettify ---------- */
/* used for code markup */

/* SPAN elements with the classes below are added by prettyprint. */
.pln {color: #eee;}  /* plain text */

@media screen {
  .str {color: #d1f26c;}  /* string content */
  .kwd {color: #ca81fd;}  /* a keyword - LIGHT PURPLE */
  .com {color: #666;}  /* a comment - GREY */
  .typ {color: #f60;}  /* a type name - ORANGE */
  .lit {color: #357ffb;}  /* a literal value - BLUE */
  /* punctuation, lisp open bracket, lisp close bracket */
  .pun, .opn, .clo {color: #999;}
  .tag {color: #69cafc;}  /* a markup tag name - LIGHT BLUE */
  .atn {color: #357ffb;}  /* a markup attribute name - BLUE */
  .atv {color: #d1f26c;}  /* a markup attribute value - LIME GREEN */
  .dec, .var {color: #ff0;}  /* a declaration; a variable name - YELLOW */
  .fun {color: #f60;}  /* a function name - ORANGE */
}

/* Use higher contrast and text-weight for printable form. */
@media print, projection {
  .str {color: #060;}
  .kwd {color: #006; font-weight: bold;}
  .com {color: #600; font-style: italic;}
  .typ {color: #404; font-weight: bold;}
  .lit {color: #044;}
  .pun, .opn, .clo {color: #440;}
  .tag {color: #006; font-weight: bold;}
  .atn {color: #404;}
  .atv {color: #060;}
}

/* Put a border around prettyprinted code snippets. */
pre.prettyprint {background: #000; overflow-x: auto; margin: 0 0 20px;}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {margin-top: 0; margin-bottom: 0; padding-left: 0;} /* IE indents via margin-left */
ol.linenums li {color: #666; margin: 0; padding: 5px;}

/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 {background: #222;}

/* 08: Responsive (Media Queries)
========================================================================================================== */
/* Retina-specific styles */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (   -moz-min-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

}

/* LARGE DESKTOP */
@media (min-width: 1200px) {

}

@media (max-width: 1199px) {

	.container {
		width: auto;
		padding: 0 30px;
	}
	
	/* header */
	.site-header .header-nav ul {
		font-size: .8em;	
	}
	
	/* page header */
	.page-header.header-section .section-content .content-utility {
		right: 30px;
	}

	/* page section */
	.page-section.section-ali-light {
		padding: 50px 0 50px 150px;
	}

	.nav-utility {
		display: none;
	}

	.user.user-post-primary {
		margin-top: 0;
	}

}

/* TABLET */
@media (max-width: 1024px) {
	
	body {
		margin-left: 0;
	}

	/* site wrap */
	.site-wrap {
		padding: 50px 0 0;
	}

	/* site nav */
	.site-nav {
		top: 50px;
		width: 0;
		padding: 0;
		height: 100%;
		background: rgba(0, 0, 0, .95);
		border: none;
		overflow: hidden;
	}
	.site-nav .nav-brand {
		display: none;
	}
	.site-nav .logo {
		display: none;
	}
	/* mobile open nav styling */
	.site-nav.open {
		width: 100%;
	}
	.site-nav .mobile-header {
		display: block;
		height: 50px;
		background: #fff;
		overflow: hidden;
	}
	.site-nav .mobile-header .brand {
		display: inline-block;
		padding: 0;
		background: none;
		text-align: left;
	}
	.site-nav .mobile-nav-toggle {
		display: inline-block;
	}
	.site-nav .nav-tagline {
		padding: 20px;
		margin: 0;
		color: #fff;
	}
	.site-nav .nav-menu ul li {
		float: none;
		display: block;
		border-bottom: none;
		border-top: 1px solid rgba(255, 255, 255, .1);
	}
	.site-nav .nav-menu ul li a {
		padding: 15px 15px 15px 50px;
		color: rgba(255, 255, 255, .7);
	}
	.site-nav.open .nav-menu ul li a:hover {
		background: rgba(255, 255, 255, .15);
		color: #fff;
	}
	.site-nav .nav-menu ul li a .menu-icon {
		top: 15px;
		left: 10px;
		color: #fff;
	}
	.site-nav .nav-menu ul li:hover ul.drop-down {
		display: none;
	}
	.site-nav .nav-menu ul li a .arrow-icon {
		display: none;
	}
	.site-nav .nav-social {
		float: none;
		border-top: 2px solid rgba(255, 255, 255, .15);
	}
	
	.mobile-header {
		display: block;
		
	}
	
	.site-nav .search-form {
		margin: 20px;
	}
	.site-nav .search-form .search-field {
		color: #fff;
	}

	/* header */
	.site-header {
		position: fixed;
		width: 100%;
		height: 60px;
		background: #fff;
	}
	.site-header .container {
		padding: 0;
	}
	.site-header .header-mobile-navicon {
		display: inline-block;
	}
	.site-header .header-brand {
		display: inline-block;
		height: 60px;
		padding: 22px 20px 20px 20px;
	}
	.site-header .header-brand .brand-icon {
		top: 10px;
		left: 10px;
		width: 40px;
	}
	.site-header .header-tagline {
		display: none;
	}
	.site-header .header-nav {
		position: fixed;
		top: 60px;
		right: 0;
		bottom: 0;
		left: 0;
		height: 0;
		padding: 0;
		overflow: hidden;
		background: rgba(0, 0, 0, .85);
		z-index: 1000;
	}
	.site-header .header-optin {
		display: none;
	}
	/* nav open styling */
	.mobile-nav-open {
		overflow: hidden;
	}
	.mobile-nav-open .site-header .header-mobile-nav-brand {
		display: inline-block;
	}
	.mobile-nav-open .site-header .header-nav {
		height: 100%;
	}
	.mobile-nav-open .site-header .header-nav ul {
		float: none;
		font-size: .9em;
	}
	.mobile-nav-open .site-header .header-nav ul > li,
	.mobile-nav-open .site-header.header-restyle .header-nav ul > li {
		float: none;
		display: block;
		border-left: none;
		border-top: 1px solid rgba(255, 255, 255, .15);
	}
	.mobile-nav-open .site-header .header-nav ul > li.nav-cta {
		float: none;
	}
	.mobile-nav-open .site-header .header-nav ul > li:first-child {
		border-top: 1px solid rgba(255, 255, 255, .5)
	}
	.mobile-nav-open .site-header .header-nav ul > li > a,
	.mobile-nav-open .site-header.header-restyle .header-nav ul > li > a {
		height: auto;
		padding: 25px 15px;
		color: #fff;
		border-radius: 0;
	}
	.mobile-nav-open .site-header .header-nav ul > li > a:hover {
		background: rgba(255, 255, 255, .1);
	}
	.mobile-nav-open .site-header .header-nav ul > li.nav-beta > a {
		color: #f60;
	}
	.mobile-nav-open .site-header .header-nav ul > li.nav-cta > a {
		color: #a4e624;
	}
	.mobile-nav-open .site-header .header-nav ul > li:hover .nav-dropdown {
		display: none;
	}
	
	/* page header */
	.page-header.header-section .section-content  {
		padding: 50px 0 30px;
	}
	.page-header.header-section .section-content .breadcrumb {
		margin: 0 0 15px;
	}
	.page-header.header-section .section-content .content-utility {
		bottom: 25px;
	}

	/* page section */
	.page-section.section-about {
		padding: 50px 0;
	}
	
	/* page overlay */
	.page-overlay .overlay-option {
		width: auto;
		margin: 0;
	}
	.page-overlay .overlay-header .overlay-close {
		font-size: 3.5em;
	}
	
	/* hero */
	.hero.hero-homepage {
		background-attachment: inherit;
	}
	
	/* features */
	.feature-raised {
		margin-top: 0;
	}

	.body-membership .site-header .header-brand {
		margin-left: -136px;
	}

	/* featherlight */
	.featherlight .featherlight-content {
		margin: 50px 0 0;
		vertical-align: top;
	}
	.featherlight-next,
	.featherlight-previous {
		top: inherit;
		bottom: -80px;
		width: 80px;
		height: 80px;
	}
	.featherlight-next {
		right: 0;
		left: inherit;
	}
	.featherlight-previous {
		left: 0;
		right: inherit;
	}
	.featherlight-next span,
	.featherlight-previous span {
		top: 35%;
	}
	
}

/* SMALL TABLET */
@media (max-width: 992px) {

	/* hero */
	.hero .hero-content {
		width: 80%;
		margin: 0 auto; 
	}
	.hero .hero-content .hero-icon {
		margin: 0 auto 30px;
	}

	/* grids */
	.gallery.gallery-columns-4 .gallery-item {
		float: none;
		display: inline-block;
		max-height: 120px;
		vertical-align: top;
	}

}

/* MOBILE */
@media (max-width: 768px) {

	h1 {font-size: 2em; letter-spacing: -1px;}
	h2 {font-size: 1.6em;}
	h3 {font-size: 1.4em;}
	h4 {font-size: 1.2em;}
	h5 {font-size: 1.1em;}
	
	p.headline {
		font-size: 1.2em;
		letter-spacing: 0;
	}
	
	.btn.btn-xl {
		font-size: 1.2em;
		padding: 15px 30px;
	}

	.hr-mobile {
		display: block;
		margin: 30px 0;
	}

	.icon-title {
		padding-left: 40px;
	}
	
	/* header */
	.site-header .header-tagline {
		display: none;
	}
	
	/* hero */
	.hero .hero-content {
		width: 70%;
	}
	.hero .hero-content h1,
	.hero .hero-content p {
		text-align: center;
	}
	.hero .hero-content h1 {
		font-size: 2.4em;
	}
	.hero .hero-content .btn {
		display: block;
		width: 100%;
		margin: 0 0 10px;
	}
	
	/* page header */
	
	/* page section */
	.page-section {
		padding: 30px 0;
	}
	.page-section .section-header {
		padding: 0;
	}
	.page-section .section-header .header-utility {
		position: static;
	}
	.page-section.section-ali-light {
		padding: 30px;
		background: #fff;
	}

	/* sidebar */
	.sidebar {
		padding: 15px;
	}
	/* widget */
	.widget {
		padding: 15px;
	}
	
	/* grids */
	.masonry-grid .grid-item {
		width: 47%;
	}
	.rsp-grid.grid-spaced .grid-container {
		width: 47% !important;
	}
	.gallery.gallery-columns-4 .gallery-item {
		width: 32.33%;
	}
	
	/* tabs */
	.tabs-nav {
		display: block;
		width: 100%;
	}
	.tabs-nav li {
		display: block;
		padding: 0;
		margin: 0 0 10px;
		width: 100% !important;
	}
	
	/* footer */
	body.home .site-footer {
		position: static;
	}
	p.site-credit {
		text-align: left;
	}

	/* modals */
	.modal-header .close {
		top: 3px;
		font-size: 3em;
	}

}

/* SUPER MOBILE */
@media (max-width: 600px) {

	.btn-mobile-block {
		display: block;
		width: 100%;
		margin: 0 0 15px;
	}
	
	/* header */
	.site-header .header-top .top-nav .nav-social {
		display: none;
	}
	.site-header .header-top .top-nav .nav-email {
		display: none;
	}
	
	.mobile-nav-open .site-header .header-mobile-nav-brand {
		width: 240px;
	}
	.mobile-nav-open .site-header .header-nav ul {
		font-size: .85em;
	}
	
	/* page header */
	.page-header p {
		font-size: 1.2em;
	}
	.page-header.header-cover {
		max-height: inherit;
	}
	.page-header.header-cover .cover-image {
		opacity: 1.0;
	}
	.page-header.header-cover .cover-content {
		position: static;
		padding: 30px 0;
		background: #555;
	}

	/* page section */
	.page-section.section-ali-light {
		padding: 30px 0;
	}
	
	/* grids */
	.masonry-grid {
		margin-left: 0;
	}
	.masonry-grid .grid-item {
		width: 100%;
		margin: 0 0 15px;
	}
	
	.rsp-grid.grid-spaced {
		margin-left: 0;
	}
	.rsp-grid .grid-container,
	.rsp-grid.grid-spaced .grid-container {
		display: block;
		width: 100% !important;
		margin: 0 0 15px;
	}
	.gallery.gallery-columns-4 .gallery-item {
		width: 49%;
		max-height: 140px;
	}

	/* hero */
	.hero .hero-content {
		width: 100%;
	}
	.hero .hero-content h1 {
		font-size: 1.8em;
	}
	.hero .hero-content .hero-icon {
		width: 100px;
	}
	.hero .hero-content-bg {
		padding: 30px 0;
		background: rgba(0, 0, 0, .5);
	}
	.hero.hero-homepage {
		padding: 0;
		background: url(images/section-bg-ali-square.jpg) top center no-repeat #222;
		-webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	.hero.hero-homepage .hero-form .btn {
		display: block;
		width: 100%;
		margin: 0 0 10px;
	}

	/* items */
	.item.item-with-image {
		padding-left: 100px;
	}
	.item.item-with-image .item-image {
		width: 80px;
	}
	.item.item-block .item-image {
		width: 100%;
		float: none;
	}
	.item.item-block .item-image img {
		width: 100%;
	}
	.item.item-block .block-content {
		position: relative;
		top: inherit;
		left: inherit;
		padding: 15px;
		margin: -30px 20px 0;
		background: #fff;
	}
	.item.item-with-action {
		padding-right: 0;
	}
	.item.item-with-action .item-action {
		position: static;
		width: auto;
		margin: 15px 0 0;
		text-align: left;
	}

	/* user */
	.user.user-large {
		min-height: 80px;
		padding-left: 100px;
	}
	.user.user-large .user-avatar {
		width: 80px;
	}

	/* posts */
	.post-content {
		padding: 0;
	}
	
	/* footer */
	.footer-nav {
		font-size: .7em;
	}
	.footer-logos {
		display: block;
	}
	.footer-logos .logo-container {
		display: inline-block;
		width: 48%;
		margin: 20px 0;
	}
	
	/* tables */
	.table.table-stats {
		font-size: 1em;
	}

}

/* SUPER DUPER MOBILE */
@media (max-width: 480px) {

	.feature h6 .helper-text {
		display: block;
		margin: 5px 0 0;
	}

	.form-container {
		padding: 30px;
	}

	.footer-nav li {
		padding: 0 5px;
	}
	.footer-nav li:first-child {
		padding-left: 0;
	}

}