/*
Theme Name: BPL
Author: MemberDev
Author URI: https://memberdev.com
Description: Custom theme for Backpacking Light, based off WP bpl shell.
Version: 1.0
/*
CHANGELOG
- 17.Nov.2020 - added draft font specs (RJ)

/*
TABLE OF CONTENTS
- 01: Global
- 02: Header
- 03: Structure
- 04: Components
- 05: Footer
- 06: Forms
- 07: Tables
- 08: Bootstrap
- 09: Plugins
- 10: Behavioral (JS)
- 11: Responsive (Media Queries)
*/

/* =Fonts
------------------------------------------------------------------------ */
@font-face {
	font-family: 'Eurostile';
	src: url('fonts/Eurostile.eot');
	src: local('☺'), url('fonts/Eurostile.woff') format('woff'), url('fonts/Eurostile.ttf') format('truetype'), url('fonts/Eurostile.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Freight Text Pro Book';
    src: url('fonts/freigtexprobook.woff2') format('woff2');
    src: local('☺'), url('fonts/freigtexprobook.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Regular';
    src: url('fonts/proximanova-regular.eot');
	src: local('☺'), url('fonts/proximanova-regular.woff') format('woff'), url('fonts/proximanova-regular.ttf') format('truetype'), url('fonts/proximanova-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Proxima Nova Condensed Extra Bold';
    src: url('fonts/proximanovacond-extrabold.eot');
	src: local('☺'), url('fonts/proximanovacond-extrabold.woff') format('woff'), url('fonts/proximanovacond-extrabold.ttf') format('truetype'), url('fonts/proximanovacond-extrabold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


:root {
    --serifbody: 'Freight Text Pro Book';
    --sansserifreg: 'Proxima Nova Regular';
    --sansserifbold: 'Proxima Nova Condensed Extra Bold';
}


/* =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 {
	position: relative;
	/*background: url(images/texture-topography-001-light.jpg);*/
	background: #fff;
	background-size: 25%;
	color: #333;
	/*font-family: var(--serifbody), Georgia, serif;*/
	font-family: var(--sansserifreg), Georgia, serif;
	font-weight: 400;
	line-height: 1.5em;
}
body.body-white-bg {
	background: #fff;
}
body.search {
	padding: 0;
	background: #19191d;
}

/* page backgrounds */
body.page-template-page-checkout,
body.page-template-page-confirmation,
body.page-template-page-upsell {
	background: url(images/page-bg-mountains.jpg) center center fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body.page-template-page-maintenance {
	background: url(images/page-bg-mountains.jpg) center center fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* ======================================================================================================= */
/* 01: Global
/* ======================================================================================================= */
h1, h2, h3, h4, h5, h6, p {font-weight: 300; margin-bottom: 20px; line-height: 1.5em;}
h1, h2, h3, h4, h5, h6 {font-family: var(--sansserifbold), Helvetica, sans-serif; margin: 0 0 20px; font-weight: 400; letter-spacing: 0.0em; line-height: 1.2; color: #151515;}
h1 {font-size: 2.5em; font-weight: 300; line-height: 1.2em;}
h2 {font-size: 2.25em;}
h3 {font-size: 2em;}
h4 {font-size: 1.5em;}
h5 {font-size: 1.3em;}
h6 {font-size: 1.2em;}
p {font-size: 1.25em; font-weight: 300; line-height: 1.5em;}
p.headline {font-size: 1.5em; font-weight: 300; letter-spacing: -0.025em; line-height: 1.5;}
p.headline.small {font-size: 1.2em;}
p.headline.large {font-size: 1.75em;}
p.headline.jumbo {font-size: 2em;}
p.small {font-size: .85em;}

.headline-content p {
	font-size: 1.5em;
	letter-spacing: -0.025em;
	line-height: 1.5;
}

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

blockquote {
	padding: 15px;
	margin: 0 0 20px;
	background: #f5f5f5;
	color: #333;
	line-height: 1.5;
	border-left: 4px solid #ccc;
}
blockquote p:last-child {
	margin: 0;
}

figcaption {
	padding: 15px;
	margin: 0 0 20px;
	font-style: italic;
    line-height: 1.4;
}

sup {
	font-size: .7em;
}

hr {
	border-top-color: #ddd;
}
.hr-10 {
	margin: 10px 0 !important;
}
.hr-15 {
	margin: 15px 0 !important;
}
.hr-20 {
	margin: 20px 0 !important;
}
.hr-30 {
	margin: 30px 0 !important;
}
.hr-50 {
	margin: 50px 0 !important;
}
.hr-blank {
	border-top: none;
	height: 1px;
	margin: 10px 0;
}
.hr-dark {
	border-top: 1px solid #151515;
}
.hr-thin {
	border-top-width: 1px;
}
.hr-thick {
	border-top-width: 5px;
}
.hr-trans {
	border-top-color: rgba(255, 255, 255, .25);
}
.hr-trans-black {
	border-top: 1px solid rgba(0, 0, 0, .25);
}
.hr-half {
	width: 50%;
	margin: 20px auto;
}
.hr-slim {
	width: 20%;
	margin: 30px 0;
}
.hr-slim-centered {
	width: 20%;
	margin: 30px auto;
}
.hr-spacer {
	min-height: 1px;
	border: none;
	margin: 30px 0;
}
.hr-spacer-40 {
	min-height: 1px;
	border: none;
	margin: 40px 0;
}
.hr-spacer-50 {
	min-height: 1px;
	border: none;
	margin: 50px 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;
}
img.user-avatar.avatar-profile {
	display: block;
	margin: 0 auto 20px;
	border-radius: 300px;
	-moz-border-radius: 300px;
	-webkit-border-radius: 300px;
}
figure {
	max-width: 100%;
}

code {
	padding: 5px;
	background: #000;
	color: #fff;
	font-size: .7em;
	border-radius: 0;
}
pre {
	padding: 15px;
	margin: 0 0 20px;
	font-size: .85em;
	background: #000;
	color: #fff;
	border-radius: 0;
	white-space: pre-wrap;
}

.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}
.alignright {
	float: right;
	margin: 0 0 20px 20px;
}
.aligncenter {
	margin: 0 auto;
}

/* ----- Helpers ----- */
.capitalize {
	text-transform: capitalize !important;
}
.caps {
	text-transform: uppercase !important;
}
.centered {
	text-align: center !important;
}
.line-through {
	text-decoration: line-through !important;
}
.underlined {
	text-decoration: underline !important;
}
.clear {
	clear: both !important;
}
.bold {
	font-weight: 700 !important;
}
.italic {
	font-style: italic !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-serif {
	font-family: var(--sansserifreg), Helvatica, sans-serif !important;
}
.font-sans-serif-bold {
	font-family: var(--sansserifbold), Helvatica, sans-serif !important;
}
.spaced-3 {
	letter-spacing: 3px !important;
}
.spaced-5 {
	letter-spacing: 5px !important;
}
.spaced-10 {
	letter-spacing: 10px;
}
.no-margin {
	margin: 0 !important;
}
.margin-b-10 {
	margin: 0 0 10px !important;
}
.margin-mobile-only {
	margin: 0;
}
.no-padding {
	padding: 0 !important;
}

/* images */
.avatar {
	border-radius: 100px;
}
.embed-center {
	margin: 0 auto 20px;
	text-align: center;
}
.embed-left {
	float: left;
	margin: 0 20px 10px 0;
}
.embed-right {
	float: right;
	margin: 0 0 10px 20px;
}
.embed-static {
	display: block;
	margin: 0 0 20px;
}
.embed-medallion {
	display: block;
	width: 200px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.embed-medallion:hover {
	transform: scale(1.05);
}
.img-badge {
	display: inline-block;
	width: 150px;
}


.shadowed {
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.helper-link {
	display: inline-block;
	font-size: .85em;
	font-weight: 300;
	margin-left: 5px;
}
.helper-text {
	font-size: .75em;
	font-weight: 300 !important;
}

.brand {
	font-weight: 700;
	letter-spacing: -0.025em;
}
.signature {
	display: block;
	width: 200px;
}

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

/* centered content */
.content-centered h1,
.content-centered h2,
.content-centered h3,
.content-centered h4,
.content-centered h5,
.content-centered h6,
.content-centered p {
	text-align: center;
}

/* light content */
.content-light h1,
.content-light h2,
.content-light h3,
.content-light h4,
.content-light h5,
.content-light h6,
.content-light p,
.content-light ol,
.content-light ul {
	color: #fff;
}

/* mobile hide/show classes */
.show-1399,
.show-1199,
.show-1024,
.show-992,
.show-768,
.show-600,
.show-480 {
	display: none;
}

/* ----- colors ----- */
/* primary brand colors */
.color-green {color: #64b927 !important;}
.color-green-light {color: #b3e065 !important;}
.color-green-dark {color: #1f4d0b !important;}

.color-brown {color: #533818 !important;}
.color-brown-light {color: #cdb293 !important;}
.color-brown-grey {color: #796e5f !important;}

/* secondary */
.color-orange, .color-premium {color: #ff5519 !important;}
.color-orange-dark {color: #952802 !important;}
.color-yellow {color: #fcc400 !important;}
.color-blue {color: #1785da !important;}


/* neutral */
.color-dark {color: #151515 !important;}
.color-black {color: #000 !important;}
.color-white {color: #fff !important;}
.color-grey {color: #797e71 !important;}
.color-grey-light {color: #f5f5f5 !important;}
.color-grey-medium {color: #afb1ab !important;}
.color-grey-dark {color: #595959 !important;}

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

/* status colors */
.color-open, .color-completed {color: #64b927 !important;} /* green */
.color-closed {color: #797e71 !important;} /* grey */
.color-warning {color: #ff5519 !important;} /* orange */

/* ----- backgrounds ----- */
/* primary */
.bg-green {background: #64b927 !important;}
.bg-green-light {background: #b3e065 !important;}
.bg-green-dark {background: #1f4d0b !important;}

.bg-brown {background: #533818 !important;}
.bg-brown-light {background: #cdb293 !important;}
.bg-brown-grey {background: #796e5f !important;}

/* secondary */
.bg-blue {background: #1785da !important;}

/* secondary */
.bg-orange {background: #ff5519 !important;}
.bg-orange-dark {background: #952802 !important;}
.bg-yellow {background: #fcc400 !important;}

/* neutral */
.bg-white {background: #fff !important;}
.bg-grey-light {background: #f5f5f5 !important;}
.bg-grey {background: #797e71 !important;}
.bg-grey-dark {background: #595959 !important;}
.bg-dark {background: #151515 !important;}


/* gradient backgrounds */
.bg-gradient-green {
	background: rgb(31,77,11);
	background: linear-gradient(90deg, rgba(31,77,11,1) 0%, rgba(100,185,39,1) 100%);
}

/* -------------------- titles -------------------- */
.brand-title img {
	display: inline-block;
    width: 32px;
    margin: 5px 5px 0 0;
    vertical-align: top;
}
.caps-title {
	font-weight: 700;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.lined-title {
	position: relative;
}
.lined-title:after {
	position: absolute;
	top: 23px;
	left: 0;
	width: 100%;
	height: 1px;
	content: "";
	background: #ddd;
	z-index: 1;
}
.lined-title .title-span {
	position: relative;
	display: inline-block;
	padding: 10px 20px 10px 0;
	background: #fff;
	z-index: 10;
}
.lined-title.title-light .title-span {
	background: #f8f6f4;
}

.cta-title {
	letter-spacing: 0;
	text-transform: uppercase;
}
.info-title {
	padding: 0 0 15px;
	margin: 0;
	border-bottom: 1px solid #33505e;
}
.icon-title {
	position: relative;
	line-height: 1.2;
	padding: 0 50px 0 20px;
	margin: 0 0 20px;
	border-left: 3px solid;
}
.icon-title i {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1;
	color: #098ca8;
}
.index-title {
	position: relative;
	padding-right: 40px;
	line-height: 1.2;
}
.index-title i {
	position: absolute;
	top: 5px;
	right: 0;
	line-height: 1;
}
.table-title {
	position: relative;
	padding-right: 150px;
}
.table-title .title-utility-link {
	position: absolute;
	top: 5px;
	right: 0;
	font-size: .75em;
}

.title-link {
	margin-left: 5px;
}
.title-w-yt-icon i {
	display: inline-block;
	font-size: 2em;
	margin: -5px 0 0 -5px;
	vertical-align: top;
}
.title-jumbo {
	font-size: 4em;
}


/* ----- icons ----- */
h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i {
	font-weight: normal;
}

.icon-left {
	margin-right: 5px;
}
.icon-right {
	margin-left: 5px;
}
.icon-centered {
	margin: 0 auto 20px;
	text-align: center;
}
.icon-jumbo {
	display: block;
	font-size: 5em;
	line-height: 1;
	margin: 0 0 10px;
}

.icon-nav {
	display: table;
	font-size: 2em;
	width: 100%;
}
.icon-nav .nav-column {
	display: table-cell;
	width: 33.33%;
	line-height: 1;
	vertical-align: middle;
}
.icon-nav a {
	display: block;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}
.icon-nav a .nav-text {
	display: inline-block;
	font-size: .5em;
	font-weight: 700;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin: 8px 0;
	vertical-align: top;
}
.icon-nav a:hover {
	color: #000;
}

/* ----- titles ----- */
.mega-title {
	font-size: 4em;
}
.spaced-title {
	letter-spacing: 3px;
	text-transform: uppercase;
}

/* ----- buttons ----- */
.btn,
.button {
	display: inline-block;
	padding: 12px 30px;
	font-size: .9em;
	font-weight: 700;
	line-height: 1.2;
	border: 2px solid;
	border-radius: 0;
	font-family: var(--sansserifbold), Helvetica, sans-serif;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
	font-synthesis: none;
	text-rendering: optimizeLegibility;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.btn.btn-danger {
	background: #c00;
	color: #fff;
	border-color: #c00;
	margin-right: 5px;
}
.btn.btn-danger:hover {
	background: #900;
	color: #fff;
	border-color: #900;
}
.btn.btn-default {
	background: none;
	color: #151515;
	border-color: rgba(0, 0, 0, .25);
}
.btn.btn-default:hover {
	background: #151515;
	color: #fff;
	border-color: #151515;
}
.btn.btn-primary,
.btn.btn-green,
.button.btn-green {
	background: #64b927;
	color: #fff;
	border-color: #64b927;
}
.btn.btn-primary:hover,
.btn.btn-green:hover,
.button.btn-green:hover {
	background: #1f4d0b;
	color: #fff;
	border-color: #1f4d0b;
	text-decoration: none;
}
.btn.btn-trans {
	background: none;
	color: #fff;
	border-color: rgba(255, 255, 255, .5);
}
.btn.btn-trans:hover {
	background: #fff;
	color: #333;
	border-color: #fff;
}
.btn.btn-trans-black {
	background: rgba(0, 0, 0, .25);
	color: #fff;
	border-color: rgba(0, 0, 0, .05);
}
.btn.btn-trans-black:hover {
	background: #fff;
	color: #151515;
	border-color: #fff;
}
.btn.btn-cta {
	background: #ff5519;
	color: #fff;
	border-color: #ff5519;
}
.btn.btn-cta:hover {
	background: #952802;
	color: #fff;
	border-color: #952802;
}
.btn.btn-cta.btn-trans {
	background: rgba(255, 102, 0, .5);
	color: #fff;
	border: none;
}
.btn.btn-cta.btn-trans:hover {
	background: #f60;
	color: #fff;
}
.btn.btn-shop {
	background: #fcc400;
	color: #000;
	border-color: #fcc400;
}
.btn.btn-shop:hover {
	background: #c69a01;
	border-color: #c69a01;
}
.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-white {
	background: #fff;
	color: #1ab1db;
	border-color: #fff;
}
.btn.btn-white:hover {
	background: #1ab1db;
	color: #fff;
	border-color: #1ab1db;
}
.btn.btn-cancel {
	background: none;
	color: #333;
	border-color: rgba(0, 0, 0, .1);
}
.btn.btn-cancel:hover {
	color: #333;
	background: rgba(0, 0, 0, .1);
}
.btn.btn-save {
	background: #68bb43;
	color: #fff;
	border-color: #68bb43;
}
.btn.btn-save:hover {
	background: #31853c;
	border-color: #31853c;
}
.btn.btn-save-alt {
	background: none;
	color: #68bb43;
	border-color: #ccc;
}
.btn.btn-save-alt:hover {
	background: #68bb43;
	color: #fff;
	border-color: #68bb43;
}
.btn.btn-select {
	background: #151515;
	color: #fff;
	border-color: #151515;
}
.btn.btn-select:hover {
	background: #666;
	color: #fff;
	border-color: #666;
}
.btn.btn-status {
	background: none;
	color: #999;
	border: 2px solid #ccc;
}
.btn.btn-status.status-active {
	background: #eee;
	color: #1c1733;
}
.btn.btn-link {
	color: #64b927;
	border: none;
}
.btn.btn-link:hover {
	color: #036;
}
.btn.btn-back {
	border: none;
}
/* button sizes */
.btn-micro {
	font-size: .75em !important;
	padding: 6px 15px !important;
}
.btn-sm {
	font-size: .85em !important;
	padding: 8px 20px !important;
}
.btn-lg {
	font-size: 1.2em !important;
	padding: 15px 40px !important;
}
.btn-xl {
	font-size: 1.5em !important;
	padding: 20px 50px !important;
}

/* block buttons */
.btn-block {
	margin: 0 0 5px;
}

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

/* button labels */
.btn.btn-label {
	font-weight: 300;
	text-transform: none;
	color: #fff;
	border: none;
	border-radius: 0;
}
.btn.btn-label.label-success {
	background: #669900;
	background: -moz-linear-gradient(left, #669900 0%, #99cc00 100%);
	background: -webkit-linear-gradient(left, #669900 0%,#99cc00 100%);
	background: linear-gradient(to right, #669900 0%,#99cc00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669900', endColorstr='#99cc00',GradientType=1 );
}

/* ----- links ----- */
.link {
	display: inline-block;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-weight: 700;
}
.link-green {
	color: #64b927 !important;
}
.link-green:hover {
	color: #fff !important;
}
.link-white {
	color: #fff;
}
.link-white:hover {
	color: rgba(255, 255, 255, .5);
}
.link-white-holder a:hover {
	color: #fff;
}
.link-yellow {
	color: #efce2f;
}
.link-yellow:hover {
	color: #fff;
}
.link-dashed {
	display: inline-block;
	border-bottom: 2px dotted rgba(0, 0, 0, .5);
}
.link-dashed.link-white {
	border-bottom: 2px dotted rgba(255, 255, 255, .5);
}
.link-dashed:hover {
	border: none;
	text-decoration: none;
}
.link-inline {
	margin: 0 5px;
	cursor: pointer;
}
.info-tip {
	font-size: .85em;
	font-weight: 400;
	margin-left: 3px;
	vertical-align: top;
}

/* ----- lists ----- */
ul,
ol {
	margin: 0 0 30px 30px;
	font-size: 1.25em;
	font-weight: 400;
	line-height: 1.8;
}
ul li,
ol li {
	margin: 0 0 10px;
}
/* standard list */
.list-standard {
	list-style: square;
	margin: 0 0 20px 20px;
}
.list-standard li {
	margin: 0 0 10px;
}
/* action list */
.list-action {
	list-style: none;
	font-family: var(--sansserifbold), Helvetica, sans-serif;
	font-weight: 700;
	margin: 0 0 20px;
	-webkit-font-smoothing: antialiased;
	font-synthesis: none;
	text-rendering: optimizeLegibility;
}
.list-action li {
	display: inline-block;
	margin: 0;
	border-left: 1px solid rgba(0, 0, 0, .15);
	vertical-align: top;
}
.list-action li:first-child {
	border-left: none;
}
.list-action li a {
	position: relative;
	display: block;
	padding: 10px 15px;
	font-size: .9em;
	text-decoration: none;
	color: #000;
}
.list-action li a:hover {
	background: rgba(0, 0, 0, .1);
}
.list-action li a i,
.list-action li a svg {
	width: 20px;
	text-align: center;
	opacity: .5;
	margin: 0 5px;
}
.list-action li.action-cta a {
	color: #f99f27;
}
.list-action li.action-cta a:hover {
	background: #f99f27;
	color: #fff;
}
.list-action.list-block li {
	display: block;
	border-left: none;
	border-top: 1px solid rgba(0, 0, 0, .1);
}
.list-action.list-block li a {
	padding: 12px 40px 12px 0;
}
.list-action.list-block li a:hover {
	padding-left: 10px;
}
.list-action.list-block li a i,
.list-action.list-block li a svg {
	position: absolute;
	top: 17px;
	right: 10px;
	margin: 0;
}
/* bbpress subscribe list actions */
.list-action li a.subscription-toggle:after {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	content: '\f0e0';
	display: inline-block;
	width: 20px;
	text-align: center;
	opacity: .5;
	margin: 0 5px;
	vertical-align: top;
}
.list-action li .is-subscribed a {
	opacity: .5;
}
.list-action li .is-subscribed a.subscription-toggle:after {
	content: '\f2b6';
}
/* check lists */
.list-check {
	list-style: none;
	margin: 0 0 20px;
}
.list-check li {
	position: relative;
	padding-left: 25px;
	margin: 0 0 15px;
	line-height: 1.4;
}
.list-check li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "\f058";
	font-family: FontAwesome;
	font-size: 1.2em;
	color: #68bb43;
}
.list-check.list-2-column li {
	display: inline-block;
	width: 48%;
	vertical-align: top;
}
.list-check.list-large {
	font-size: 1.2em;
}
.list-check.list-large li {
	padding-left: 30px;
	margin: 0 0 20px;
}
.list-check.list-large li:before {
	top: -3px;
}
.list-check.check-color-blue li:before {
	color: #1ab1db;
}
.list-check.check-color-orange li:before {
	color: #f99f27;
}
/* 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-icons {
	list-style: none;
	margin: 0 0 30px;
}
.list-icons li {
	position: relative;
	padding: 0 0 0 30px;
	margin: 0 0 15px;
}
.list-icons li i,
.list-icons li svg {
	position: absolute;
	top: 4px;
	left: 0;
	width: 20px;
	font-size: 1.2em;
	text-align: center;
}
.list-icons.list-large {
	font-size: 1.2em;
}
.list-icons.list-large li {
	padding-left: 35px;
	margin: 0 0 20px;
}
.list-icons.list-spaced li {
	padding: 10px 0 10px 30px;
}
.list-icons.list-spaced li i {
	top: 11px;
}
.list-icons.list-legend {
	font-size: .8em;
}
.list-icons.list-legend li {
	display: inline-block;
	width: 48%;
	vertical-align: top;
}
/* labels list */
.list-details {
	list-style: none;
	margin: 0;
}
.list-details li {
	display: inline-block;
	padding: 0 10px;
	margin: 0;
	border-left: 1px solid #ddd;
}
.list-details li:first-child {
	padding-left: 0;
	border-left: none;
}
/* items list */
.list-items {
	list-style: none; 
	line-height: 1.4;
	margin: 0 0 20px;
}
.list-items li {
	margin: 0;
	border-top: 1px solid rgba(0, 0, 0, .1);
}
.list-items li a {
	position: relative;
	display: block;
	padding: 20px 0 20px 60px;
}
.list-items li a .item-circle {
	position: absolute;
	top: 18px;
	left: 0;
	width: 42px;
	height: 42px;
	background: #ddd;
	border-radius: 100px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.list-items li a .item-number {
	position: absolute;
	top: 18px;
	left: 0;
	width: 42px;
	height: 42px;
	padding: 10px 0;
	font-size: 1em;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #151515;
	border: 2px solid #151515;
	border-radius: 100px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.list-items li a .item-label {
	display: block;
	font-size: .85em;
	font-weight: 700;
	color: #151515;
	margin: 0 0 5px;
}
.list-items li a .item-label .label-status {
	padding: 0;
	margin-left: 5px;
}
.list-items li a .item-title {
	display: block;
	font-family: var(--sansserifbold);
	font-weight: 700;
	margin: 0;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.list-items li.active a .item-number {
	background: #151515;
	color: #fff;
	border-color: #151515;
}
.list-items li.active a .item-title {
	color: #151515;
}
.list-items li a:hover {
	text-decoration: none;
	color: #151515;
}
.list-items li a:hover .item-number {
	background: #151515;
	color: #fff;
	border-color: #151515;
}
.list-items li a:hover .item-title {
	color: #0d3a49;
}
/* menu list */
.list-menu {
	list-style: none;
	font-weight: 400;
	margin: 0 0 30px; 
}
.list-menu li {
	border-top: 1px solid #ccc;
	margin: 0;
}
.list-menu li a {
	position: relative;
	display: block;
	padding: 15px 40px 15px 0;
	color: #666;
	text-decoration: none;
}
.list-menu li a:hover {
	padding-left: 15px;
	background: rgba(0, 0, 0, .05);
	color: #333;
}
.list-menu li a i {
	position: absolute;
	top: 17px;
	right: 15px;
	opacity: .5;
	color: #1ab1db;
}
.list-menu li a sup {
	display: inline-block;
	font-size: .85em;
    font-weight: 700;
    margin: 15px 0 0 5px;
    vertical-align: top;
}
.list-menu.menu-light li {
	border-color: rgba(255, 255, 255, .15);
}
.list-menu.menu-light li a {
	color: rgba(255, 255, 255, .7);
}
.list-menu.menu-light li a:hover {
	background: rgba(255, 255, 255, .1);
	color: #fff;
}
/* nav list */
.list-nav {
	list-style: none;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-weight: 400;
	margin: 0 0 30px; 
}
.list-nav li {
	border-top: 1px solid rgba(0, 0, 0, .1);
	margin: 0;
}
.list-nav li a {
	position: relative;
	display: block;
	padding: 15px 20px 15px 0;
	color: #0b1c21;
	text-decoration: none;
}
.list-nav li a .nav-title {
	display: block;
	font-weight: 700;
	margin: 0 0 5px;
}
.list-nav li a .nav-desc {
	display: block;
	font-size: .85em;
	line-height: 1.4;
	color: #999;
}
.list-nav li a:after {
	position: absolute;
	top: 13px;
	right: 15px;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 1.2em;
	opacity: .25;
}
.list-nav li a:hover {
	padding-left: 10px;
	background: #f5f5f5;
	color: #09c;
}
.list-nav li a:hover:after {
	opacity: 1.0;
}
.list-nav li .nav-label {
	margin: 0 0 5px;
	color: #999;
}
.list-nav li .nav-title {
	margin: 0;
}
.list-nav li a:hover .nav-title {
	color: #09c;
}
.list-nav.nav-icons li a:after {
	display: none;
}
.list-nav.nav-icons li a i,
.list-nav.nav-icons li a svg {
	position: absolute;
	top: 20px;
	right: 15px;
	font-size: 1em;
}
.list-nav.nav-small {
	font-size: .85em;
}
.list-nav.nav-small li a {
	padding: 10px 20px 10px 0;
}
.list-nav.nav-small li a:hover {
	padding-left: 10px;
}
.list-nav.nav-small li a:after {
	top: 8px;
}

.list-nav.nav-light li {
	border-color: rgba(255, 255, 255, .35);
}
.list-nav.nav-light li a {
	color: #60cefb;
}
.list-nav.nav-light li a:after {
	color: #fff;
}
.list-nav.nav-light li a .nav-desc {
	color: rgba(255, 255, 255, .7);
}
.list-nav.nav-light li a:hover .nav-desc {
	color: #999;
}
.list-nav.nav-plus li a:after {
	content: "\f067";
}
.list-nav.nav-inline li {
	display: inline-block;
	border-top: none;
}
/* option lists */
.list-options {
	list-style: none;
	margin: 0 0 20px;
}
.list-options li {
	display: inline-block;
	margin: 0 5px 5px 0;
	vertical-align: top;
}
.list-options li.option-icon-only {
	margin: 8px 10px;
	line-height: 1;
}
.list-options li.option-icon-only a {
	font-size: 1.8em;
	color: #999;
}
.list-options li.option-icon-only a:hover {
	color: #000;
}
.list-options li.option-small {
	font-size: .75em;
}
/* step lists */
.list-step {
	list-style: none;
	margin: 0 0 20px;
}
.list-step li {
	position: relative;
	padding: 15px 0 15px 45px;
	margin: 0;
	border-top: 1px solid #ccc;
}
.list-step li .step-number {
	position: absolute;
	top: 15px;
	left: 0;
	width: 32px;
	padding: 5px 0;
	background: #c00;
	color: #fff;
	font-weight: 400;
	text-align: center;
	border-radius: 30px;
}
.list-step li .step-title {
	margin: 0;
}
/* 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;
}
/* list sizes */
.list-small {
	font-size: .85em;
}
.list-large {
	font-size: 1.2em;
}
/* list columns */
.list-columns {
	font-size: 0;
	margin: 0 0 0 -3%;
}
.list-columns li {
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	padding-right: 20px;
	margin: 0 0 3% 3%;
	vertical-align: top;
}
.list-columns.columns-2 li {
	width: 47%;
}
.list-columns.columns-3 li {
	width: 30.33%;
}
.list-columns.columns-4 li {
	width: 22%;
}
.list-columns.list-nav li {
	margin-bottom: 0;
}

/* ----- social ----- */
.social-nav {
	font-size: 1.2em;
	list-style: none;
	margin: 0 0 20px;
}
.social-nav li {
	display: inline-block;
	margin: 0 10px 5px 0;
}
.social-nav li a {
	display: inline-block;
	line-height: 1;
	text-align: center;
	color: #151515;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.social-nav li a:hover {
	color: #797e71;
}
.social-nav.nav-large {
	font-size: 1.5em;
}
.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;
}

/* ----- social share links ----- */
.share-links {
	list-style: none;
	font-size: 1em;
	margin: 0 0 20px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.share-links li {
	display: inline-block;
	margin: 0 2px 5px 0;
}
.share-links li.share-label {
	display: block;
	font-size: 1em;
	padding: 10px 0;
	margin: 0 !important;
	color: #999;
}
.share-links li a {
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	width: 38px;
	background: #151515;
	color: #fff;
	text-align: center;
	border-radius: 100px;
}
.share-links li a:hover {
	background: #64b927;
	color: #fff;
}
.share-links li.facebook a {
	color: #4c66a4;
}
.share-links li.facebook a:hover {
	background: #4c66a4;
	color: #fff;
	border-color: #4c66a4;
}
.share-links li.twitter a {
	color: #55acee;
}
.share-links li.twitter a:hover {
	background: #55acee;
	color: #fff;
	border-color: #55acee;
}
.share-links li.google a {
	color: #dd4b39;
}
.share-links li.google a:hover {
	background: #dd4b39;
	color: #fff;
	border-color: #dd4b39;
}
.share-links li.linkedin a {
	color: #0077B5;
}
.share-links li.linkedin a:hover {
	background: #0077B5;
	color: #fff;
	border-color: #0077B5;
}
/* light links */
.share-links.links-light li a {
	border-color: rgba(255, 255, 255, .5);
}

/* misc */
.screen-reader-text {
	display: none;
}

.number-circle {
	display: inline-block;
	padding: 10px 0;
	width: 50px;
	height: 50px;
	font-size: 1.2em;
	font-weight: 700;
	text-align: center;
	color: #333;
	border: 2px solid #333;
	border-radius: 100px;
	vertical-align: top;
}

/* -------------------- media -------------------- */
iframe,
object,
embed {
	display: block;
	max-width: 100%;
	margin: 0 auto 20px;
}
/* media (videos)
.media-wrapper {
	width: 620px;
	max-width: 100%;
	margin: 0 0 20px;
}
.media-container {
	position: relative;
	height: 0;
	padding-bottom: 62%;
	padding-top: 50px;
}
.media-container iframe,  
.media-container object,  
.media-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/

.chat-container {
	padding: 30px;
	margin: 0 0 30px;
	background: #f5f5f5;
}

.oembed-container {
	position: relative;
	margin: 0 0 30px;
}
.oembed-container.container-vimeo {
	position: relative;
	overflow: hidden;
	height: 0;
	padding-top: 56.25%;
}
.oembed-container.container-vimeo img,
.oembed-container.container-vimeo iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    z-index: 5;
}

.video-container {
	position: relative;
	overflow: hidden;
	height: 0;
	padding-top: 56.25%;
	margin: 0 0 30px;
}
.video-container img,
.video-container iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    z-index: 5;
}
.video-container .container-tag {
	position: absolute;
	top: 20px;
	left: 0;
	padding: 10px 20px;
	background: #fc0;
	color: #0b1c21;
	font-weight: 700;
	z-index: 10;
}
/*
.video-container.video-wide {
	padding-top: 50px;
}
.video-container.video-wider {
	padding-top: 65px;
}
*/

.video-cta-container {
	position: relative;
	margin: 0 0 15px;
}
.video-cta-container img {
	display: block;
	width: 100%;
}
.video-cta-container .container-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 10% 0 0;
	background: rgba(0, 0, 0, .5);
	z-index: 10;
}
.video-cta-container .container-overlay p {
	color: #fff;
}

img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

.ad-container {
	position: relative;
}
/*
.ad-container:before {
	content: "advertisement";
	display: block;
	font-size: .8em;
	color: #999;
	text-align: center;
	margin: 0 auto 10px;
}
*/
.ad-container .ad-label {
	display: block;
	font-size: .8em;
	color: #999;
	text-align: center;
	margin: 0 auto 10px;
}

/* -------------------- Site wrapper -------------------- */
.site-wrapper {
	position: relative;
	/*width: 1400px;*/
	padding: 125px 0 0;
}
.site-wrapper.wrapper-shadowed {
	box-shadow: 0 10px 10px rgba(0, 0, 0, .25);
}

/* membership wrapper */
.page-template-page-membership .site-wrapper,
.page-template-page-membership-2022 .site-wrapper {
	padding: 0;
}

/* checkout wrapper */
.page-template-page-checkout .site-wrapper,
.page-template-page-confirmation .site-wrapper,
.page-template-page-upsell .site-wrapper {
	padding: 50px 0 0;
}

/* course wrapper */
.page-template-page-course-sales-page .site-wrapper {
	padding: 0;
}


/* global container */
.container {
	width: auto;
	max-width: 1290px;
}

/* lead pages wrapper */
.ldp-content {
	background: #fff;
}
.ldp-content p:first-child br {
	display: none;
}

/* ======================================================================================================= */
/* 02: Header
/* ======================================================================================================= */
/* -------------------- site top -------------------- */
.site-top {
	position: relative;
	width: 100%;
	padding: 12px 15px 10px;
	background: #7621de;
	line-height: 1.4;
	z-index: 1000;
}
.site-top.top-with-action {
	min-height: 60px;
	padding: 15px 180px 15px 20px;
}
.site-top p {
	color: #fff;
	margin: 0;
}
.site-top p a {
	color: #efce2f;
}
.site-top p a:hover {
	color: #fff;
	text-decoration: none;
}
.site-top .top-label {
	display: inline-block;
	color: #fff;
	margin: 0 10px 0 0;
}
.site-top .top-alert {
	display: inline-block;
}
.site-top .top-action {
	position: absolute;
	top: 12px;
	right: 25px;
}
.site-top .top-action .btn {
	font-size: .85em;
	font-weight: 700;
	padding: 7px 15px;
}
.site-top .timer {
	font-size: 1.2em;
	color: #fff;
}

/* -------------------- site header -------------------- */
.site-header,
.lp-header {
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	font-family: var(--sansserifbold), Helvetica, sans-serif;
	z-index: 1000;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.site-header .container,
.lp-header .container {
	position: relative;
	width: 1400px;
	padding: 0;
	margin: 0 auto;
	z-index: 100;
}
/* header top */
.site-header .header-top {
	height: 50px;
	padding: 10px 0;
	background: #222;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.site-header .header-top p {
	display: inline-block;
	padding: 5px;
	font-size: .9em;
	line-height: 1.4;
    font-family: var(--sansserifreg), Helvetica, sans-serif;

}
.site-header .header-top p a {
	color: #fff;
	text-decoration: none;
}
.site-header .header-top p a:hover {
	color: #64b927;
}
.site-header .header-top .label {
	display: inline-block;
	vertical-align: top;
	padding: 3px 10px;
	margin: -4px 5px 0 0;
}
.site-header .header-top ul {
	float: right;
	list-style: none;
	font-size: .75em;
	font-weight: 700;
	text-align: right;
	margin: 0 10px 0 0;
    font-family: var(--sansserifreg), Helvetica, sans-serif;

}
.site-header .header-top ul li {
	display: inline-block;
	padding: 0 10px;
	margin: 0;
	line-height: 1.5;
	border-left: 1px solid rgba(0, 0, 0, .15);
}
.site-header .header-top ul li:first-child {
	border-left: none;
}
.site-header .header-top ul li a {
	display: block;
	padding: 7px 0;
	color: rgba(255, 255, 255, .7);
	text-decoration: none;
}
.site-header .header-top ul li a:hover {
	color: #64b927;
}
.site-header .header-top ul li a i,
.site-header .header-top ul li a svg {
	margin-right: 5px;
}
.site-header .header-top .top-search {
	float: right;
	width: 20%;
	margin: 0 10px;
    font-family: var(--sansserifreg), Helvetica, sans-serif;

}
.site-header .header-top .top-search .search {
	margin: 0;
}
.site-header .header-top .top-search .search .search-input {
	padding: 4px 40px 4px 10px;
	background: rgba(255, 255, 255, .1);
	font-size: .8em;
	color: #fff;
}
.site-header .header-top .top-search .search .search-input::placeholder {
  	color: rgba(255, 255, 255, .5);
}
.site-header .header-top .top-search .search .search-submit {
	padding: 5px 3px;
	font-size: .9em;
}
.site-header .header-top .top-search .search .search-submit:hover {
	color: #fff;
}
/* header brand */
.site-header .header-brand,
.lp-header .header-brand {
	position: absolute;
	top: 8px;
	left: 10px;
	width: 300px;
	padding: 15px 0;
}
.site-header .header-brand img {
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	z-index: 1002;
}
/* header nav */
.site-header .header-nav,
.lp-header .header-nav {
	min-height: 75px;
	padding: 12px 15px 12px 0;
	text-align: right;
}
.site-header .header-nav ul,
.lp-header .header-nav ul {
	float: right;
	list-style: none;
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	font-synthesis: none;
	text-rendering: optimizeLegibility;
}
.site-header .header-nav ul > li,
.lp-header .header-nav ul > li {
	position: relative;
	display: inline-block;
	margin: 0;
	vertical-align: top;
}
.site-header .header-nav ul > li > a,
.lp-header .header-nav ul > li > a {
	display: block;
	height: 50px;
	padding: 15px 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:hover > a,
.site-header .header-nav ul > li > a:hover {
	background: #151515;
	color: #fff;
}
.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-cta {
	padding-left: 18px;
	margin: 0 0 0 15px; 
	border-left: 1px solid #ccc;
}
.site-header .header-nav ul > li.nav-cta > a {
	font-weight: 700;
	color: #ff5519;
}
.site-header .header-nav ul > li.nav-cta:hover > a {
	background: #ff5519;
	color: #fff;
}
.site-header .header-nav ul > li.nav-login {
	padding-left: 18px;
	margin: 0 0 0 15px; 
	border-left: 1px solid #ccc;
}
.site-header .header-nav ul > li.nav-login > a {
}
.site-header .header-nav ul > li.nav-login:hover > a {
	color: #fff;
}
.site-header .header-nav ul > li.nav-mobile-only,
.site-header .header-nav ul > li.nav-mobile-account {
	display: none;
}
.site-header .header-nav ul > li > a i,
.site-header .header-nav ul > li > a svg {
	display: inline-block;
    opacity: .5;
}
.site-header .header-nav ul > li > a:hover i {
	opacity: 1.0;
}
/* sub-menu */
.site-header .header-nav ul > li.menu-item-has-children > a:after {
	display: inline-block;
	font-family: 'FontAwesome';
	content: "\f107";
	margin-left: 5px;
	opacity: .5;
}
.site-header.header-member .header-nav ul > li.nav-menu:hover > a,
.site-header.header-member .header-nav ul > li.nav-menu > a:hover {
	background: #fff;
	color: #0b1c21;
}
.site-header .header-nav .sub-menu {
	display: none;
}
.site-header .header-nav li:hover .sub-menu {
	display: block;
	position: absolute;
	top: 50px;
	left: 0;
	width: 220px;
	padding: 10px;
	background: #151515;
	font-size: 1em;
	font-weight: 400;
	text-transform: none;
    font-family: var(--sansserifreg), Helvetica, sans-serif;
	margin: 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}
.site-header .header-nav li:hover .sub-menu li {
	display: block;
	float: none;
	border-left: none;
	border-top: 1px solid rgba(0, 0, 0, .1);
}
.site-header .header-nav li:hover .sub-menu li:first-child {
	border-top: none;
}
.site-header .header-nav li:hover .sub-menu li a {
	position: relative;
	display: block;
	height: auto;
	padding: 15px;
	color: rgba(255, 255, 255, .7);
	text-align: left;
	border-radius: 0;
}
.site-header .header-nav li:hover .sub-menu li a:hover {
	background: rgba(255, 255, 255, .1);
	color: #fff;
}
.site-header .header-nav ul > li:hover .sub-menu li a i {
	width: auto;
    padding: 0;
    margin: 2px 0 0 5px;
    background: none;
    font-size: 1em;
    opacity: 1.0;
}

/* click dropdown */
.site-header .header-nav li.nav-dropdown {
	position: relative;
}
.site-header .header-nav li.nav-dropdown.dropdown-account {
	background: rgba(255, 255, 255, .1);
}
.site-header .header-nav li.nav-dropdown.open > a {
	background: #151515;
	color: #fff;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.site-header .header-nav .dropdown-menu {
	top: auto;
	right: 0;
	min-width: 220px;
	padding: 10px;
	margin: 0;
	font-size: 1em;
	text-transform: none;
	background: #151515;
	border: none;
	border-radius: 0; 
	box-shadow: none;
}
.site-header .header-nav .dropdown-menu li {
	display: block;
	border-top: 1px solid rgba(255, 255, 255, .1);
}
.site-header .header-nav .dropdown-menu li.divider {
	background: rgba(255, 255, 255, .1);
}
.site-header .header-nav .dropdown-menu li:first-child {
	border-top: none;
}
.site-header .header-nav .dropdown-menu li a {
	position: relative;
	display: block;
	height: auto;
	padding: 15px;
	color: rgba(255, 255, 255, .75);
	border-radius: 0;
}
.site-header .header-nav .dropdown-menu li a i,
.site-header .header-nav .dropdown-menu li a svg {
	position: absolute;
	top: 18px;
	right: 15px;
	background: none;
	font-size: .9em;
	opacity: .5;
}
.site-header .header-nav .dropdown-menu li sup  {
	font-size: .75em;
}
.site-header .header-nav .dropdown-menu li a:hover {
	background: rgba(255, 255, 255, .25);
	color: #fff;
}
/* header search */
.site-header .header-nav .header-search {
	position: relative;
	float: left;
	margin: 0 0 0 280px;
}
.site-header .header-nav .header-search form {
	position: relative;
	width: 250px;
}
.site-header .header-nav .header-search form label {
	display: block;
	margin: 0;
}
.site-header .header-nav .header-search form .search-input {
	padding: 15px 40px 15px 15px;
	font-weight: 300;
	border: none;
	box-shadow: none;
	outline: none;
}
.site-header .header-nav .header-search form button[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px;
	font-size: 1.2em;
	background: none;
	border: none;
	color: #999;
	z-index: 5;
}
.site-header .header-nav .header-search form button[type="submit"]:hover {
	color: #fff;
}

/* mobile */
.site-header .header-mobile-nav-brand {
	display: none;
	position: absolute;
	top: 23px;
	left: 15px;
	z-index: 1002;
	width: 300px;
}
.site-header .header-mobile-navicon,
.lp-header .header-mobile-navicon {
	display: none;
	position: absolute;
	top: -1px;
	right: 0;
	padding: 18px 15px;
	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,
.lp-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,
.lp-header .header-mobile-navicon .bars:before,
.lp-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,
.lp-header .header-mobile-navicon .bars:before {
	top: 10px;
}
.site-header .header-mobile-navicon .bars:after,
.lp-header .header-mobile-navicon .bars:after {
	top: -10px;
}

/* close state */
.site-header .header-mobile-navicon.navicon-close,
.lp-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,
.lp-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,
.lp-header .header-mobile-navicon.navicon-close .bars:before,
.lp-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,
.lp-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,
.lp-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 {
	box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}
.site-header.header-restyle .header-top {
	height: 0px;
	padding: 0;
	overflow: hidden;
}
/*
.site-header.header-restyle .header-nav ul > li.nav-cta > a {
	background: #f60;
}
.site-header.header-restyle .header-nav ul > li.nav-cta > a:hover {
	background: #fff;
	color: #f60;
}
*/

/* member header (logged-in) */
.site-header.header-member {
	background: #333;
}
.site-header.header-member .header-top ul li a {
	color: rgba(255, 255, 255, .5);
	text-decoration: none;
}
.site-header.header-member .header-top ul li a:hover {
	color: #fff;
}
.site-header.header-member .header-top ul li.nav-admin a {
	color: #ff5519;
}
.site-header.header-member .header-top ul li.nav-admin a:hover {
	color: #fff;
}
.site-header.header-member .header-nav .header-search form .search-input {
	background: rgba(0, 0, 0, .5);
	color: #fff;
}

.site-header.header-member .header-nav .header-search form .search-input::placeholder {
	color: rgba(255, 255, 255, .5);
}
/*
.site-header.header-member .header-brand:after {
	position: absolute;
	top: 18px;
	right: -65px;
	content: "Member";
	font-size: .85em;
	color: #b3e065;
	z-index: 5;
}
*/
.site-header.header-member .header-nav ul > li > a {
	color: #fff;
}
.site-header.header-member .header-nav ul > li > a:hover {
	background: rgba(255, 255, 255, .15);
}
.site-header.header-member .header-nav ul > li.nav-member-activity > a {
	color: #b3e065;
}
.site-header.header-member .header-nav ul > li.nav-mega:hover > a,
.site-header.header-member .header-nav ul > li.nav-mega > a:hover {
	background: #fff;
	color: #0b1c21;
}
.site-header.header-member .header-nav li:hover .sub-menu.menu-mega {
	right: -354px;
	width: 1400px;
	text-align: left;
}

/* membership sign up headers */
.page-template-page-membership .site-header,
.page-template-page-membership-2022 .site-header {
	display: none;
}

/* hide checkout / landing page headers */
.page-template-page-checkout .site-header,
.page-template-page-confirmation .site-header,
.page-template-page-upsell .site-header {
	display: none;
}

/* sales page headers */
.page-template-page-course-sales-page .site-header {
	display: none;
}

/* maintenance headers */
.page-template-page-maintenance .site-header {
	display: none;
}

/* ---------- lp header ---------- */
.lp-header {
	background: none;
}
.lp-header.menu-open {
	background: #000 !important;
}
.lp-header .header-mobile-navicon {
	display: inline-block;
	top: 7px;
	left: 0;
	width: 60px;
}
.lp-header .header-mobile-navicon .bars,
.lp-header .header-mobile-navicon .bars:before,
.lp-header .header-mobile-navicon .bars:after {
	background: #fff;
}
.lp-header .header-brand {
	top: 8px;
	left: 70px;
}
.lp-header .header-nav ul > li > a {
	color: #fff;
}
.lp-header .header-nav ul > li:hover > a,
.lp-header .header-nav ul > li > a:hover {
	background: #fff;
	color: #151515;
}
.lp-header .header-nav ul > li.nav-cta > a {
	font-weight: 700;
	background: #ff5519;
	color: #fff;
}
.lp-header .header-nav ul > li.nav-cta:hover > a {
	background: #fff;
	color: #ff5519;
}
.lp-header .header-menu {
	position: fixed;
	top: 75px;
	right: 0;
	bottom: 0;
	left: 0;
	width: 0;
	padding: 0;
	overflow: hidden;
	background: #fff;
	z-index: 1000;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.lp-header.menu-open .header-menu {
	width: 250px;
	padding: 30px;
}
.lp-header .header-menu ul {
	list-style: none;
	margin: 0;
}
.lp-header .header-menu ul li {
	margin: 0;
	border-top: 1px solid rgba(0, 0, 0, .1);
}
.lp-header .header-menu ul li:first-child {
	border-top: none;
}
.lp-header .header-menu ul li a {
	display: block;
	padding: 10px 0;
	color: #333;
	text-decoration: none;
}
.lp-header .header-menu ul li a:hover {
	padding-left: 10px;
	background: rgba(0, 0, 0, .05);
	color: #000;
}
.lp-header .header-menu ul li.menu-cta a {
	color: #ff5519;
}
/* restyle */
.lp-header.header-restyle {
	background: rgba(0, 0, 0, .75);
}
/* content overlay */
.lp-content-overlay {
	display: none;
	position: fixed;
	top: 75px;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .7);
	z-index: 100;
}
.lp-content-overlay.menu-open {
	display: block;
}

/* ======================================================================================================= */
/* 03: Layout / Structure
/* ======================================================================================================= */
/* ---------- columns ---------- */
.column-row {
	width: 100%;
	overflow: auto;
}
.column {
	position: relative;
	float: left;
}
.column.column-10 {
	width: 10%;
}
.column.column-20 {
	width: 20%;
}
.column.column-25 {
	width: 25%;
}
.column.column-30 {
	width: 30%;
}
.column.column-40 {
	width: 40%;
}
.column.column-50 {
	width: 50%;
}
.column.column-60 {
	width: 60%;
}
.column.column-70 {
	width: 70%;
}
.column.column-75 {
	width: 75%;
}
.column.column-80 {
	width: 80%;
}
.column.column-90 {
	width: 90%;
}
.column.column-100 {
	width: 100%;
}
/* column colors */
.column-row.row-light {
	background: #f5f5f5;
}
.column-row.row-white {
	background: #fff;
}
.column-row.row-black {
	background: #000;
	color: #fff;
}
/* column backgrounds */
.column-image {
	min-height: 550px;
}
.column-image-community {
	height: 600px;
	background: url(images/column-image-community.jpg) center center no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.column-image-jonny {
	height: 650px;
	background: url(images/column-image-jonny.jpg) center center no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.column-image-learning-tracks {
	height: 650px;
	padding: 70px;
	background: url(images/column-image-piano-001.jpg) center center no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.column-image-pwj-challenge {
	height: 600px;
	background: url(images/column-image-jonny-challenge.jpg) center center no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.column-image-smartsheets {
	height: 650px;
	background: url(images/column-image-smartsheet.jpg) center center no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
/* column content */
.column-content {
	padding: 10%;
}
.column-content.content-50 {
	padding: 50px;
}
.column-caption {
	position: absolute;
	background: rgba(0, 0, 0, .50);
	color: #fff;
	font-size: .85em;
	padding: 10px 20px;
	z-index: 10;
}
.column-caption.caption-top-left {
	top: 40px;
	left: 0;
}
.column-caption.caption-top-right {
	top: 40px;
	right: 0;
}
.column-caption.caption-bottom-left {
	bottom: 40px;
	left: 0;
}
.column-caption.caption-bottom-right {
	bottom: 40px;
	right: 0;
}
/* column floats */
.column-pull-right {
	float: right;
}

/* -------------------- Grids -------------------- */
/* ----- 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-20 {
	width: 20%;
}
.rsp-grid .grid-container.container-25 {
	width: 25%;
}
.rsp-grid .grid-container.container-33 {
	width: 33.33%;
}
.rsp-grid .grid-container.container-40 {
	width: 40%;
}
.rsp-grid .grid-container.container-50 {
	width: 50%;
}
.rsp-grid .grid-container.container-66 {
	width: 66.66%;
}
.rsp-grid .grid-container.container-75 {
	width: 75%;
}
.rsp-grid .grid-container.container-80 {
	width: 80%;
}
/* 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-20 {
	width: 17%;
}
.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-40 {
	width: 37%;
}
.rsp-grid.grid-spaced .grid-container.container-50 {
	width: 47%;
}
.rsp-grid.grid-spaced .grid-container.container-66 {
	width: 63.66%;
}
.rsp-grid.grid-spaced .grid-container.container-75 {
	width: 72%;
}
.rsp-grid.grid-spaced .grid-container.container-80 {
	width: 77%;
}

/* ----- table grid ----- */
.table-grid {
	display: table;
	width: 100%;
}
.table-grid .grid-column {
	display: table-cell;
	padding: 0 30px;
	border-left: 1px solid #ccc;
	vertical-align: top;
}
.table-grid .grid-column:first-child {
	padding-left: 0;
	border: none;
}
.table-grid .grid-column:last-child {
	padding-right: 0;
}
.table-grid .grid-column.column-20 {
	width: 20%;
}
.table-grid .grid-column.column-25 {
	width: 25%;
}
.table-grid .grid-column.column-30 {
	width: 30%;
}
.table-grid .grid-column.column-33 {
	width: 33.33%;
}
.table-grid .grid-column.column-40 {
	width: 40%;
}
.table-grid .grid-column.column-50 {
	width: 50%;
}
.table-grid .grid-column.column-66 {
	width: 66.66%;
}
.table-grid .grid-column.columnr-75 {
	width: 75%;
}
.table-grid .grid-column.column-80 {
	width: 80%;
}
/* predefined grid columns */
.table-grid.grid-columns-2 .grid-column {
	width: 50%;
}
.table-grid.grid-columns-3 .grid-column {
	width: 33.33%;
}
.table-grid.grid-columns-4 .grid-column {
	width: 25%;
}

/* ----- page header ----- */
.page-header {
	position: relative;
	padding: 0;
	margin: 0;
	border: none;
	background: #f5f5f5;
}
.page-header .header-cover {
	padding: 30px;
	background: rgba(0, 0, 0, .5);
}
.page-header .header-brand {
	display: block;
	width: 300px;
	margin: 0 0 20px;
}
.page-header .header-brand.brand-centered {
	margin: 0 auto 20px;
}
.page-header .breadcrumb {
	padding: 0;
	color: rgba(255, 255, 255, .5);
	border-bottom: none;
}
.page-header .breadcrumb a {
	color: #fff;
	text-decoration: none;
}
.page-header .breadcrumb a:hover {
	color: #60cefb;
}
.page-header .header-label {
	display: inline-block;
    font-family: var(--sansserifreg), Helvetica, sans-serif;
	color: #fff;
	margin: 0 0 10px;
}
.page-header .header-label.label-large {
	font-size: 1.4em;
}
.page-header h1 {
	color: #fff;
	padding: 0;
	font-weight: 700;
	border: none;
}
.page-header h1:last-child {
	margin: 0;
}
.page-header h1 img {
	display: inline-block;
    width: 35px;
    margin: 5px 0px 0 0;
    vertical-align: top;
}
.page-header h1 .icon-main {
	display: inline-block;
	opacity: .5;
	margin: 0 5px 0 0;
	vertical-align: top;
}
.page-header h1 .header-edit-link {
	display: inline-block;
	font-size: .5em;
	letter-spacing: 0;
	margin: 0 0 0 10px;
}
.page-header h1 .header-edit-link:hover {
	color: #fff;
}
.page-header h1 sup {
	font-weight: 300;
}
.page-header p:last-child {
	margin: 0;
}
.page-header .header-content,
.page-header .headline-content {
	margin: 0 0 30px;
}
.page-header .headline {
	color: rgba(255, 255, 255, .7);
}
.page-header .dropdown .btn-block {
	margin: 15px 0 0;
}
.page-header .list-action {
	margin: 20px 0 0;
}
/* header nav */
.page-header .header-nav {
	padding: 20px 0 0;
	margin: 20px 0 0;
	border-top: 1px solid rgba(255, 255, 255, .25);
}
.page-header .header-nav ul {
	list-style: none;
	font-weight: 700;
	margin: 0;
}
.page-header .header-nav ul li {
	display: inline-block;
	margin: 0;
}
.page-header .header-nav ul li a {
	display: block;
	padding: 12px 25px;
	color: #fff;
}
.page-header .header-nav ul li a:hover {
	background: rgba(255, 255, 255, .15);
	text-decoration: none;
}
.page-header .spacer-diagonal {
	margin: 20px 0;
}

/* default header */
.page-header.header-default .header-cover {
	background: rgba(0, 0, 0, .05);
}
.page-header.header-default .header-label {
	color: #64b927;
}
.page-header.header-default h1 {
	color: #000;
}
.page-header.header-default .headline {
	color: rgba(0, 0, 0, .7);
}
.page-header.header-default .breadcrumb {
	color: rgba(0, 0, 0, .5);
}
.page-header.header-default .breadcrumb a {
	color: #000;
}
.page-header.header-default .breadcrumb a:hover {
	color: rgba(0, 0, 0, .5);
}

/* header metrics */
.page-header .metrics {
	padding-left: 30px;
	border-left: 1px solid rgba(255, 255, 255, .5);
}
.page-header .metrics .metric-stacked {
	border-color: rgba(255, 255, 255, .25);
}

/* header search */
.page-header .search {
	margin: 30px 0 0;
}
.page-header .search .search-input {
	background: rgba(0, 0, 0, .25);
	color: #fff;
}
.page-header .search .search-input::placeholder {
  color: rgba(255, 255, 255, .5);
}
.page-header .search .search-submit {
	color: rgba(255, 255, 255, .5);
}
.page-header .search .search-submit:hover {
	color: #fff;
}

/* header section */
.page-header.header-section {
	position: relative;
	width: 100%;
	max-height: 600px;
	padding: 0;
	background: #142722;
	overflow: hidden;
}
.page-header.header-section .section-image {
	display: block;
	width: 100%;
	opacity: .7;
	margin-top: -100px; /* **Design ONLY - REMOVE THIS in Development */
}
.page-header.header-section .section-content {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 100px;
	background: linear-gradient(transparent, rgba(0, 0, 0, .8));
}
.page-header.header-section .section-content > .container {
	position: relative;
}
.page-header.header-section .section-content .header-label {
	display: inline-block;
	padding: 0 0 10px;
	margin: 0 0 20px;
	font-size: 1.2em;
	letter-spacing: 5px;
	text-transform: uppercase;
	border-bottom: 2px solid;
}
.page-header.header-section .section-content h1 {
	margin: 0 0 10px;
}
.page-header.header-section .section-content p {
	margin: 0 0 20px;
}
.page-header.header-section .section-content .content-utility {
	position: absolute;
	bottom: 30px;
	right: 15px;
}
.page-header.header-section .breadcrumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 30px 50px;
	border: none;
	z-index: 10;
}
/* slim headers */
.page-header.header-slim {
	padding: 25px 15px;
}
.page-header.header-slim .breadcrumb {
	padding: 0;
	margin: 0;
	border: none;
}

/* page-header backgrounds */
.page-header.header-summit {
	background: url(images/hero-bg-sunset.jpg) center center no-repeat #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* ----- page sections ----- */
.page-section {
	position: relative;
	padding: 50px;
	z-index: 1;
}
.page-section .section-label {
	display: inline-block;
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: 2px solid;
}

/* breadcrumb section */
.page-section.section-breadcrumb {
	padding: 15px 0;
}
.page-section.section-breadcrumb .breadcrumb {
	padding: 0;
	margin: 0;
	border: none;
}

/* section variations */
.page-section.section-slim {
	padding: 30px;
}
.page-section.section-no-padding {
	padding: 0;
}
.page-section.section-light,
.page-section.section-light-grey {
	background: #eee;
}
.page-section.section-dark {
	background: #151515;
}
.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-beige {
	background: #f6f4ea;
}
.page-section.section-light {
	background: #f5f5f5;
}
/* section header */
.page-section .section-header {
	position: relative;
	padding: 0 300px 0 0;
}
.page-section .section-header .header-utility {
	position: absolute;
	top: 10px;
	right: 0;
}

/* image sections */
.page-section.section-image {
	padding: 0;
}
.page-section.section-image .section-content {
	padding: 50px;
	background: rgba(0, 0, 0, .7);
}

/* cta sections */
.page-section.section-cta,
.page-section.section-custom {
	padding: 100px;
}

/* section backgrounds */
.page-section.section-auth {
	padding: 50px 0;
	background: url(images/page-bg-mountains.jpg) center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-membership {
	background: url(images/section-bg-membership.jpg) center center fixed no-repeat #151515;
}
.page-section.section-mountains-blue {
	background: url(images/section-bg-mountains-blue.jpg) center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-topography-dark {
	background: url(images/texture-topography-001-dark.jpg);
	background-size: 50%;
}
.page-section.section-topography-light {
	background: url(images/texture-topography-001-light.jpg);
	background-size: 50%;
}
.page-section.section-topography-brown {
	background: url(images/section-bg-topography-brown.jpg) center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* section header */
.page-section .section-header {
	position: relative;
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px solid rgba(0, 0, 0, .25);
}
.page-section .section-header h1 {
	font-size: 3em;
	margin: 0;
}
.page-section .section-header .progress-meter {
	position: absolute;
	top: 0;
	right: 0;
	margin: 15px 0;
}

/* section content */
.page-section .section-content {
	padding: 30px;
}

/* section with action */
.page-section.section-with-actions {

}

/* checkout section */
.page-section.section-checkout {
	padding: 0;
}

/* -------------------- Section Columns -------------------- */
.section-columns {
	display: table;
	width: 100%;
}
.section-columns .column {
	display: table-cell;
	padding: 50px;
	vertical-align: top;
}
.section-columns .column.column-30 {
	width: 30%;
}
.section-columns .column.column-40 {
	width: 40%;
}
.section-columns .column.column-50 {
	width: 50%;
}
.section-columns .column.column-60 {
	width: 60%;
}
.section-columns .column.column-70 {
	width: 70%;
}

/* -------------------- Section Rows -------------------- */
/* section rows */
.page-section .section-row {
    /*padding: 50px;*/
    margin: 0 0 70px;
}
.page-section .section-row .section-content {
	position: relative;
    padding: 50px;
    border-right-style: solid;
}
.page-section .section-row .section-image img {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 0 30px 30px;
	z-index: 5;
}
.page-section .section-row .section-image:before {
	content: "";
    position: absolute;
    top: 30px;
    left: 15px;
    width: 90%;
    height: 94%;
    background: rgba(0, 0, 0, .25);
}
.page-section .section-row .section-image.image-blue:before {
	background: #77c0f9;
}
.page-section .section-row .section-image.image-green:before {
	background: #1ab1db;
}
.page-section .section-row .section-image.image-purple:before {
	background: #8ea0fc;
}
.page-section .section-row .section-image.image-yellow:before {
	background: #efce2f;
}
/* content widths */
.section-content {
	padding: 50px;
	margin: 0 auto;
}
.section-content.content-50 {
	width: 50%;
}
.section-content.content-75 {
	width: 75%;
}
.section-content.content-80 {
	width: 80%;
}
.section-content.content-85 {
	width: 85%;
}
.section-content.content-90 {
	width: 90%;
}
.section-content.content-100 {
	width: 100%;
}
/* content colors */
.section-content.content-blue {
	border-color: #0b4c89;
}
.section-content.content-red {
	border-color: #8a181a;
}
.section-content.content-yellow {
	border-color: #e9c202;
}

/* -------------------- Hero -------------------- */
.hero {
	position: relative;
	width: 100%;
	background: #151515;
}
.hero .hero-wrap {
	padding: 100px;
	background: rgba(0, 0, 0, .7);
}
.hero .hero-wrap.wrap-slim {
	padding: 50px;
}
.hero .hero-wrap.wrap-full-height {
	min-height: 100vh;
}
.hero.hero-membership .hero-wrap {
	padding-top: 150px;
}


/* hero brand */
.hero .hero-brand {
	display: block;
	max-width: 300px;
	padding: 0 0 20px;
	margin: 0 0 20px;
}
.hero .hero-brand.brand-centered {
	margin: 0 auto 20px;
}

/* hero content */
.hero .hero-content {
	padding: 30px;
}
.hero .hero-content h2,
.hero .hero-content h3,
.hero .hero-content h4,
.hero .hero-content h5,
.hero .hero-content h6,
.hero .hero-content p,
.hero .hero-content ol {
	color: #fff;
}

/* hero form */
.hero .hero-form {
	padding: 50px;
	background: #fff;
}
.hero .hero-form.form-trans {
	background: rgba(0, 0, 0, .6);
}
.hero .hero-form .form-registration p {
	margin: 0;
}
.hero .hero-form br {
	display: none;
}
.hero .hero-form .mm-checkoutContainer {
	margin: 0;
}
.hero .hero-form .mm-paymentbuttons {
	margin: 0 0 20px;
}
.hero .hero-form input[type="submit"],
.hero .hero-form .mm-paymentbuttons .mm-button {
	display: block;
	width: 100% !important;
}
.hero .hero-form p.checkout-terms,
.hero .hero-form p.checkout-security {
	margin: 10px 0 0;
}

/* hero cta */
.hero .hero-cta {
	padding: 30px;
	background: rgba(255, 255, 255, .1);
}

/* hero nav */
.hero .hero-nav {
}
.hero .hero-nav ul {
	list-style: none;
	font-weight: 700;
	margin: 0;
}
.hero .hero-nav ul li {
	display: inline-block;
	margin: 0;
	border-left: 1px solid rgba(255, 255, 255, .2);
}
.hero .hero-nav ul li:first-child {
	border-left: none;
}
.hero .hero-nav ul li a {
	display: block;
	padding: 12px 25px;
	color: #fff;
	text-decoration: none;
}
.hero .hero-nav ul li a:hover {
	background: rgba(255, 255, 255, .15);
}
.hero .hero-nav ul li a i {
	margin-right: 5px;
	color: #fff;
	opacity: .5;
}

/* hero search */
.hero .hero-search {
	position: relative;
	padding: 0 60px 0 0;
	background: rgba(255, 255, 255, .15);
}
.hero .hero-search form {
	width: 100%;
}
.hero .hero-search input[type="search"] {
	padding: 20px;
	font-size: 1.2em;
	background: none;
	border: none;
	color: #fff;
}
.hero .hero-search input[type="search"]::placeholder {
  color: #fff;
}
.hero .hero-search button[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px;
	font-size: 2em;
	background: none;
	color: rgba(255, 255, 255, .5);
	border: none;
}
.hero .hero-search button[type="submit"]:hover {
	background: none;
	color: #fff;
}

/* -------------------- Content -------------------- */
.content-wrap {
	box-shadow: 0 0 0 10px rgba(0, 0, 0, .075);
}

.content {
	padding: 30px;
}
.content.content-full {
	padding: 0;
}
.content.content-pad-50 {
	padding: 50px;
}
/* trans content */
.content.content-trans {
	background: rgba(255, 255, 255, .25);
}

/* content sections */
.content-section {
	padding: 30px 0;
}
.content-section.section-padded {
	padding: 50px;
}
.content-section.section-hero {
	padding: 100px;
}
.content-section.section-hero p {
	font-size: 1.2em;
}
/* section colors */
.content-section.section-white {
	background: #fff;
}
.content-section.section-light-grey {
	background: #eee;
}
.content-section.section-black {
	background: #000;
}
.content-section.section-red {
	background: #900;
}
/* section tag styling */
.content-section.section-black p,
.content-section.section-red p {
	color: rgba(255, 255, 255, .75);
}
.content-section.section-black h1,
.content-section.section-black h2,
.content-section.section-black h3,
.content-section.section-black h4,
.content-section.section-black h5,
.content-section.section-black h6,
.content-section.section-black ul,
.content-section.section-black ol,
.content-section.section-red h1,
.content-section.section-red h2,
.content-section.section-red h3,
.content-section.section-red h4,
.content-section.section-red h5,
.content-section.section-red h6,
.content-section.section-red ul,
.content-section.section-red ol {
	color: #fff;
}
/* section titles */
.content-section .section-title {
	padding: 0 0 20px;
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, .25);
}
.content-section.section-black .section-title,
.content-section.section-red .section-title {
	border-bottom-color: rgba(255, 255, 255, .25);
}
/* section header */
.content-section .section-header {
	position: relative;
	padding-left: 75px;
	margin: 0 0 20px;
}
.content-section .section-header .header-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 62px;
	padding: 15px 0;
	background: #333;
	color: #fff;
	font-size: 2em;
	line-height: 1;
	text-align: center;
	border-radius: 100px;
}
.content-section .section-header .header-label {
	display: block;
	margin: 0 0 5px;
	font-weight: 700;
	text-transform: uppercase;
	color: #999;
}
.content-section .section-header .header-title {
	font-size: 2.4em;
	line-height: 1.2;
	margin: 0;
}
.content-section .section-body {
	padding: 0 75px;
}
/* section backgrounds */
.content-section.section-controls {
	background: url(images/section-bg-controls-red.jpg) center center no-repeat #900;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* use this for content previewing */
.content-preview-cover {
	position: relative;
	height: 360px;
	overflow: hidden;
	margin-top: -300px;
}
.content-preview-cover:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 300px;
	content: "";
	background: -moz-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
	z-index: 10;
}
.content-preview-cover .cover-label {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 30px 0;
	font-weight: 700;
	text-align: center;
	z-index: 20;
}

/* geo shape content */
.content.content-geo-bg {
	position: relative;
	z-index: 5;
}
.content.content-geo-bg:before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 95%;
    background: rgba(0, 0, 0, .05);
}

/* tab content */
.tab-content .content-section {
	padding: 0;
}

/* -------------------- Post -------------------- */
/*
.post {
	position: relative;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .1);
}
*/
.post-label {
	display: inline-block;
	padding: 10px 20px;
	margin: 0 0 15px;
}
.post-content {
}
.post-content.content-article p,
.post-content.content-article ul,
.post-content.content-article ol {
	font-family: var(--serifbody), serif;
}
/*
.post-content p a {
	border-bottom: 2px solid;
}
*/
.post-content ul,
.post-content ol {
	font-size: 1.25em;
}
.post-content ul ul,
.post-content ol ol {
	font-size: 1em;
}
.post-content strong {
	font-family: var(--sansserifbold), Helvetica, sans-serif;
}

/* wide stretch images */
/*
.post-content .size-wide-1200 {
	width: 1200px;
	max-width: none;
	max-height: inherit;
	margin: 0 auto 30px;
	overflow: inherit;
}
*/

/* ----- post header ----- */
.post-header {
	position: relative;
}
.post-header .header-brand {
	display: block;
	width: 300px;
	margin: 0 0 20px;
}
.post-header .header-brand.brand-centered {
	margin: 0 auto 20px;
}
.post-header h1,
.post-header p {
	text-align: center;
}
.post-header .meta {
	margin: 0 0 10px;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
}
.post-header .meta .meta-label {
	margin: 0 15px 10px 0;
}
/* post header utility */
.post-header .header-utility .utility-nav {
	list-style: none;
	text-align: center;
}
.post-header .header-utility .utility-nav li {
	margin: 0 5px;
}
/* hero header */
.post-header.header-hero {
	max-height: 450px;
}
.post-header.header-hero .header-content {
	padding: 50px 0;
	background: rgba(0, 0, 0, .7);
}
.post-header.header-hero .header-content h1 {
	color: #fff;
}
.post-header.header-hero .header-content p {
	color: rgba(255, 255, 255, .75);
}

/* ----- post images ----- */
.cover-trigger {
	transition: background-color .4s ease;
    background: rgba(0, 0, 0, .25) url(images/bg-cover-image-gradient.png) no-repeat;
    background-size: 100% 100%;
    display: block;
    will-change: background-color;
    z-index: 2;
}

.post-image {
	position: relative;
	top: 0;
	max-height: 620px;
	margin: 0 0 20px;
	background: #252a28;
	overflow: hidden;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.post-image:hover {
	top: -10px;
}
.post-image .cover-trigger {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
}
.post-image:hover .cover-trigger {
    background-color: rgba(0, 0, 0, .05);
}
.post-image img {
	display: block;
	width: 100%;
}
.post-image .image-cover {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 50px 30px 30px 30px;
	background: linear-gradient(transparent, rgba(0, 0, 0, .75));
	z-index: 3;
}
.post-image .image-cover .cover-icon {
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-size: 5em;
	line-height: 1;
	color: #fff;
}
.post-image .image-cover .meta {
	display: block;
	margin: 0;
	color: rgba(255, 255, 255, .7);
}
.post-image .image-cover .cover-date {
	display: block;
	margin: 0 0 5px;
	color: rgba(255, 255, 255, .7);
}
.post-image .image-cover h1 {
	color: #fff;
}
.post-image .image-cover .cover-title a {
	color: #fff;
	text-decoration: none;
}
.post-image .image-cover .cover-title a:hover {
	color: rgba(255, 255, 255, .5);
	text-decoration: none;
}
.post-no-image-placeholder {
	display: block;
	width: 100%;
	height: 80px;
}
/* hero posts */
.hero-posts {
	margin-left: -3%;
}
.post-image.image-hero {
	float: left;
	width: 33.33%;
	margin-bottom: 3%;
	margin-left: 3%;
}
.post-image.image-hero.post-1 {
	width: 60.666667%;
}
/* banner images (used for article featured image) */
.post-image.image-banner {
	position: relative;
	margin: 0 -100px 20px;
}
/* full width images */
.post-image.image-full {
	max-width: inherit;
	max-height: inherit;
	overflow: inherit;
}
.post-image.image-full img {
	width: 100%;
}
/* wide stretch images */
.post-image.image-stretch {
	margin: 0 -150px 30px;
	max-width: inherit;
	max-height: inherit;
	overflow: inherit;
}
.post-image.image-stretch img {
	width: 100%;
}
.post-image .wp-caption-text {
	background: #f5f5f5;
}

/* ----- post utility ----- */
/*
.post-utility {
	position: absolute;
	top: 0;
	left: -28%;
	width: 22%;
}
.post-utility.utility-sticky {
	position: fixed;
	top: 120px;
	left: 160px;
	width: 220px;
	z-index: 100;
}
*/
.post-utility p {
	font-size: .8em;
}

/* ----- post body ----- */
.post-body {
	position: relative;
}
.post-body p {
	font-family: var(--serifbody);
}
/* post author */
.post-body .post-author {
	position: absolute;
	top: 0;
	right: -28%;
	width: 22%;
}
.post-body .post-author p {
	font-size: .8em;
}
/* post share */
.post-body .post-share {
	position: absolute;
	top: 0;
	right: -10%;
	width: 40px;
}

/* ----- post quote ----- */
.post-quote {
	padding: 50px;
}
.post-quote p {
	line-height: 2;
}

/* ----- post nav ----- */
.post-nav {
	padding: 20px 0 0;
	margin: 20px 0;
	border-top: 1px solid #353d3e;
}
.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;
	font-weight: normal;
	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;
}

/* -------------------- Sidebar -------------------- */
.sidebar {
	padding: 0 0 0 30px;
}
.sidebar.sidebar-padded {
	padding: 0 30px;
}
.sidebar-nav {
	list-style: none;
    font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-weight: 400;
	margin: 0 0 20px;
}
.sidebar-nav li {
	margin: 0;
	border-top: 1px solid rgba(0, 0, 0, .15);
}
.sidebar-nav li a {
	position: relative;
	display: block;
	padding: 20px 20px 20px 70px;
	color: #333;
	text-decoration: none;
	cursor: pointer;
}
.sidebar-nav li a:hover {
	background: #151515;
	color: #fff;
}
.sidebar-nav li a .nav-icon {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 50px;
	padding: 10px 0;
	font-size: 2em;
	line-height: 1;
	text-align: center;
	border-radius: 100px;
}
.sidebar-nav li a .nav-label {
	display: block;
	font-size: .75em;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	color: #999;
	margin: 0 0 3px;
}
.sidebar-nav li.active a {
	background: #fff;
	color: #333;
}
/* sticky nav */
.sidebar-nav.nav-sticky {
	position: sticky;
}

.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;
}


/* -------------------- UI Guide -------------------- */
/* hide ui guide header/footer */
.page-template-page-ui-guide .site-header,
.page-template-page-ui-guide .site-footer {
    display: none;
}

.ui-guide-wrapper {
    position: relative;
}
/* guide rail */
.ui-guide-rail {
    position: fixed;
    top: 0;
    left: 0;
    width: 250px;
    height: 100%;
    background: #333;
    overflow: auto;
}
.ui-guide-rail .rail-brand {
    padding: 20px;
}
.ui-guide-rail .rail-nav .nav-menu {
    list-style: none;
    font-size: .85em;
    font-weight: 400;
    padding: 0 20px;
    margin: 0;
}
.ui-guide-rail .rail-nav .nav-menu li {
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
}
.ui-guide-rail .rail-nav .nav-menu li.menu-label {
    position: relative;
    padding: 15px;
    font-weight: 700;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}
.ui-guide-rail .rail-nav .nav-menu li.menu-label i {
    position: absolute;
    top: 17px;
    right: 15px;
}
.ui-guide-rail .rail-nav .nav-menu li a {
    display: block;
    padding: 15px;
    color: rgba(255, 255, 255, .75);
}
.ui-guide-rail .rail-nav .nav-menu li a:hover {
    background: rgba(255, 255, 255, .1);
    color: #fff;
}
/* guide body */
.ui-guide-body {
    margin-left: 250px;
}

.ui-gradient {
    display: block;
    width: 100%;
    height: 40px;
}


/* ======================================================================================================= */
/* Components
/* ======================================================================================================= */
/* -------------------- Accordions -------------------- */
.accordion {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, .1);
}
.accordion-toggle {
    position: relative;
    display: block;
    padding: 20px 20px 20px 60px;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none !important;
}
.accordion-toggle:hover {
    text-decoration: none;
}
.accordion-toggle .toggle-icon {
    position: absolute;
    top: 17px;
    left: 15px;
    font-size: 1.5em;
    line-height: 1;
    color: #1ab1db;
}
.accordion-toggle.open {
    color: #1ab1db;
}
.accordion-content {
    display: none;
    padding: 0 20px 20px 60px;
}
.accordion-content p {
    font-size: .9em;
}
.accordion-content p:last-child {
    margin: 0;
}


/* -------------------- Cards -------------------- */
.card {
	position: relative;
	top: 0;
	background: none;
	border: none;
	border-radius: 0;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.card:hover {
	top: -10px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.card .card-image {
	position: relative;
	background: #151515;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.card .card-image > a {
	position: relative;
	display: block;
}
.card .card-image img {
	display: block;
	width: 100%;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.card:hover .card-image img {
	box-shadow: none;
}
.card .card-image .image-cover {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px 30px;
	background: linear-gradient(transparent, rgba(0, 0, 0, .75));
}
.card .card-image .image-cover .meta {
	display: block;
	margin: 0 0 10px;
}
.card .card-image .image-cover .meta .meta-label {
	color: rgba(255, 255, 255, .5);
}
.card .card-image .image-cover .cover-title {
	display: block;
	font-size: 1.2em;
    font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 1.6;
	color: #fff;
}
.card .card-image .image-tags {
	position: absolute;
	bottom: 20px;
	left: 0;
}
.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: 15px;
	background: linear-gradient(transparent, rgba(0, 0, 0, .8));
}
.card .card-content {
	padding: 20px;
}
.card .card-content p {
	font-size: .9em;
	line-height: 1.8;
}
.card .card-content p:last-child {
	margin: 0;
}
/*
.card .card-content .content-desc {
	position: relative;
	max-height: 90px;
}
.card .card-content .content-desc:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 90px;
	z-index: 5;
	background: -moz-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}
*/
.card .card-title {
	line-height: 1.4;
	margin: 0 0 10px;
}
.card .card-title a {
	display: block;
	color: #0b1c21;
	text-decoration: none;
}
.card .card-title a:hover {
	color: #1ab1db;
}
.card .card-sub-title {
	font-weight: 300;
}
.card .meta-label i {
	color: #999;
	margin: 0 3px 0 0;
}
/* equal height cards */
.card.card-equal-height {
	min-height: 430px;
}
/* dark cards */
.card.card-dark {
	background: #333;
	border: none;
}
.card.card-dark .meta-label {
	color: #fff;
}
.card.card-dark .card-title a:hover {
	color: #fff;
}
/* plan cards */
.card.card-plan {
	border: none;
	margin: 0 0 30px;
	background: #fff;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .1);
}
.card.card-plan:hover {
	top: inherit;
}
.card.card-plan.plan-raised {
	margin-top: -20px;
}
.card.card-plan .card-banner {
	position: absolute;
	top: -40px;
	left: 0;
	width: 100%;
	height: 40px;
	padding: 12px;
	background: #19191d;
	color: #fff;
	font-weight: 400;
	letter-spacing: 3px;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}
.card.card-plan .card-header {
	padding: 40px; 
}
.card.card-plan .card-header .header-title,
.card.card-plan .card-header p {
	color: #fff;
	margin: 0;
}
.card.card-plan .card-header .card-title span {
	display: block;
	font-weight: 300;
}
.card.card-plan .card-content {
	padding: 40px;
}
.card.card-plan .card-content .card-label {
	display: inline-block;
	padding: 10px 20px;
	margin: 0 0 15px;
}
.card.card-plan .card-content .card-title {
	padding: 0 0 20px;
	font-weight: 700;
	border-bottom: 2px solid;
}
.card.card-plan .card-content p {
	font-size: 1em;
}
.card.card-plan .card-content p.headline {
	font-size: 1.2em;
}
.card.card-plan .card-content p.plan-price {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: 2em;
	letter-spacing: -0.025em;
	margin: 0 0 10px;
}
.card.card-plan .card-content p.plan-price sup {
	font-size: .5em;
}
.card.card-plan .card-content .headline-content p {
	font-size: 1.2em;
	line-height: 1.6;
	margin: 0 0 20px;
}
.card.card-plan .plan-icon {
	display: block;
	width: 75px;
	margin: 0 0 15px;
}
/* product cards */
.card.card-product {
	text-align: center;
}
.card.card-product .card-image {
	padding: 20px 0 0;
	background: none;
}
.card.card-product .card-image img {
	width: auto;
	/* max-height: 250px; commenting out to avoid odd UI issues */
	margin: 0 auto;
}
.card.card-product.product-small .card-image img {
	max-height: 150px;
}
/* wide cards */
.card.card-wide {
	top: 0;
	left: 0;
	min-height: 212px;
	padding: 30px 0 0 320px;
	margin: 0 0 30px;
	overflow: hidden;
	border-top: 1px solid #ddd;
}
.card.card-wide:hover {
	left: -10px;
	background: none;
	box-shadow: none;
}
.card.card-wide .card-image {
	position: absolute;
	top: 30px;
	left: 0;
	width: 320px;
	max-height: 180px;
	overflow: hidden;
}
.card.card-wide .card-content {
	padding: 0 30px;
}
.card.card-wide .card-content .meta {
	display: block;
}
.card.card-wide .card-action {
	position: absolute;
	top: 30px;
	right: 20px;
	width: 150px;
}
.card.card-wide.card-with-action {
	padding-right: 170px;
}
.card.card-wide.card-first {
	padding-top: 0;
	border-top: none;
}
.card.card-wide.card-first .card-image {
	top: 0;
}
/* trans cards */
.card.card-trans {
	background: rgba(0, 0, 0, .5);
	border: none;
}
.card.card-trans .card-title {
	color: #fff;
}
.card.card-trans .card-sub-title {
	color: #fff;
}

/* -------------------- Checkout -------------------- */
.checkout-container {
	padding: 30px;
}
.checkout-container.container-slim {
	width: 60%;
	padding: 50px 0;
	margin: 0 auto;
}

/* checkout columns */
.checkout-container.container-columns {
	padding: 0;
}
.checkout-container.container-columns .mm-checkoutContainer {
	margin: 0;
}
.checkout-container.container-columns .mm-checkoutContainer .mm-formError {
	margin: 0;
}
/* margin out all p's to avoid WP spacing issues */
.checkout-container.container-columns p {
	margin: 0;
}
.checkout-container.container-columns br {
	display: none;
}
/* add back margin to specific p's */
.checkout-container.container-columns p.headline {
	margin: 0 0 20px;
}
.checkout-container.container-columns p.instructions {
	margin: 0 0 10px;
}
.checkout-container.container-columns .mm-productDesc,
.checkout-container.container-columns .checkout-terms,
.checkout-container.container-columns .checkout-info {
	margin: 10px 0;
}
.checkout-container.container-columns .checkout-info {
	font-size: 1em;
	line-height: 1.4;
}
.checkout-column {
	display: table-cell;
	padding: 50px;
	vertical-align: top;
}
.checkout-column.column-product {
	width: 45%;
	background: #151515;
}
.checkout-column.column-product p {
	margin: 0 0 20px;
}
.checkout-column.column-product .product-brand {
	display: block;
	width: 250px;
	margin: 0 0 20px;
}
.checkout-column.column-product .mm-checkoutSection {
	padding: 0;
}
.checkout-column.column-product .section-image {
	display: block;
	margin: 0 0 15px;
}
.checkout-column.column-product .product-title {
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
}
.checkout-column.column-product .mm-productDesc {
	color: #ccc;
}
.checkout-column.column-product a:hover {
	color: #fff;
}
.checkout-column.column-product ul.list-nav li {
	padding: 0;
}
.checkout-column.column-product ul.list-nav li a:hover {
	background: rgba(255, 255, 255, .15);
}
.checkout-column.column-payment {
	width: 55%;
	background: #fff;
}
.checkout-column.column-payment .row {
	margin-right: -5px;
	margin-left: -5px;
}
.checkout-column.column-payment .row > [class^="col-"] {
	padding-right: 5px;
	padding-left: 5px;
}
.checkout-column.column-payment input {
	outline: none;
}
.checkout-column.column-payment .mm-checkoutInfoBlock {
	padding: 0;
	margin: 0 0 20px;
	border: none;
	border-radius: 0;
}
.checkout-column.column-payment .mm-checkoutInfoBlock h3 {
	font-size: 1em;
	text-transform: uppercase;
	margin: 0 0 10px;
}
.checkout-column.column-payment .mm-checkoutInfoBlock .mm-ccLogos img {
	width: 166px;
	margin: 0 0 10px;
}
.checkout-column.column-payment .mm-checkoutInfoBlock .billing-details {
	font-size: 1em;
	text-transform: none;
}
.checkout-column.column-payment .mm-paymentbuttons {
	margin: 0 0 20px;
}
.checkout-column.column-payment .mm-paymentbuttons .mm-button {
	display: block;
	width: 100% !important;
	margin: 10px 0;
	color: #fff;
}
.checkout-column.column-payment .checkout-waiver {
	padding: 15px;
	margin: 0 0 15px;
	border: 1px solid #ccc;
}
.checkout-column.column-payment .checkout-waiver .mm-remember-me {
	margin: 15px 0 0 !important;
}
.checkout-column.column-payment .checkout-waiver label {
	display: block;
}

/* new Stripe elements fields */
.checkout-column.column-payment .mm-stripe-elements-container {
	height: auto;
	padding: 15px;
	background: #eee;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.checkout-column.column-payment #mm_field_cc_number_div,
.checkout-column.column-payment #mm_field_cc_cvv_div,
.checkout-column.column-payment #mm_field_cc_exp_div {
	width: 100%;
}

.g-recaptcha {
	margin: 0 0 20px;
}

/* ---------- Comments ---------- */
.comments-container {
	margin: 0 0 30px;
}
.comments-container .comment-reply-title,
.comments-container .comments-title {
	display: none; /* hide reply and comments titles (not needed) */
}

.comment {
	position: relative;
	padding: 20px 0 20px 70px;
	min-height: 80px;
	border-top: 1px solid #ddd;
}
.comment .comment-avatar {
	position: absolute;
	top: 20px;
	left: 0;
	width: 50px;
}
.comment .comment-avatar img {
	border-radius: 100px;
}
.comment .comment-meta {
	display: block;
}
.comment .comment-meta .meta-label.label-user {
	font-weight: 700;
	color: #151515;
}
.comment .comment-meta .meta-label.label-time {
	font-weight: 400;
}
.comment .comment-content {
	font-size: .85em;
}
.comment.comment-review {
	border-color: #333;
}
.comment.comment-review .comment-title a {
	color: #000;
}
.comment.comment-review .comment-title a:hover {
	color: #1ab1db;
}
/* comment form */
.comment-form {
	margin: 0 0 20px;
}

/* WP native comments */
/* 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.bypostauthor:after {
	position: absolute;
	top: 15px;
	right: 0;
	content: "Post Author";
	font-size: .8em;
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
	z-index: 5;
}
.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.bypostauthor .comment-meta {
	padding-right: 100px;
}
.comment-list > .comment .comment-meta .fn {
	color: #64b927;
}
.comment-list > .comment .comment-meta .fn > a {
	color: #64b927;
}
.comment-list > .comment .comment-meta a {
	color: #aaa;
	text-decoration: none;
}
.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;
}
.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-radius: 3px;
	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 {
	margin-bottom: 0;
}
.comment-reply-link {
	font-size: .8em;
}

/* -------------------- Courses -------------------- */
.course-nav {
	padding: 0 30px 0 0;
}
.course-nav .nav-brand {
	display: block;
	margin: 0 0 20px;
}
.course-nav .nav-label {
	display: block;
	font-weight: 400;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.course-nav.affix {
	position: fixed !important;
	top: 50px;
	width: 300px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.course-nav.affix-bottom {
	opacity: 0;
}
.course-progress {
	position: relative;
	width: 100%;
	height: 20px;
	margin: 0 0 20px;
	background: #ddd;
	border-radius: 20px;
}
.course-progress .progress-bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	background: #96dc68;
	background: -moz-linear-gradient(-45deg, #96dc68 1%, #68bb43 100%);
	background: -webkit-linear-gradient(-45deg, #96dc68 1%,#68bb43 100%);
	background: linear-gradient(135deg, #96dc68 1%,#68bb43 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96dc68', endColorstr='#68bb43',GradientType=1 );
	border-radius: 20px;
	z-index: 5;
}

.course-progress-label {
	display: block;
	font-weight: 300;
	line-height: 1.4;
	margin: 10px 0;
}

/* -------------------- Features -------------------- */
.feature {
	position: relative;
	min-height: 60px;
	padding: 0 0 0 90px;
	margin: 0 0 20px;
}
.feature .feature-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	font-size: 3.5em;
	line-height: 1;
	text-align: center;
}
.feature .feature-label {
	display: block;
	margin: 0 0 10px;
	font-weight: 400;
}
.feature .feature-title {
	display: block;
	margin: 0 0 10px;
	font-weight: 400;
	line-height: 1.3;
}
.feature .feature-title sup.label {
	display: inline-block;
	font-size: .7em;
    font-weight: 400;
    margin: 10px 0 0 5px;
    vertical-align: top;
}
.feature .feature-desc {
	display: block;
}
.feature p {
	color: #333;
}
/* 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;
}
/* box features */
.feature.feature-box {
	min-height: 260px;
	padding: 30px 30px 30px 110px;
	margin: 0;
	background: #f5f5f5;
	border: 2px solid #eee;
}
.feature.feature-box .feature-icon {
	top: 25px;
	left: 25px;
}
/* small features */
.feature.feature-small {
	padding-left: 70px;
}
.feature.feature-small .feature-icon {
	width: 50px;
	font-size: 2.5em;
}
.feature.feature-small p {
	font-size: .85em;
}
.feature.feature-small p.headline {
	font-size: 1.1em;
}
/* stacked features */
.feature.feature-stacked {
	padding: 0;
}
.feature.feature-stacked .feature-icon {
	display: block;
	position: static;
	width: auto;
	font-size: 3em;
	text-align: center;
	margin: 0 auto 20px;
}
.feature.feature-stacked .feature-title,
.feature.feature-stacked p {
	text-align: center;
}
/* step features */
.feature.feature-step {
	padding: 0;
}
.feature.feature-step:before {
	position: absolute;
	top: 24px;
	left: 0;
	content: "";
	height: 2px;
	width: 100%;
	background: #ddd;
}
.feature.feature-step.step-last:before {
	display: none;
}
.feature.feature-step .step-number {
	position: relative;
	display: inline-block;
	width: 50px;
	padding: 15px 0;
	margin: 0 0 15px;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	background: #1a1b21;
	color: #fff;
	border-radius: 100px;
	box-shadow: 0 0 0 10px #fff;
	z-index: 5;
}
.feature.feature-step .step-number.number-light {
	box-shadow: 0 0 0 10px #f5f5f5;
}
.feature.feature-step .step-title {
	margin: 0 0 10px;
}
.feature.feature-step.step-dark:before {
	background: #44475c;
}
.feature.feature-step.step-dark .step-number {
	background: #fff;
	color: #1a1b21;
	box-shadow: 0 0 0 10px #1a1b21;
}
/* feature links */
.feature.feature-link {
	padding: 0;
}
.feature.feature-link > a {
	display: block;
	padding: 30px 50px 30px 75px;
	background: rgba(0, 0, 0, .05);
	color: #777;
	text-align: left;
	text-decoration: none;
}
.feature.feature-link > a .feature-icon {
	color: #64b927;
}
.feature.feature-link > a:hover {
	background: rgba(0, 0, 0, .1);
}
.feature.feature-link > a:after {
	position: absolute;
	top: 50px;
	right: 30px;
	height: 50px;
	margin-top: -25px;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 2.5em;
	font-weight: 300;
	line-height: 1;
	color: rgba(0, 0, 0, .25);
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.feature.feature-link .feature-icon {
	top: 30px;
	left: 20px;
	width: 40px;
	font-size: 2em;
	line-height: 1;
	color: #1ab1db;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.feature.feature-link .feature-title {
	display: block;
	font-family: var(--sansserifbold), Georgia, serif;
	font-size: 1.5em;
	text-transform: none;
	color: #151515;
	margin: 0 0 10px;
}
.feature.feature-link .feature-desc {
	display: block;
	margin: 0 0 10px;
	font-size: 1em;
	line-height: 1.4;
}
.feature.feature-link .feature-more {
	font-weight: 700;
	color: #1489cc;
}
/* light feature links */
.feature.feature-link.link-light > a {
	background: #64b927;
}
.feature.feature-link.link-light .feature-icon {
	color: #fff;
}
.feature.feature-link.link-light .feature-title {
	color: #fff;
}
.feature.feature-link.link-light .feature-desc {
	color: #fff;
}
.feature.feature-link.link-light > a:hover {
	background: rgba(0, 0, 0, .05);
}
.feature.feature-link.link-light > a:hover .feature-icon {
	color: #1ab1db;
}
.feature.feature-link.link-light > a:hover .feature-title {
	color: #0b1c21;
}
.feature.feature-link.link-light > a:hover .feature-desc {
	color: #888;
}
/* stacked feature links */
.feature.feature-link.link-stacked > a {
	box-shadow: none;
	border-top: 1px solid #ddd;
}

/* -------------------- Filter -------------------- */
.filter {
	position: relative;
}
.filter .btn-group {
	display: inline-block;
}
.filter .btn-group .btn {
	padding: 8px 20px;
}
.filter .btn-group .btn i {
	margin-right: 5px;
}
.filter .btn-group .btn .caret {
	margin-left: 5px;
}
.filter .btn-group.open .btn {
	background: #ddd;
	color: #333;
	border-color: #ddd;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	box-shadow: none;
}
.filter .btn-group .dropdown-menu {
	min-width: 200px;
	padding: 10px;
	margin: 0;
	background: #ddd;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-size: 1em;
}
.filter .btn-group .dropdown-menu {
	margin: 0;
}
.filter .btn-group .dropdown-menu li {
	margin: 0;
	border-top: 1px solid rgba(0, 0, 0, .15);
}
.filter .btn-group .dropdown-menu li:first-child {
	border-top: none;
}
.filter .btn-group .dropdown-menu li a {
	display: block;
	padding: 15px;
	color: #666;
}
.filter .btn-group .dropdown-menu li a:hover {
	background: #fff;
	color: #000;
}
/* filter group */
.filter-group {
	padding: 15px 0 0;
	margin: 0 0 15px;
	font-family: var(--sansserifreg);
	border-top: 2px solid #ddd;
}
.focus-checkboxes .filter-group:first-child {
	padding: 0;
	border-top: none;
}
.filter-group .group-title {
	position: relative;
	display: block;
	padding-right: 30px;
	margin: 0 0 15px;
	font-weight: 700;
	color: #68bb43;
}
.filter-group .group-title .title-info-link {
	position: absolute;
	top: 0;
	right: 0;
}
.filter-group label {
	position: relative;
	display: block;
	padding: 7px 0 7px 20px;
	font-size: .8em;
	font-weight: 700;
	cursor: pointer;
}
.filter-group label:hover {
	color: #08c;
}
.filter-group label i {
	position: absolute;
	top: 8px;
	right: 0;
}
.filter-group label input[type="checkbox"] {
	position: absolute;
	top: 8px;
	left: 0;
	margin: 0;
}
.filter-group input[type="text"] {
	margin: 0 0 10px;
}

/* ----- filter header ----- */
.filter-header {
	position: relative;
	padding-right: 250px;
}
.filter-header .header-utility {
	position: absolute;
	top: 0;
	right: 0;
}

/* ----- filter facets ----- */
.filter .facetwp-facet {
	margin: 0;
}
/* search filtering */
.filter .fs-search {
	padding: 10px;
}
.filter .fs-search input {
	padding: 10px;
	font-size: .8em
}
.filter .fs-option,
.filter .fs-search ,
.filter .fs-optgroup-label {
	padding: 10px;
}
.filter .fs-wrap.multiple .fs-option {
	padding-left: 30px;
}
.filter .fs-option .fs-option-label,
.filter .fs-search .fs-option-label,
.filter .fs-optgroup-label .fs-option-label {
	font-size: .8em;
}
/* checkbox/radio filtering */
.filter .facetwp-checkbox,
.filter .facetwp-radio {
	position: relative;
	font-size: .85em;
	font-weight: 700;
	margin: 0 0 5px;
}
.filter .facetwp-checkbox:hover,
.filter .facetwp-radio:hover {
	color: #1ab1db;
}
.filter .facetwp-checkbox .facetwp-counter,
.filter .facetwp-radio .facetwp-counter {
	color: #aaa;
}
/* fsslect */
.filter .facetwp-type-fselect .fs-wrap,
.filter .facetwp-type-fselect .fs-dropdown {
	width: 100%;
}
.filter .facetwp-slider-reset {
	display: inline-block;
    padding: 5px 15px;
    margin: 10px 0 0;
    font-size: .8em;
    font-weight: 700;
    line-height: 1.2;
    border: 2px solid rgba(0, 0, 0, .25);
    border-radius: 0;
    font-family: var(--sansserifbold), Helvetica, sans-serif;
    text-decoration: none;
    box-shadow: none;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}
.filter .facetwp-slider-reset:hover {
	background: #151515;
    color: #fff;
    border-color: #151515; 
}

/* -------------------- Forums -------------------- */
.forum-support-div .list-columns li {
	margin-bottom: 0;
}

/* -------------------- Gallery -------------------- */
.gallery {
	margin: 20px 0;
	overflow: auto;
}
.gallery ul {
	list-style: none;
	margin: 0 0 20px -2%;
}
.gallery ul li {
	float: left;
	width: 23%;
	margin: 0 0 2% 2%;
	/*max-height: 140px;*/
}
.gallery ul li a {
	display: block;
}
.gallery ul li img {
	width: 100%;
}
.gallery ul li img:hover {
	opacity: .5;
}

/* -------------------- Image Feature -------------------- */
.image-feature {
	position: relative;
	background: #000;
	margin: 0 0 30px;
}
.image-feature .feature-cover {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px;
	background: linear-gradient(transparent, rgba(0, 0, 0, .75));
}
.image-feature .feature-cover .cover-label {
	display: block;
	margin: 0 0 10px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .5);
}
.image-feature .feature-cover .cover-title {
	display: block;
	font-size: 2em;
	font-weight: 700;
	letter-spacing: -1px;
	color: #fff;
	margin: 0;
}

/* -------------------- Image Tags -------------------- */
.image-tag {
	display: inline-block;
	padding: 7px 20px;
	font-family: 	var(--sansserifreg), Helvetica, sans-serif;
	font-size: .85em;
	font-weight: 700;
	text-transform: uppercase;
	background: #fff;
	color: #151515;
	cursor: pointer;
}
.image-tag.tag-free {
	background: #fc0;
	color: #151515; 
}
.image-tag.tag-new {
	background: #d82027;
	color: #fff;
}


/* -------------------- Items -------------------- */
.item {
	position: relative;
	padding: 20px 0;
}
.item .meta a {
	color: #333;
}
.item .meta a:hover {
	color: #09c;
}
.item .item-title,
.item .item-sub-title {
	line-height: 1.2;
	margin: 0 0 10px;
}
#buddypress .item .item-title {
	margin: 0 0 10px !important;
}
.item .item-title a {
	color: #151515;
	text-decoration: none;
}
.item .item-title a:hover {
	color: #1ab1db;
}
.item .item-title.title-deal {
	padding-top: 10px;
}
.item p {
	line-height: 1.4;
}
.item p:last-child {
	margin: 0;
}
.item p.headline,
.item.item-small p.headline {
	font-size: 1.2em;
}
.item .item-action {
	position: absolute;
	top: 20px;
	right: 0;
	width: 175px;
	text-align: right;
}
.item .item-action .btn {
	display: block;
	margin: 0 0 10px;
}
.item .item-action .label {
	margin: 10px 0;
}

.item .item-form {
	padding: 20px;
	margin: 20px 0 0;
	background: #fff;
	border: 1px solid #ddd;
}
.item .item-form input,
.item .item-form select,
.item .item-form textarea {
	margin: 0 0 15px;
}
.item .item-form select {
	height: auto;
}

.item.item-light {
	border-color: rgba(255, 255, 255, .25);
}
.item.item-light .item-title a {
	color: #1ab1db;
}
.item.item-light .item-title a:hover {
	color: #fff;
}
/* course items */
.item.item-course {
	padding-right: 0;
}
.item.item-course .course-progress {
	margin: 0;
}
/* items with icon */
.item.item-with-icon {
	min-height: 80px;
	padding: 20px 0 20px 50px;
}
.item.item-with-icon .item-icon {
	position: absolute;
	top: 20px;
	left: 0;
	width: 45px;
	text-align: center;
}
.item.item-with-icon .item-icon > a {
	color: #68bb43;
}
.item.item-with-icon .item-icon > a:hover {
	color: #000;
}
.item.item-with-icon .item-icon i,
.item.item-with-icon .item-icon svg {
	font-size: 2em;
}
/* items with images */
.item.item-with-image {
	min-height: 190px;
	padding: 20px 0 20px 170px;
}
.item.item-with-image .item-image {
	position: absolute;
	top: 20px;
	left: 0;
	width: 150px;
}
.item.item-with-image .item-image img {
	display: block;
	width: 100%;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.item.item-with-image .item-image.image-rounded img {
	border-radius: 500px;
}
/*
.item.item-with-image .item-image.image-square img {
	border-radius: 5px;
}
*/
.item.item-with-image .item-image.image-video img {
	border-radius: 0;
}
.item.item-with-image .item-image img:hover {
	transform: scale(1.05);
}

/* item with actions */
.item.item-with-action {
	padding-right: 175px;
}
.item.item-with-action.item-with-icon.item-small {
	padding-right: 110px;
}
.item.item-with-action.item-with-icon.item-small .item-action {
	width: 100px;
}

/* module items */
.item.item-module {
	padding-left: 65px;
	padding-right: 150px;
	border-top: 1px solid #ddd;
}
.item.item-module .item-number {
	position: absolute;
	top: 20px;
	left: 0;
	width: 50px;
	height: 50px;
	padding: 14px 0;
	font-size: 1em;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #151515;
	border: 2px solid;
	border-radius: 100px;
}
.item.item-module p {
	font-size: .85em;
}
.item.item-module .item-action {
	width: 130px;
}

/* image icons */
.item.item-with-image .item-image.image-icon a {
	display: block;
	font-size: 4em;
	line-height: 1;
	text-align: center;
	color: #68bb43;
}
.item.item-with-image .item-image.image-icon a:hover {
	color: #000;
}

/* items with numbers */
.item.item-with-number {
	padding: 20px 0 20px 65px;
}
.item.item-with-number .item-number {
	position: absolute;
	top: 20px;
	left: 0;
	width: 51px;
	padding: 12px 0;
	font-size: 1.2em;
	font-weight: 700;
	text-align: center;
	background: #333;
	color: #fff;
	border-radius: 100px;
}
.item.item-with-number .item-content p {
	font-size: .85em;
}

/* rating items */
.item.item-rating {
	padding-top: 30px;
}

/* large items */
.item.item-large.item-with-image {
	min-height: 270px;
	padding-left: 320px;
}
.item.item-large.item-with-image .item-image {
	width: 300px;
}
/* micro items */
.item.item-micro.item-with-image {
	min-height: 80px;
	padding-left: 65px;
}
.item.item-micro .item-image {
	width: 50px;
}
.item.item-micro.item-with-image .item-image.image-icon a {
	font-size: 2em;
}
.item.item-micro p {
	font-size: .85em;
}
/* small items */
.item.item-small.item-with-image {
	min-height: 120px;
	padding-left: 100px;
}
.item.item-small .item-image {
	width: 80px;
}
.item.item-small.item-with-image .item-image.image-icon a {
	font-size: 3em;
}
.item.item-small p {
	font-size: .95em;
}
/* item list */
.item-list .item {
	border-top: 1px solid rgba(0, 0, 0, .1);
}
/* event items */
.item.item-event {
	min-height: 140px;
	padding: 20px 150px 20px 100px;
}
.item.item-event:before {
	content: "";
	position: absolute;
	top: 20px;
	left: 0;
	width: 2px;
	height: 75%;
	background: #2e3b46;
}
.item.item-event .item-icon {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 60px;
	font-size: 3.5em;
	line-height: 1;
	color: #2e3b46;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.item.item-event .item-action {
	position: absolute;
	top: 20px;
	right: 0;
}

/* light items */
.item.item-light {
	border-color: rgba(255, 255, 255, .15);
}
.item.item-light p {
	color: rgba(255, 255, 255, .75);
}
.item.item-light .item-title {
	color: #fff;
}
.item.item-light .item-title a:hover {
	color: #fff;
}

/* ---------- Loading ---------- */
.loading-state {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 2000;
}
.loading-status {
	position: absolute;
    top: 40%;
    left: 50%;
    width: 250px;
    margin-left: -125px;
    padding: 30px 0;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    font-weight: 700;
    text-align: center;
    z-index: 2001;
}
.loading-status .loading-icon {
	display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    vertical-align: middle;
}

/* -------------------- Meta -------------------- */
.meta {
	margin: 0 0 5px;
	font-family: 	var(--sansserifreg), Helvetica, sans-serif;
	font-size: .85em;
}
.meta .meta-label {
	display: inline-block;
	margin: 0 5px 5px 0;
	font-weight: 700;
	line-height: 1.4;
	vertical-align: middle;
}
.meta .meta-label.label-block {
	display: block;
}
.meta .meta-label i {
	margin-right: 3px;
}
.meta .meta-label.label-author {
	font-weight: 700;
	color: #1ab1db;
}
.meta .meta-label.label-premium {
	font-weight: 700;
	color: #ff5519;
}
.meta .meta-label.label-cat,
.meta .meta-label.label-location,
.meta .meta-label.label-type,
.meta .meta-label.label-weight {
	font-weight: 700;
	color: #68bb43;
}
.meta .meta-label.label-date {
	color: #999;
}
.meta .meta-label.meta-block {
	display: block;
}
.meta .meta-spacer {
	margin: 0 5px;
	color: #ccc;
}
.meta a {
	color: #151515;
}
.meta a:hover {
	color: #09c;
}
.meta .meta-label.label-link a {
	color: #1ab1db;
}
.meta .meta-label.label-link a:hover {
	color: #000;
}
.meta .meta-label.label-cat a {
	color: #68bb43;
}
.meta .meta-label.label-cat a:hover {
	color: #000;
}
/* author meta */
.meta.meta-author {
	font-size: 1.1em;
	padding: 10px 0 0;
}
/* large meta */
.meta.meta-large {
	font-size: 1.2em;
	margin: 0 0 10px;
}

/* ----- meta tag list ----- */
.meta-tag-list {
	font-family: 	var(--sansserifreg), Helvetica, sans-serif;
	font-size: .85em;
	font-weight: 400;
	color: #707070;
}
.meta-tag-list a {
	color: #707070;
	text-decoration: underline;
}
.meta-tag-list a:hover {
	color: #000;
	text-decoration: none;
}
.meta-tag-list a:after {
	content: ",";
}
.meta-tag-list a:last-child:after {
	content: none;
}

/* -------------------- Metrics -------------------- */
.metric {
	position: relative;
	padding: 0 0 0 80px;
	margin: 0 0 15px;
}
.metric .metric-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	font-size: 3em;
	line-height: 1;
	text-align: center;
	color: #333;
}
.metric .metric-icon-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
}
.metric.metric-round .metric-icon {
	position: absolute;
	padding: 15px 0;
	font-size: 1.5em;
	line-height: 1;
	border: 2px solid #ccc;
	border-radius: 100px;
}
.metric .metric-label {
	display: block;
	margin: 0 0 5px;
	color: #797e71;
}
.metric .metric-value {
	display: inline-block;
	font-size: 2em;
	font-weight: 300;
	letter-spacing: -1px;
	line-height: 1.4;
	color: #151515;
	margin: 0 10px 0 0;
}
.metric .metric-value.value-large {
	font-size: 2.5em;
}
.metric .metric-value.value-block {
	display: block;
	margin: 0 0 5px;
}
.metric .metric-value.value-inline-item {
	font-size: 1em;
	padding: 5px 10px;
	margin: 0 1px 5px 0;
	background: rgba(0, 0, 0, .1);
}
.metric .metric-value.value-list-item {
	display: block;
	font-size: .85em;
	letter-spacing: 0;
	padding: 10px;
	margin: 0 0 10px;
	color: #333;
	border: 2px solid #ccc;
	border-radius: 3px;
}
.metric .metric-value.value-list-item:hover {
	background: #fff;
	color: #09c;
	text-decoration: none;
}
.metric .list-nav {
	margin: 15px 0 0;
}
.metric .list-nav li a {
	padding: 10px 0;
}
.metric .list-nav li a:hover {
	padding-left: 10px;
}
.metric .list-nav li.active a {
	padding: 10px;
	background: #fff;
}
.metric .table.table-status {
	margin: 0;
}
.metric .table.table-status tr:first-child th,
.metric .table.table-status tr:first-child td, {
	padding-top: 0;
	border-top: none;
}
/* no icons */
.metric.metric-no-icon {
	padding: 15px;
}
/* stacked metrics */
.metric.metric-stacked {
	padding: 20px 0 20px 80px;
	margin: 0;
	border-top: 1px solid #ccc;
}
.metric.metric-stacked .metric-icon {
	top: 20px;
}
/* metric list */
.metric-list .metric-stacked:first-child {
	padding-top: 0;
	border-top: none;
}
.metric-list .metric-stacked:first-child .metric-icon {
	top: 0;
}
/* light metrics */
.metric.metric-light {
	background: rgba(255, 255, 255, .15);
}
.metric.metric-light .metric-label,
.metric.metric-light .metric-value {
	color: #fff;
}
/* mini metrics */
.metric.metric-mini {
	padding: 0 0 0 40px;
}
.metric.metric-mini .metric-icon {
	width: 30px;
	height: 30px;
	font-size: 1.8em;
}
.metric.metric-mini .metric-value {
	font-size: 1.2em;
}
.metric.metric-mini.metric-stacked {
	padding: 15px 0 15px 40px;
}
.metric.metric-mini.metric-stacked .metric-icon {
	top: 15px;
}
/* small metrics */
.metric.metric-small {
	padding: 0 0 0 60px;
}
.metric.metric-small .metric-icon {
	width: 40px;
	height: 40px;
	font-size: 2.5em;
}
.metric.metric-small .metric-label {
	font-size: .85em;
}
.metric.metric-small .metric-value {
	font-size: 1.2em;
}
/* large metrics */
.metric.metric-large {
	padding: 0 0 0 120px;
	margin: 0 0 30px;
}
.metric.metric-large .metric-icon {
	width: 100px;
	font-size: 5em;
}
.metric.metric-large .metric-label {
	font-size: 1.2em;
}
.metric.metric-large .metric-value {
	font-size: 3em;
}

.metric.metric-first {
	padding-top: 0;
	border-top: none;
}
.metric.metric-first .metric-icon {
	top: 0;
}

/* rating metrics */
.metric-rating-bar {
	font-family: var(--sansserifbold);
	margin: 0 0 10px;
}
.metric-rating-bar .metric {
	display: inline-block;
	min-width: 100px;
	padding: 10px;
	margin: 0 0 4px;
	background: #f5f5f5;
	text-align: center;
}
.metric-rating-bar .metric .metric-label,
.metric-rating-bar .metric .metric-value {
	margin: 0;
}
.metric.rating-overall {
	background: #68bb43;
}
.metric.rating-overall .metric-label {
	color: #fff;
}

/* -------------------- Module -------------------- */
.module {
	padding: 20px 0;
	border-top: 1px solid #ddd;
}
.module-title {
	padding-left: 20px;
	border-left: 3px solid;
}

/* -------------------- Overlay -------------------- */
.overlay {
	background: #000 !important;
    display: none;
    height: 100vh;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 9999999;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.overlay.overlay-open {
	display: table;
}
.overlay .overlay-x {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 8px 15px;
    font-size: 1em;
    color: #fff;
    border: 1px solid #fff;
    cursor: pointer;
    z-index: 2;
}
.overlay .overlay-x:hover {
	background: #fff;
	color: #000;
	border-color: #fff;
}
.overlay > div {
    display: table-cell;
    vertical-align: middle;
}
.overlay .video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    width: 100%;
}
.overlay .video-wrapper.wrapper-full {
    bottom: 0;
    height: 56.25vw;
    left: 0;
    max-height: 100vh;
    max-width: 177.78vh;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw;
}
.overlay .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* -------------------- Paths -------------------- */
.path {
	position: relative;
	margin: 0 0 30px;
	border-right: 1px solid #ddd;
}
.path:before {
	position: absolute;
	top: 0;
	left: 23px;
	content: "";
	width: 3px;
	height: 100%;
	background: #e5e5e5;
	z-index: 5;
}
.path .path-item {
	position: relative;
	min-height: 200px;
	padding: 30px 30px 30px 250px;
	margin-left: 23px;
	border-top: 1px solid #ddd;
}
.path .path-item .item-number {
	position: absolute;
	top: 45px;
	left: -23px;
	width: 50px;
	height: 50px;
	padding: 15px 0;
	font-size: 1.2em;
	font-weight: 700;
	text-align: center;
	background: #fff;
	border: 2px solid #0462a4;
	border-radius: 100px;
	z-index: 5;
}
.path .path-item .item-image {
	position: absolute;
	top: 25px;
	left: 45px;
	width: 180px;
	height: 150px;
	background: #000;
	overflow: hidden;
}
.path .path-item .item-image img {
	max-width: inherit;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.path .path-item .item-image img:hover {
	opacity: .5;
}
.path .path-item .image-tags {
	position: absolute;
	bottom: 20px;
	left: 0;
}
.path .path-item .item-content p:last-child {
	margin: 0;
}
.path .path-item .item-title {
	margin: 0 0 5px;
}
.path .path-item p {
	font-size: .85em;
}
.path .path-item:last-child {
	border-bottom: 1px solid #ddd;
}
.path .path-item .item-tag {
	position: absolute;
	top: 25px;
	right: 20px;
}
/* supplemental items */
.path .path-item.item-supplemental {
	padding-left: 295px;
}
.path .path-item.item-supplemental .item-number {
	left: 20px;
	color: #1ab1db;
	border-color: #ccc;
}
.path .path-item.item-supplemental .item-image {
	left: 90px;
}

/* -------------------- Product -------------------- */
.product {
	position: relative;
	padding: 30px;
}
.product .product-label {
	position: absolute;
	top: -15px;
	left: 30px;
	padding: 10px;
	background: #151515;
	color: #fff;
	font-family: var(--serifbody), Georgia, serif;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	z-index: 10;
}
.product .product-label .label-icon {
	display: inline-block;
	width: 25px;
	margin: -3px 5px 0 0;
	vertical-align: middle;
}
/* recommended variation */
/*
.product.product-recommended {
	padding: 50px;
	border: 5px solid #fcc400;
}
.product.product-recommended .product-label {
	top: -23px;
	background: #fcc400;
	color: #000;
}
*/
/* product header */
.product-header {
	position: relative;
	padding-right: 120px;
}
.product-header .header-utility {
	position: absolute;
	top: 0;
	right: 0;
}

/* misc product */
.product-disclosure {
	font-size: .85em;
	text-align: right;
	text-transform: uppercase;
}
.product-disclosure a {
	color: #999;
	text-decoration: underline;
}

/* -------------------- Progress Meter -------------------- */
/* sign up progress bar */
.progress-meter {
	font-size: 1em;
	font-weight: 300;
	letter-spacing: -0.025em;
	text-align: center;
	margin: 20px 0;
}
.progress-meter .meter-step {
	position: relative;
	display: inline-block;
	padding: 10px 0 10px 35px;
	margin: 0 20px;
	color: #888;
}
.progress-meter .meter-step i {
	position: absolute;
	top: 5px;
	left: 0;
	width: 26px;
	padding: 7px 0;
	font-size: .8em;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	background: rgba(0, 0, 0, .25);
	color: #fff;
	border-radius: 30px;
}
.progress-meter .meter-step.step-active {
	font-weight: 700;
	color: #000;
}
.progress-meter .meter-step.step-active i {
	background: #000;
}

/* -------------------- Quote -------------------- */
.quote {
	position: relative;
	padding: 0 30px;
	margin: 0 0 30px;
}
.quote blockquote {
	position: relative;
	padding: 30px 0;
	font-size: 1.2em;
	font-style: italic;
	font-weight: 300;
	background: none;
	border: none;
}
.quote blockquote:before {
	position: absolute;
	top: 15px;
	left: -15px;
	content: "\f10d";
	font-family: FontAwesome;
	font-size: 3em;
	line-height: 1;
	color: #64b927;
	opacity: .2;
}
.quote blockquote:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100px;
	height: 4px;
	background: rgba(100, 185, 39, .2);
}
.quote .quote-title {
	font-weight: 700;
	margin: 0 0 10px;
}
/* small quotes */
.quote.quote-small blockquote {
	font-size: 1em;
}
/* light quotes */
.quote.quote-light {
	color: #fff;
}
.quote.quote-light:after {
	opacity: .25;
}
.quote.quote-light blockquote {
	color: #fff;
}
.quote.quote-light blockquote:before {
	opacity: .25;
}
.quote.quote-light blockquote:after {
	background: rgba(255, 255, 255, .25);
}

/* -------------------- Radial -------------------- */
.radial {
	position: relative;
	display: inline-block;
	width: 100px;
}
.radial .radial-circle {
	display: block;
}
.radial .radial-value {
	position: absolute;
	top: 43px;
	width: 100%;
	font-family: 	var(--sansserifreg), Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: 700;
	text-align: center;
}
.radial .radial-label {
	display: block;
	font-weight: 700;
	text-align: center;
}

/* progress radials */
.progress-radial {
	position: relative;
	padding: 0 0 0 120px;
}
.progress-radial .radial {
	position: absolute;
	top: 0;
	left: 0;
}

/* -------------------- Rating -------------------- */
.rating {
	margin: 0 0 5px;
}
.rating i,
.rating svg {
	display: inline-block;
	color: #68bb43;
}

/* -------------------- Register -------------------- */
.register {
	position: relative;
	background: #eee;
	padding-right: 50px;
	margin: 0 0 15px;
}
.register .register-input,
.register .newsletter-signup-form {
	padding: 20px;
	background: none;
	border: none;
	outline: none;
}
.register .register-submit,
.register input[type="submit"] {
    position: absolute;
    top: 7px;
    right: 7px;
    padding: 13px 20px;
    font-size: .9em;
    border: none;
}
.register-form {
	margin: 20px 0;
}
/* compact form */
.register-form.form-compact .register {
	padding: 0;
	background: none;
}
.register-form.form-compact .register .register-input,
.register-form.form-compact .newsletter-signup-form {
	margin: 0 0 10px;
	background: #eee;
}
.register-form.form-compact .register .register-submit,
.register-form.form-compact input[type="submit"] {
	position: static;
	display: block;
	width: 100%;
	padding: 15px 0;
}

/* -------------------- Screenshot -------------------- */
.screenshot {
	position: relative;
	margin: 0 0 30px;
	border: 2px solid #ddd;
}
.screenshot .screenshot-bar {
    display: block;
    padding: 7px 10px;
    background: #e5e5e5;
}
.screenshot .screenshot-bar span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px 0 0;
    background: #999;
    border-radius: 100px;
}
.screenshot .screenshot-bar .bar-red {
    background: #e85851;
}
.screenshot .screenshot-bar .bar-yellow {
    background: #eebe4a;
} 
.screenshot .screenshot-bar .bar-green {
    background: #33b351;
}
.screenshot .screenshot-image {
	width: 100%;
	margin: 0 auto;
}
.screenshot .screenshot-image img {
	width: 100%;
}

/* -------------------- Search -------------------- */
.search {
	position: relative;
	margin: 0 0 15px;
}
.search .search-input {
	padding: 20px 50px 20px 20px;
	background: #eee;
	border: none;
	outline: none;
}
.search .search-submit {
	position: absolute;
	top: 0;
	right: 5px;
	padding: 18px;
	background: none;
	color: #999;
	font-size: 1.2em;
	border: none;
}
.search .search-submit:hover {
	background: none;
	color: #333;
}
/* inline search */
.search.search-inline {
	display: inline-block;
}
.search.search-inline .search-input {
	padding: 10px 50px 10px 20px;
	height: 45px;
}
.search.search-inline .search-submit {
	padding: 12px;
	font-size: 1em;
}

/* -------------------- 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%;
}

/* ---------- Steps ---------- */
.step {
	position: relative;
	padding-left: 70px;
	margin: 0 0 20px;
}
.step .step-number {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	padding: 15px 0;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	background: #151515;
	color: #fff;
	border-radius: 100px;
	z-index: 5;
}
.step .step-number.number-active {
	background: #6abf44;
}
.step .step-title {
	line-height: 1.2;
	padding: 15px 0 0;
	margin: 0 0 5px;
}
/* spaced steps */
.step.step-spaced {
	margin: 0 0 40px;
}
/* super steps */
.step.step-super {
	margin: 0 0 30px;
}
.step.step-super:after {
	content: "";
	position: absolute;
	left: 25px;
	top: 45px;
	height: 100%;
	width: 2px;
	background: rgba(0, 0, 0, .1);
}
.step.step-super.step-light:after {
	background: rgba(255, 255, 255, .5);
}
.step.step-super.step-last:after {
	display: none;
}
.step.step-super .step-title {
	margin: 0 0 20px;
}
/* steps with path */
.step.step-with-path {
	padding: 0 40px;
	text-align: center;
}
.step.step-with-path:after {
	content: "";
	position: absolute;
	left: -20px;
	top: 23px;
	width: 120%;
	height: 2px;
	background: #ddd;
	z-index: 0;
}
.step.step-with-path.step-first:after {
	left: 50%;
	width: 60%;
}
.step.step-with-path.step-last:after {
	right: 50%;
	width: 60%;
}
.step.step-with-path .step-number {
	position: relative;
	display: inline-block;
	margin: 0 auto 20px;
	z-index: 5;
	box-shadow: 0 0 0 15px #f5f5f5;
}
.step.step-with-path .step-icon {
	display: block;
	font-size: 5em;
	margin: 0 auto 20px;
	z-index: 5;
}
.step.step-with-path .step-number .step-title,
.step.step-with-path .step-number p {
	text-align: center;
}

/* -------------------- Tabs -------------------- */
.tabs-nav {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-weight: 900;
}
/* full tabs */
.tabs-nav {
	display: table;
	width: 100%;
	margin: 0 0 30px;
	text-transform: uppercase;
	border: none;
}
.tabs-nav li {
	display: table-cell;
	padding: 0 5px;
	border: none;
}
.tabs-nav li:first-child {
	padding-left: 0;
}
.tabs-nav li:last-child {
	padding-right: 0;
}
.tabs-nav li a {
	display: block;
	padding: 15px;
	margin: 0;
	background: rgba(0, 0, 0, .25);
	color: #333;
	text-align: center;
	border: none;
	border-radius: 4px;
	text-decoration: none;
}
.tabs-nav li a:hover {
	background: #069;
	color: #fff;
	text-decoration: none;
}
.tabs-nav li a:active,
.tabs-nav li.active a {
	background: #036;
	color: #fff;
}
.tabs-nav li a i {
	margin-right: 5px;
}
.tabs-nav.tabs-2 li {
	width: 50%;
}
.tabs-nav.tabs-3 li {
	width: 33.33%;
}
.tabs-nav.tabs-4 li {
	width: 25%;
}
/* light tabs */
.tabs-nav.tabs-light li a {
	background: rgba(255, 255, 255, .25);
	color: #fff;
}
.tabs-nav.tabs-light li a:hover {
	background: #09c;
	color: #fff;
}
.tabs-nav.tabs-light li a:active,
.tabs-nav.tabs-light li.active a {
	background: #fff;
	color: #036;
}

/* -------------------- Tags -------------------- */
div .tag,
p .tag {
	display: inline-block;
	padding: 4px 8px;
	margin: 0 5px 5px 0;
	background: none;
	color: #000;
	font-size: .8em;
	line-height: 1.5;
	border: 2px solid #ddd;
	font-family: var(--sansserifreg), Helvetica, sans-serif;

}
div p .tag:hover,
p .tag:hover {
	border-color: #000;
	text-decoration: none;
}

/* -------------------- Tiles -------------------- */
.tile {
	position: relative;
}
.tile a,
.tile:hover a {
	text-decoration: none;
}
.tile .tile-image {
	display: block;
	background: #000;
	overflow: hidden;
}
.tile .tile-image img {
	display: block;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.tile .tile-icon {
	position: absolute;
    right: 30px;
    bottom: 30px;
    color: #fff;
    font-size: 2em;
    line-height: 1;
	z-index: 10;
}
.tile .tile-status {
	position: absolute;
	top: 30px;
	left: 30px;
	padding: 5px 15px 7px 10px;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	z-index: 10;
}
.tile .tile-status i {
	display: inline-block;
	font-size: 1.2em;
	vertical-align: top;
	margin: 2px 5px 0 0;
}
.tile .tile-status .status-text {
	display: inline-block;
	font-size: .8em;
	color: #fff;
}

.tile .tile-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 100px 65px 20px 30px;
	background: linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .75));
	/*background: rgba(39, 43, 51, .7);*/
	color: #fff;
	z-index: 5;
}
.tile .tile-title {
	font-size: 1.5em;
	font-weight: 700;
	margin: 0 0 10px;
	color: #fff;
}
.tile .tile-label {
	letter-spacing: 5px;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 15px;
}
.tile .tile-description {
	display: block;
	font-weight: 200;
	line-height: 1.5;
	color: #fff;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.tile .tile-content .btn {
	width: 100%;
	font-size: .9em;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.tile .tile-description.js-content {
	height: 0;
	overflow: hidden;
}
.tile:hover img {
	opacity: .5;
	transform: scale(1.10);
}
.tile:hover .tile-content {
	background: none;
}
.tile:hover .tile-description.js-content {
	height: 50px;
	overflow: inherit;
}

/* -------------------- Timer -------------------- */
.timer {
	position: relative;
	display: inline-block;
}
.timer .timer-unit {
	display: inline-block;
	margin: 0 10px 0 0;
	font-size: 1em;
	font-weight: 700;
}
.timer .timer-unit span {
	display: inline-block;
	font-size: .75em;
	font-weight: 300;
	opacity: .7;
	margin: 0 0 0 3px;
}
.timer.timer-large {
	display: block;
}
.timer.timer-large .timer-unit {
	display: inline-block;
	margin: 0 20px 20px 0;
	font-size: 2.5em;
	line-height: 1.5;
}
.timer.timer-large .timer-unit span {
	display: block;
	font-size: .5em;
}

/* -------------------- 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: 300px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.user .user-avatar > a:hover img {
	transform: scale(1.10);
}
.user .user-label {
	display: block;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: .85em;
	font-weight: 400;
	color: #0b1c21;
	margin: 0 0 5px;
}
.user .user-subtitle {
	display: block;
	margin: 0 0 10px;
	font-size: 1em;
}
.user .user-title {
	display: block;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 10px;
}
.user p,
.user .user-desc {
	display: block;
	font-size: .85em;
	font-weight: 300;
	line-height: 1.4;
}
.user p:last-child,
.user .user-desc:last-child {
	margin: 0;
}
.user .user-nav {
	list-style: none;
	font-size: .9em;
	margin: 0 0 20px;
}
.user .user-nav li {
	display: inline-block;
	padding: 0 10px;
	margin: 0;
	border-left: 1px solid;
}
.user .user-nav li:first-child {
	padding-left: 0;
	border-left: none;
}
.user .user-nav.nav-light li {
	border-color: rgba(255, 255, 255, .25);
}
.user .user-nav.nav-light li a {
	color: rgba(255, 255, 255, .7);
}
.user .user-nav.nav-light li a:hover {
	color: #fff;
}
/* size variations */
.user.user-micro {
	min-height: 45px;
	padding-left: 55px;
}
.user.user-micro .user-avatar {
	width: 45px;
}
.user.user-small {
	min-height: 60px;
	padding-left: 80px;
}
.user.user-small .user-avatar {
	width: 60px;
}
.user.user-small .meta.meta-author {
	padding: 5px 0 0;
}
.user.user-large {
	min-height: 130px;
	padding-left: 140px;
}
.user.user-large .user-avatar {
	width: 120px;
}
.user.user-large p {
	font-size: 1em;
}
.user.user-large .user-desc {
	font-size: .9em;
}
/* 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;
}
/* padded users */
.user.user-padded {
	min-height: 110px;
	padding: 15px 15px 15px 110px;
	background: #eee;
	border-left: 2px solid #333; 
}
.user.user-padded .user-avatar {
	top: 15px;
	left: 15px;
}
.user.user-padded.user-small {
	min-height: 90px;
	padding: 15px 15px 15px 90px; 
}

.user.user-no-avatar {
	padding: 0;
}
/* post users */
.user.post-user {
	position: relative;
	padding: 0;
	margin: -70px 0 30px;
}
.user.post-user .user-avatar {
	position: static;
	display: block;
	margin: 0 auto 15px;
}
.user.post-user .user-avatar img {
	margin: 0 auto;
	border: 5px solid #fff;
}
.user.post-user .user-label,
.user.post-user .user-title {
	text-align: center;
}
/* stacked users */
.user.user-stacked {
	padding: 0;
	margin: 0 0 30px;
}
.user.user-stacked .user-avatar {
	position: static;
	display: block;
	margin: 0 auto 15px;
}
.user.user-stacked .user-label,
.user.user-stacked .user-title,
.user.user-stacked .user-desc {
	text-align: center;
}
.user.user-stacked .user-desc {
	padding: 0 10%;
}

/* -------------------- Utility -------------------- */
.utility {
	text-align: right;
	margin: 0 0 20px;
}

/* utility nav */
.utility-nav {
	margin: 0 0 20px;
}
.utility-nav li {
	display: inline-block;
	margin-right: 10px;
}
.utility-nav li a {
	font-size: 1.8em;
	color: #999;
}
.utility-nav li a:hover {
	color: #000;
}
/* centered nav */
.utility-nav.centered {
	margin: 0 0 20px;
}
.utility-nav.centered li {
	margin: 0 5px;
}

/* -------------------- Widgets -------------------- */
.widget {
	padding: 30px;
	margin: 0 0 30px;
	border: 2px solid #ddd;
}
.widget .widget-icon {
	display: block;
	font-size: 2em;
	margin: 0 0 20px;
}
.widget .widget-title {
	position: relative;
	padding-right: 30px;
	font-size: 1.25em;
	font-weight: 700;
}
.widget .widget-title:after {
	content: "";
	position: absolute;
	top: 0;
	left: -32px;
	height: 100%;
	border-left: 4px solid;
}
.widget .widget-title > i {
	position: absolute;
	top: 3px;
	right: 0;
}
.widget.widget-form input[type="submit"]{
	display: block;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}
.widget .widget-list {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: 1em;
	list-style: none;
	font-weight: 400;
	margin: 0; 
}
.widget .widget-list li {
	margin: 0;
	border-top: 1px solid #ddd;
}
.widget .widget-list li a {
	display: block;
	padding: 10px 0;
}
.widget .widget-list li a:hover {
	padding-left: 10px;
	background: #fff;
	color: #000;
	text-decoration: none;
}
.widget .widget-list li .children {
	font-size: 1em;
	font-weight: 300;
}
.widget .widget-list li .children li a {
	padding: 10px;
}
.widget .widget-list li .children li a:hover {
	padding-left: 15px;
}
.widget .widget-list.list-nav li a {
	padding: 15px 0;
}
.widget .widget-list.list-nav li a:hover {
	padding-left: 15px;
}
/* ad widgets */
.widget.widget-ad {
	border: none;
}

/* Lead Pages widget styling (since they use the .widget class) */
.ldp-content .widget {
	padding: 0;
	margin: inherit;
	border: none;
	box-shadow: none;
}


/* -------------------- WP Classes -------------------- */
.wp-caption {
	display: block;
	max-width: 100%;
	margin-bottom: 40px;
}
.wp-caption img {
	display: block;
	width: 100%;
}
.wp-caption-text {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	padding: 15px;
	font-size: 1em;
	text-align: left;
	border-top: 1px solid #eee;
}


/* -------------------- BL LEGACY Classes -------------------- */
/* these are classes brought over from the old site */
.littlebutton {
	font-size: .85em;
	padding: 7px 15px;
	background: none;
	color: #151515;
	border-color: rgba(0, 0, 0, .25);
}
.littlebutton:hover {
	background: #151515;
	color: #fff;
	border-color: #151515;
}

.disclosure-div {
	padding: 30px;
	margin: 0 0 30px;
	background: #f5f5f5;
}
/* ----- bbPress ----- */
.forum-archive li.bbp-forum-freshness {
	display: none;
}


/* -------------------- Google Ad Classes -------------------- */
/*
.advertisement-label {
	margin-bottom: 40px; 
}
*/
.advertisement-label img {
	display: block;
	margin: 0 auto;
}

/* ======================================================================================================= */
/* 05: Footer
/* ======================================================================================================= */
.site-footer {
	background: #151515;
}
.site-footer p {
	font-size: 1em;
	font-weight: 300;
	color: rgba(255, 255, 255, .5);
}
.site-footer p a:hover {
	color: #68bb43;
}
.site-footer .footer-columns {
	display: table;
	width: 100%;
	padding: 30px 0 0;
}
.site-footer .footer-column {
	display: table-cell;
	width: 33.33%;
	padding: 30px 50px 30px 0;
}
.site-footer .footer-title {
	text-transform: uppercase;
	color: #fff;
}
.site-footer hr.hr-blank {
	margin: 20px 0;
}
.footer-nav {
	list-style: none;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 700;
	line-height: 1;
	margin: 0 0 20px;
}
.footer-nav li {
	margin: 0;
}
.footer-nav li a {
	position: relative;
	display: block;
	padding: 10px 0;
	color: #fff;
	text-decoration: none;
}
.footer-nav li a:hover {
	color: #68bb43;
}
.footer-nav li i,
.footer-nav li svg {
	position: absolute;
	top: 16px;
	left: 0;
	width: 20px;
}
.footer-nav.nav-icons li a {
	padding: 15px 0 15px 30px;
}
.footer-nav.nav-icons li i {
	position: absolute;
	top: 16px;
	left: 0;
	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;
}
/* core nav */
.footer-nav.nav-core {
	font-family: var(--sansserifbold);
	font-size: .9em;
	text-transform: uppercase;
	margin: 0;
}
.footer-nav.nav-core li {
	display: inline-block;
	margin: 0 5px 10px 0;
}
.footer-nav.nav-core li a i,
.footer-nav.nav-core li a svg {
	position: static;
	display: inline-block;
	margin-left: 3px;
}
/* social nav */
.site-footer .social-nav li a {
	color: #fff;
}
.site-footer .social-nav li a:hover {
	color: #68bb43;
}

.site-footer form {
	margin: 40px 0 0;
}
.site-footer input[type="text"],
.site-footer input[type="email"] {
	background: none;
	border: 1px solid #fff;
	box-shadow: none;
	color: #fff;
	width: 100%;
	margin: 0 0 15px;
	outline: none;
}
.site-footer input[type="text"]:focus,
.site-footer input[type="email"]:focus {
	border-color: #68bb43;
}
.site-footer input[type="submit"] {
	display: block;
	width: 100%;
	background: #fff;
	color: #151515;
}
.site-footer input[type="submit"]:hover {
	background: #68bb43;
}

/* footer base */
.site-footer .footer-base {
	position: relative;
	padding: 50px 0;
}
.site-footer .footer-base:before {
	position: absolute;
	top: 47px;
	content: "";
	width: 100%;
	height: 1px;
	background: #fff;
	z-index: 1;
}
.site-footer .footer-base .base-logo,
.site-footer .footer-base .base-copyright {
	position: absolute;
	top: 35px;
}
.site-footer .footer-base .base-logo {
	left: 0;
	width: 250px;
	padding-right: 20px;
	background: #151515;
	z-index: 2;
}
.site-footer .footer-base .base-copyright {
	right: 0;
	padding-left: 20px;
	background: #151515;
	color: #fff;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	z-index: 2;
}

.copyright {
	font-size: .85em;
	margin: 0;
}
.site-credit {
	font-size: .85em;
	text-align: right;
}
.copyright a,
.site-credit a {
	color: rgba(255, 255, 255, .35);
	text-decoration: none;
}
.copyright a:hover,
.site-credit a:hover {
	color: #fff;
}

/* membership page footers */
.page-template-page-membership .site-footer,
.page-template-page-membership-2022 .site-footer,
.page-template-page-checkout .site-footer,
.page-template-page-confirmation .site-footer,
.page-template-page-upsell .site-footer {
	display: none;
}

/* sales page footers */
.page-template-page-course-sales-page .site-footer .footer-wrap {
	display: none;
}

/* maintenance footers */
.page-template-page-maintenance .site-footer {
	display: none;
}


/* ======================================================================================================= */
/* 06: Forms
/* ======================================================================================================= */
.form-container {
	padding: 30px;
	border: 2px solid #ddd;
}
.input-container {
	margin: 0 0 15px;
}
.input-desc {
	font-size: 1em;
}

label {
	display: inline-block;
	font-family: var(--sansserifbold);
	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;
}
.label-block {
	display: block;
	margin: 0 0 10px; 
}
.label-module {
	display: inline-block;
	margin: 0 0 20px;
}
.label-title {
	display: block;
	margin: 0 0 20px;
}
/* data labels */
.label-data {
	width: 120px;
	margin: 0 5px 5px 0;
}
/* numbered labels */
.label-number {
	position: relative;
	display: block;
	font-size: 1.2em;
	letter-spacing: -0.025em;
	padding-left: 40px;
	margin: 0 0 10px;
}
.label-number .number {
	position: absolute;
	top: -7px;
	left: 0;
	width: 30px;
	padding: 8px 0;
	font-size: .75em;
	font-weight: 300;
	line-height: 1;
	text-align: center;
	background: #333;
	color: #fff;
	border-radius: 100px;
}
/* option labels */
.label-option {
	position: relative;
	display: block;
	line-height: 1.2;
	padding: 10px 15px 10px 30px;
	border: 1px solid #ddd;
	cursor: pointer;
}
.label-option input {
	position: absolute;
	top: 7px;
	left: 10px;
}
.label-option .option-title {
	display: block;
	font-size: .9em;
}
.label-option .option-desc {
	display: block;
	font-size: .85em;
	font-weight: 300;
	color: #999;
	margin: 5px 0 0;
}
.label-option:hover {
	border-color: #333;
}
.label-option.option-inline {
	display: inline-block;
}
/* status labels */
.label-status {
	padding: 10px;
	margin: 0 0 15px;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-weight: 700;
}
.label-status.status-unlocked {
	padding: 10px;
	color: #fff;
	background: #669900;
	background: -moz-linear-gradient(left, #669900 0%, #99cc00 100%);
	background: -webkit-linear-gradient(left, #669900 0%,#99cc00 100%);
	background: linear-gradient(to right, #669900 0%,#99cc00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669900', endColorstr='#99cc00',GradientType=1 );
}
.label-status.status-locked {
	padding: 10px;
	color: #fff;
	background: #900009;
	background: -moz-linear-gradient(left, #900009 0%, #cc0000 100%);
	background: -webkit-linear-gradient(left, #900009 0%,#cc0000 100%);
	background: linear-gradient(to right, #900009 0%,#cc0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#900009', endColorstr='#cc0000',GradientType=1 );
}
.label-status.status-recommended {
	display: inline-block;
	background: #fcc400;
	color: #000;
	margin: 0 0 5px;
}
.label-status.status-recommended .label-icon {
	display: inline-block;
	width: 15px;
	margin: -3px 5px 0 0;
	vertical-align: middle;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="phone"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
textarea {
	display: block;
	width: 100%;
	padding: 15px;
	font-size: .9em;
	letter-spacing: -0.025em;
	height: auto;
	background: #eee;
	border: none;
}
select,
select[multiple], select[size] {
	padding: 15px;
	height: 50px;
	font-size: .9em;
	letter-spacing: -0.025em;
	border-radius: 4px;
	background: #eee;
	color: #333;
	border: 1px solid #ddd;
}
.ui-dialog-content input[type="text"],
.ui-dialog-content input[type="email"],
.ui-dialog-content input[type="password"],
.ui-dialog-content textarea {
	padding: 15px;
}
textarea {
	height: 100px;
}
input[type="submit"],
button[type="submit"] {
	color: #fff;
	background: #64b927;
	padding: 12px 30px;
	font-weight: 700;
	font-family: var(--sansserifbold), Helvetica, sans-serif;
	font-size: .9em;
	border-radius: 0;
	border: none;
	cursor: pointer;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
input[type="submit"]:hover,
button[type="submit"]:hover {
	background: #1f4d0b;
	color: #fff;
}

span.required {
	color: #c00;
}

.mobile-label {
	display: none;
}

.no-results {
	display: none;
}

.contact-info {
	padding-left: 30px;
}

.feedback-form input[type="submit"] {
	background: #1489cc;
	color: #fff;
	border-color: #1489cc;
}
.feedback-form input[type="submit"]:hover {
	background: #036;
	color: #fff;
	border-color: #036;
}

/* ----- authentication (login / password) ----- */
.auth-container {
	padding: 50px;
	background: #fff;
	margin: 0 auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}
.auth-container br {
	display: none;
}

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


/* ======================================================================================================= */
/* 07: Tables
/* ======================================================================================================= */
table {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
}
table th {
	text-transform: none;
	color: #333;
	border-bottom: none;
}

/* table helpers */
.column-action {
	text-align: right;
}
.column-icon {
	width: 40px;
}
.column-type {
	width: 100px;
}

.th-label {
	display: block;
	font-size: .8em;
}

/* action tables */
.table.table-action {
	font-size: .9em;
}
.table.table-action thead {
	text-transform: uppercase;
}
.table.table-action th,
.table.table-action td {
	padding: 15px 0;
	vertical-align: middle;
}
.table.table-action .column-action {
	width: 250px;
}

/* asset tables */
.table.table-assets {
	border-bottom: 1px solid #ddd;
}
.table.table-assets th,
.table.table-assets td {
	padding: 10px;
	border-top: 1px solid #ddd;
	vertical-align: top;
}
.table.table-assets thead th {
	padding: 10px;
}
.table.table-assets tbody {
	font-size: .85em;
}
.table.table-assets .column-action {
	width: 150px;
}
.table.table-assets .column-type .label {
	display: block;
}

/* comparison tables */
.table.table-compare {
	table-layout: fixed;
	margin: 0 0 30px;
	font-size: 1.2em;
	color: #333;
}
.table.table-compare thead th {
	padding-left: 10px;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-weight: 700;
	text-align: center;
	border-bottom: 1px solid #333;
}
.table.table-compare thead th span {
	display: block;
}
.table.table-compare th,
.table.table-compare td {
	padding: 20px 0;
	border-top-color: rgba(0, 0, 0, .1) !important;
}
.table.table-compare tbody tr:hover th,
.table.table-compare tbody tr:hover td {
	background: #fff;
}
.table.table-compare tbody th {
	position: relative;
	padding-left: 40px;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-weight: 400;
	width: 40%;
}
.table.table-compare tbody th .feature-icon {
	position: absolute;
	top: 23px;
	left: 0;
	width: 30px;
	text-align: center;
	color: #ff5519;
}
.table.table-compare tbody td,
.table.table-compare tfoot td {
	width: 20%;
	padding-left: 10px;
	text-align: center;
}
.table.table-compare tbody td i.fa-times-circle {
	color: #ccc;
}
.table.table-compare tbody td i.fa-check-circle {
	color: #68bb43;
}
.table.table-compare p {
	color: #333;
}
.table.table-compare h5 {
	margin: 0 0 5px;
}

/* contact tables */
.table.table-contact {
	border-top: 2px solid #333;
	border-bottom: 1px solid #ccc;
	margin: 0 0 30px;
}
.table.table-contact th,
.table.table-contact td {
	padding: 15px 0;
	border-top: 1px solid #ccc;
}
.table.table-contact th {
	width: 200px;
}
.table.table-contact th i {
	width: 18px;
	text-align: center;
	margin-right: 10px;
	color: #0462a4;
}

/* content tables */
.table.table-content {
	font-size: .9em;
	margin: 0 0 20px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 30px;
}
.table.table-content thead {
	text-transform: uppercase;
}
.table.table-content th,
.table.table-content td {
	padding: 15px 0;
}
.table.table-content tbody th {
	width: 250px;
}
.table.table-content h6 a {
	color: #151515;
}
.table.table-content h6 a:hover {
	color: #08c;
}

/* data tables */
.table.table-data {
	table-layout: fixed;
	font-size: .85em;
	border-bottom: 1px solid #ddd;
}
.table.table-data th,
.table.table-data td {
	padding: 10px;
}
.table.table-data thead {
	background: none;
}
.table.table-data thead th {
	font-size: 1.2em;
	background: #f5f5f5;
	border-bottom: 1px solid;
}
.table.table-data tbody .row-total th,
.table.table-data tbody .row-total td {
	border-top: 1px solid #23324e;
}
.table.table-data .data-fixed {
	width: 350px;
}
.table.table-data.data-review {
	font-size: .95em;
}
.table.table-data.data-review tbody th {
	width: 200px;
}

/* detail tables */
.table.table-detail {
	margin: 0 0 30px;
	border: 1px solid #ddd;
}
.table.table-detail th,
.table.table-detail td {
	padding: 15px;
}
.table.table-detail tbody th {
	width: 150px;
	background: #f5f5f5;
}
.table.table-detail tbody th i {
	width: 15px;
	margin-right: 5px;
	text-align: center;
}
.table.table-detail ul {
	margin-bottom: 0;
}

/* info tables */
.table.table-info {
	font-size: .9em;
	margin: 0 0 20px;
	background: none;
}
.table.table-info th,
.table.table-info td {
	padding: 15px 0;
}
.table.table-info tbody th {
	width: 120px;
}

/* list tables */
.table.table-list {
	font-size: .9em;
	border: 1px solid #ddd;
}
.table.table-list th,
.table.table-list td {
	padding: 15px;
	vertical-align: middle;
}

/* markup tables */
.table.table-markup th,
.table.table-markup td {
    min-width: 150px;
    padding: 20px;
    vertical-align: top;
}
.table.table-markup thead th {
    text-transform: uppercase;
}
.table.table-markup tbody th {
    width: 250px;
}
.table.table-markup .row-header th {
	background: #f5f5f5;
}

.table.table-markup h1,
.table.table-markup h2,
.table.table-markup h3,
.table.table-markup h4,
.table.table-markup h5,
.table.table-markup h6,
.table.table-markup p,
.table.table-markup ol,
.table.table-markup ul,
.table.table-markup blockquote {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
}

/* product tables */
.table.table-product {
	margin: 0 0 20px;
}
.table.table-product th,
.table.table-product td {
	padding: 15px 15px 15px 0;
}

/* profile tables */
.table.table-profile {
	font-size: .9em;
	margin: 0 0 20px;
}
.table.table-profile th,
.table.table-profile td {
	padding: 15px;
}
.table.table-profile tbody th {
	width: 250px;
}

/* invoice tables */
.table.table-invoice {
	font-size: .85em;
	border: 1px solid #ddd;
	margin: 0 0 20px;
}
.table.table-invoice th,
.table.table-invoice td {
	padding: 10px;
}
.table.table-invoice th {
	width: 120px;
}
.table.table-invoice tr.row-total th,
.table.table-invoice tr.row-total td {
	border-top: 1px solid #333;
}

/* select tables */
.table.table-select {
	border: 1px solid #ddd;
}
.table.table-select th,
.table.table-select td {
	padding: 20px; 
	vertical-align: top;
}
.table.table-select td .btn {
	margin: 0;
}
.table.table-select .column-desc {
	width: 70%;
}
.table.table-select .column-desc h5 {
	margin: 0 0 5px;
}

/* status tables */
.table.table-status {
	font-size: .9em;
	margin: 20px 0;
}
.table.table-status th,
.table.table-status td {
	padding: 10px 0;
}
.table.table-status th {
	width: 120px;
}

/* responsive tables */
.table-responsive {
	display: table;
}


/* ======================================================================================================= */
/* 08: Bootstrap Over-rides
/* ======================================================================================================= */
.container.no-padding {
	padding: 0;
}

.hidden {
	display: none !important;
}

/* ----- alerts ----- */
.alert {
	font-weight: 300;
	padding: 15px;
	margin: 0 0 20px;
	border: none;
	border-radius: 0;
}
.alert p {
	font-size: 1em;
	margin: 0 0 15px;
	color: #333;
}
.alert p:last-child {
	margin: 0;
}
.alert.alert-slim {
	padding: 10px;
}
.alert.alert-pad-30 {
	padding: 30px;
}
.alert.alert-neutral {
	background: #f5f5f5; 
	border-left: 4px solid #949699;
}
.alert.alert-dark {
	background: #000;
}
.alert.alert-danger {
	background: #c00;
	color: #fff;
}
.alert.alert-warning {
	background: #fef3e8;
	border-left: 4px solid #ff5519;
}
.alert.alert-info {
	background: #e6f6f9;
	border-left: 4px solid #09c;
}
.alert.alert-success {
	background: #e7fbdd;
	border-left: 4px solid #68bb43;
}
.alert.alert-cta {
	color: #fff;
	background: url(images/well-bg-membership.jpg) center center no-repeat #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.alert.alert-cta.cta-legacy {
	color: #fff;
	background: url(images/well-bg-legacy.jpg) center center no-repeat #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.alert.alert-cta p {
	color: #fff;
}
.alert.alert-banner {
	padding: 30px 50px;
	background: #0462a4;
	background: -moz-linear-gradient(-45deg, #0462a4 0%, #60cefb 100%);
	background: -webkit-linear-gradient(-45deg, #0462a4 0%,#60cefb 100%);
	background: linear-gradient(135deg, #0462a4 0%,#60cefb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0462a4', endColorstr='#60cefb',GradientType=1 ); 
}
.alert.alert-banner.banner-aqua {
	background: #04afc3;
	background: -moz-linear-gradient(-45deg, #04afc3 0%, #0387b8 100%);
	background: -webkit-linear-gradient(-45deg, #04afc3 0%,#0387b8 100%);
	background: linear-gradient(135deg, #04afc3 0%,#0387b8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04afc3', endColorstr='#0387b8',GradientType=1 );
}
.alert.alert-banner.banner-purple {
	background: #7621de;
	background: -moz-linear-gradient(-45deg, #7621de 0%, #1ab1db 100%);
	background: -webkit-linear-gradient(-45deg, #7621de 0%,#1ab1db 100%);
	background: linear-gradient(135deg, #7621de 0%,#1ab1db 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7621de', endColorstr='#1ab1db',GradientType=1 );
}
.alert.alert-banner p {
	color: #fff;
}
.alert.alert-banner .banner-actions {
	text-align: center;
}
.alert.alert-options {
	min-height: 120px;
}

/* alerts with actions */
.alert.alert-with-action {
	position: relative;
	padding: 20px 200px 20px 20px;
}
.alert.alert-with-action p {
	margin: 0;
}
.alert.alert-with-action .alert-action {
	position: absolute;
	top: 15px;
	right: 20px;
	width: 160px;
}

/* ----- breadcrumbs ----- */
.breadcrumb {
	display: block;
	padding: 0 0 20px;
	margin: 0 0 20px; 
	color: #666;
	background: none;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: .85em;
	list-style: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}
.breadcrumb li,
.breadcrumb span,
.breadcrumb a {
	display: inline-block;
}
.breadcrumb li,
.breadcrumb span {
	margin: 0 3px;
	text-transform: capitalize;
}
.breadcrumb li:before {
	content: "/";
	margin-right: 7px;
}
.breadcrumb li:first-child,
.breadcrumb span:first-child {
	margin-left: 0;
	text-transform: inherit;
}
.breadcrumb li:first-child:before {
	content: none;
}
.breadcrumb a {
	color: #666;
}

/* padded breadcrumb */
.breadcrumb.breadcrumb-padded {
	padding: 10px;
	background: #f5f5f5;
}
/* slim breadcrumbs */
.breadcrumb.breadcrumb-slim {
	padding: 0;
	margin: 0 0 20px;
	border-bottom: none;
}

/* ----- carousel ----- */
.carousel {
	padding: 0 0 70px;
}
.carousel .carousel-inner .item {
	padding: 0;
	border: none;
}
.carousel .carousel-indicators {
	bottom: -30px;
}
.carousel .carousel-indicators li {
	width: 20px;
	height: 20px;
	margin: 0 3px;
	background: #ccc;
	border: none;
}
.carousel .carousel-indicators .active {
    width: 20px;
    height: 20px;
    background-color: #333;
}
/* image carousel */
.carousel.carousel-image {
	padding: 0;
	margin: 0 0 30px;
	background: #000;
}
.carousel.carousel-image .carousel-item img {
	opacity: .5;
}
.carousel.carousel-image .carousel-item .carousel-caption .caption-title {
	color: #fff;
}
.carousel.carousel-image .carousel-item .carousel-caption .caption-desc {
	color: rgba(255, 255, 255, .75);
}
.carousel.carousel-image .carousel-indicators {
	bottom: 0;
}
.carousel.carousel-image .carousel-indicators li {
	width: 30px;
	height: 5px;
	margin: 0 5px;
	background: rgba(255, 255, 255, .5);
}
.carousel.carousel-image .carousel-indicators .active {
    background-color: #fff;
}
.carousel.carousel-image .carousel-control-prev,
.carousel.carousel-image .carousel-control-next {
	background: none;
	border: none;
}

/* ----- buttons ----- */
.btn-group .btn {
	float: none;
}

/* ----- dropdown-menus ----- */
.dropdown-inline {
	display: inline-block;
	margin: 0 10px 10px 0;
}
.dropdown-menu {
	min-width: 220px;
	padding: 10px;
	margin: 0;
	border-radius: 0;
}
.dropdown-menu li {
	margin: 0;
	border-top: 1px solid #eee;
}
.dropdown-menu li:first-child {
	border-top: none;
}
.dropdown-menu li a {
	font-size: .85em;
	padding: 8px 10px;
}
.dropdown-menu li a:hover {
	background: rgba(0, 0, 0, .1);
}
.dropdown-menu li.active a {
	background: #151515;
}
.dropdown-menu .divider {
	margin: 1px;
}
.dropdown-menu.menu-full-width {
	width: 100%;
}

/* ----- labels ----- */
.label {
	display: inline-block;
	padding: 5px 10px;
	font-family: var(--sansserifreg);
	font-size: .85em;
	font-weight: 300;
	color: #fff;
	border-radius: 0;
}
.label.label-default {
	background: #aaa;
	white-space: nowrap;
}
.label.label-primary {
	background: #151515;
}
.label.label-light {
	background: #eee;
	color: #666;
}
.label.label-green,
.label.label-success {
	background: #68bb43;
}
.label.label-premium {
	background: #ff5519;
}
.label.label-large {
	padding: 10px 30px;
	font-size: 1.1em;
}

/* ----- modals ----- */
.modal-backdrop.in {
	opacity: .7;
}
.modal-content {
	border-radius: 0;
	border: none;
}
.modal-header {
	padding: 20px 60px 20px 30px;
	border-radius: 0;
}
.modal-header .modal-title {
	margin: 0;
	font-size: 1.5em;
}
.modal-header .modal-title .title-sub {
	display: block;
	font-size: .85em;
	font-weight: 300;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .7);
}
.modal-header .modal-title i {
	display: inline-block;
	font-size: 1.2em;
	vertical-align: top;
}
.modal-header .close {
	position: absolute;
	top: 10px;
	right: 20px;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: 3em;
	font-weight: 300;
	padding: 5px;
	margin: 0;
	text-shadow: none;
}
.modal-body {
	padding: 30px;
	background: #fff;
}
.modal-body p:last:child {
	margin: 0;
}
.modal-footer {
	padding: 20px 30px;
	background: #f5f5f5;
	text-align: left;
	justify-content: inherit;
}
.modal-footer p {
	margin: 0;
}
.modal label {
  	color: #333;
  	text-shadow: none;
}
.modal select {
	width: 100%;
}
/* wide modals */
.modal-wide .modal-dialog {
	width: 900px;
}
/* full screen modals */
.modal-full-screen .modal-dialog {
	width: 100%;
    max-width: inherit;
    height: 100vh;
    margin: 0;
    padding: 30px 50px 50px;
    background: #000;
}
.modal-full-screen .modal-content {
	max-height: 100vh;
	background: none;
}
.modal-full-screen .modal-header {
	min-height: 60px;
	border: none;
}
.modal-full-screen .modal-header .close {
	font-size: 1.5em;
	color: rgba(255, 255, 255, .5);
	opacity: 1.0;
}
.modal-full-screen .modal-header .close:hover {
	color: #fff;
	opacity: 1.0;
}
.modal-full-screen .modal-header .close .close-x {
	display: inline-block;
	font-size: 2em;
	margin: -10px 0 0 5px;
    vertical-align: top;
}
.modal-full-screen .video-container {
	bottom: 0;
    height: 56.25vw;
    left: 0;
    max-height: 100vh;
    max-width: 177.78vh;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw;
}
.modal-backdrop.modal-full-screen.show {
	background: #000;
}

/* ----- navs ----- */
.nav {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: .9em;
	font-weight: 700;
	margin: 0 0 20px;
}
.nav.nav-pills li {
	margin: 0;
}
.nav.nav-pills li a {
	color: #151515;
	border-radius: 0;
}
.nav.nav-pills li.active a {
	background: #151515; 
	color: #fff;
}
.nav.nav-tabs li {
	margin: 0;
}
.nav.nav-tabs li a {
	padding: 15px 20px;
	margin-bottom: -1px;
	line-height: 1;
	color: #151515;
}
.nav.nav-tabs li a i {
	font-weight: normal;
	margin-right: 5px;
}
.nav.nav-tabs li.tab-helper {
	float: right;
}
.nav.nav-tabs li.tab-helper a {
	font-size: .85em;
	border: none;
}
/* nav helpers */
.nav li.nav-right {
	float: right;
}
.nav li.nav-cta a {
	padding: 10px 25px;
	background: #ff5519;
	color: #fff;
}
.nav li.nav-cta a:hover {
	background: #952802;
}

/* ----- panels ----- */
.panel {
	border-radius: 0;
}
.panel.panel-default {
	border-color: #ccc;
}
.panel-heading {
	padding: 20px 30px;
}
.panel-heading .panel-title {
	font-size: 1.5em;
}
.panel-body {
	padding: 30px;
}
.panel table {
	width: 100%;
}
.panel-content {
	padding: 30px;
}

/* ----- tooltips ----- */
.tooltip .tooltip-inner {
	padding: 7px 10px;
}

/* ----- wells ----- */
.well {
	padding: 30px;
	margin: 0 0 30px;
	background: #f5f5f5;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.well .well-title {
	position: relative;
	padding-right: 30px;
}
.well .well-title i {
	position: absolute;
	top: 5px;
	right: 0;
}
.well .list-overflow {
	height: 500px;
	overflow-y: scroll;
}

.well.well-slim {
	padding: 20px;
}
.well.well-clear {
	background: none;
}
.well.well-dark {
	background: #0b1c21;
}
.well.well-blank {
	background: none;
	border: none;
}
.well.well-raised-100 {
	margin-top: -100px;
}

/* action wells */
.well.well-action {
	position: relative;
	padding: 10px 10px 10px 160px;
	background: rgb(72,69,66);
	background: linear-gradient(90deg, rgba(72,69,66,1) 0%, rgba(121,126,113,1) 100%);
}
.well.well-action .action-label {
	position: absolute;
	top: 8px;
	left: 10px;
	padding: 15px;
	background: rgba(0, 0, 0, .25);
	font-size: .85em;
}
.well.well-action .list-action,
#bbpress-forums ul.list-action {
	font-size: .9em;
	margin: 0 0 20px;
}
/* bbPress subscription link */
#bbpress-forums ul.list-action #subscription-toggle {
	float: none;
}
#bbpress-forums ul.list-action .subscription-toggle {
	position: relative;
	display: block;
	padding: 12px 40px 12px 15px;
	font-family: inherit;
	font-size: .9em;
	line-height: inherit;
}
#bbpress-forums ul.list-action .subscription-toggle:hover {
	color: #000;
	background: rgba(0, 0, 0, .1);
}
#bbpress-forums ul.list-action .subscription-toggle:before {
	position: absolute;
    top: 12px;
    right: 10px;
    width: 20px;
    margin: 0;
    text-align: center;
    opacity: .5;
}

.well.well-action .list-action.list-block {
	margin: 0 0 30px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.well.well-action.action-slim {
	padding: 20px 20px 20px 160px;
}
.well.well-action.action-slim .well-title {
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 10px 15px 10px 0;
	font-size: 1em;
	border-right: 1px solid rgba(255, 255, 255, .5);
}

/* email wells */
.well.well-email {
	background: #fff;
	border: 1px solid #ccc;
	border-left: 4px solid #151515;
}

/* form wells */
.well.well-form {
	background: #fff;
	border: 1px solid #ccc;
}
.well.well-form.form-creation {
	min-height: 600px;
}

.well .well-cover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 100;
}
.well .well-cover .loading-status {
	position: absolute;
    top: 40%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    padding: 20px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    text-align: center;
    z-index: 2001;
}
.well .well-cover .loading-icon {
	display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

/* premium wells */
.well.well-premium ul,
.widget-premium ul {
	font-weight: 900;
}
.well.well-premium ul ul,
.widget-premium ul ul {
	font-weight: 300;
}

/* trans wells */
.well.well-trans-black-25 {
	background: rgba(0, 0, 0, .25);
	border: none;
}

/* cta wells */
.well.well-cta {
	padding: 40px;
	margin-bottom: 30px;
}
.well.well-cta .btn-cta {
	margin-right: 5px;
}
.well.well-membership {
	background: url(images/section-bg-membership.jpg) bottom center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.well.well-optin {
	background: url(images/section-bg-hiking-mountain.jpg) bottom right no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* 09: Plugins
========================================================================================= */
/* -------------------- Addsearch -------------------- */
#searchfield {
	display: block;
	max-width: inherit;
}
#searchfield .addsearch-searchfield {
	max-width: inherit;
}
#searchfield .addsearch-searchfield input[type=search] {
	height: auto;
	padding: 12px 15px 12px 40px;
	font-size: 1em;
	outline: none;
	border-radius: 0;
}
#searchfield .addsearch-search-wrapper .fa.search-icon {
	left: 15px;
}
#searchfield .addsearch-searchfield button {
	height: auto;
	padding: 12px 30px;
	border-radius: 0;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
#searchfield .addsearch-searchfield button:hover {
	background: #1f4d0b;
}
.addsearch-facets ul {
	margin: 0 0 20px;
	font-size: .9em;
}
.addsearch-facets ul li {
	margin: 0 0 2px;
}
.addsearch-facets ul li label {
	margin: 0;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
}
.addsearch-filters-checkboxgroup label,
.addsearch-filters-radiogroup label {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
}
body.filters_is_true .addsearch-search-results-wrapper #filters {
	padding: 100px 0 0;
}

/* -------------------- Affiliate Compare -------------------- */
.affiliate-compare .flex {
	align-items: center;
}
.affiliate-compare .photo {
	margin-bottom: 20px;
}

/* -------------------- BPL Affiliate -------------------- */
.affiliate-compare .affiliate-compare:first-child {
	padding: 15px 0 0;
	border-top: 1px solid #eee;
}
.affiliate-compare .buy {
	text-align: right;
}


/* -------------------- Advanced Custom Fields -------------------- */
.acf-frontend-form {
}
.acf-frontend-form .acf-form {
	margin: 0 -15px;
}
.acf-frontend-form .acf-fields > .acf-field {
	padding: 15px;
	border: none !important;
}
.acf-frontend-form .acf-input .acf-input-wrap {
	height: auto;
}
.acf-frontend-form .acf-field input[type="text"],
.acf-frontend-form .acf-field input[type="password"],
.acf-frontend-form .acf-field input[type="number"],
.acf-frontend-form .acf-field input[type="search"],
.acf-frontend-form .acf-field input[type="email"],
.acf-frontend-form .acf-field input[type="url"],
.acf-frontend-form .acf-field textarea,
.acf-frontend-form .acf-field select {
	height: auto;
	padding: 13px;
}
.acf-frontend-form .acf-url input[type="url"] {
	padding-left: 32px !important;
}
.acf-frontend-form .acf-url i {
	top: 12px;
	left: 10px;
}
.acf-frontend-form .acf-input-prepend,
.acf-input-append .acf-frontend-form {
	height: 45px;
	padding: 11px;
	background: #fff;
	border-color: #ccc;
}

.acf-frontend-form .acf-field.acf-field-message h6 {
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 0;
}
.acf-frontend-form ul.acf-radio-list li label,
.acf-frontend-form ul.acf-checkbox-list li label {
	font-weight: 400;
}
.acf-frontend-form .acf-true-false label {
	font-weight: 400;
}
.acf-frontend-form .acf-fields > .acf-field p.description {
	font-size: .9em;
}
.acf-frontend-form .acf-form-submit {
	padding: 15px;
}
.acf-frontend-form p .acf-button.button {
	padding: 5px 20px;
	font-size: .7em;
}
.acf-frontend-form .updated {
	display: none; /* hide message since we use our own */
}

/* hidden acf fields */
.acf-field.acf-field-5e789e2a436e0 {
	display: none; /* Gear User ID */
}
.acf-field.acf-field-5f3a6c26264a7,
.acf-field.acf-field-5f3a6c4a264a8 {
	display: none; /* Profile and Space IDs on Post Review form */
}
/*
.acf-field.acf-field-message .acf-label {
	display: none;
}
*/
.acf-frontend-form .wp-editor-tools {
	display: none; /* hide the WP editor tabs on front-end creation forms */
}
.acf-frontend-form #mceu_57,
.acf-frontend-form #mceu_67,
.acf-frontend-form #mceu_68,
.acf-frontend-form #mceu_69,
.acf-frontend-form #mceu_70 {
	display: none !important; /* hide specific TinyMCE editor buttons on front-end content editor */
}

.ui-datepicker select {
	height: auto !important;
	padding: 0 !important;
}



/* select dropdown */
.select2-container .select2-results__options {
	font-size: .85em;
}
.select2-container .select2-results__option {
	margin: 0;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	font-size: .85em;
}
.acf-frontend-form .select2-container.-acf .select2-selection {
	height: 45px;
}
.acf-frontend-form .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 45px;
}
.acf-frontend-form .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 10px;
	right: 10px;
}

/* media uploader */
.uploader-inline-content .upload-ui,
.media-frame .uploader-inline h2,
.media-frame .uploader-inline p {
	text-align: center;
}
/* front-end media modal */
.media-modal-content .media-frame select.attachment-filters {
	height: auto;
	padding: inherit;
}


/* -------------------- BB Press (Forums) -------------------- */
/* ---------- global ---------- */
#bbpress-forums {
	font-size: 1em;
	overflow: inherit;
}
/* meta */
#bbpress-forums .bbp-meta {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: .85em;
}
/* breadcrumbs */
#bbpress-forums .bbp-breadcrumb {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: .85em;
}
.page-template-page-recent-forum-topics .bbp-breadcrumb,
.forum-archive #bbpress-forums .bbp-breadcrumb,
.single-forum #bbpress-forums .bbp-breadcrumb,
.single-topic #bbpress-forums .bbp-breadcrumb {
	display: none; /* hide breadcrumb on main forum pages */
}
/* avatars */
#bbpress-forums .bbp-author-avatar {
	display: inline-block;
	margin-left: 5px;
}
#bbpress-forums .bbp-topics .bbp-author-avatar {
	display: none; /* hide avatars in topic loops */
}
#bbpress-forums .bbp-author-avatar .avatar {
	display: inline-block;
	width: 24px;
	margin: 2px 2px 0 0 !important;
	border: none !important;
	border-radius: 100px;
}
#bbpress-forums .bbp-reply-author .bbp-author-avatar .avatar {
	width: auto;
}
/* links */
#bbpress-forums .bbp-forum-link:before {
    display: none;
}
#bbpress-forums .bbp-forum .bbp-forum-link:before {
    font-family: FontAwesome;
    content: "\f4a6";
}
#bbpress-forums .bbp-forum .bbp-forum-link svg {
	display: inline-block;
	margin-right: 8px;
	color: #151515;
}
/* pagination */
.bbp-pagination {
	padding: 10px;
	background: #f5f5f5;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: .85em;
	margin: 0 0 20px;
}
/* ---------- notices / alerts ---------- */
#bbpress-forums .bbp-template-notice {
	padding: 15px;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: .85em;
	border-left-width: 4px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-radius: 0;
}
#bbpress-forums .bbp-template-notice p {
	font-size: 1em;
	padding: 0;
	margin: 0 !important;
}
#bbpress-forums .bbp-template-notice.info {
	display: none; /* hide the info notices at the top of every bbpress page */
}
#bbpress-forums #new-post .bbp-template-notice {
	display: none; /* hide the form notices at the top of every reply box */
}
#bbpress-forums #new-post .bbp-template-notice.error {
	display: block;
}
/* ---------- forms ---------- */
#bbpress-forums fieldset.bbp-form {
	padding: 15px 30px;
	background: #fff;
	border-color: #ccc;
}
#bbpress-forums fieldset.bbp-form legend {
	width: auto;
	font-weight: 700;
	color: #151515;
}
#bbpress-forums #new-post textarea {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
	font-size: 1em;
}
#bbpress-forums fieldset.bbp-form input[type=text],
#bbpress-forums fieldset.bbp-form select {
	height: auto;
}

#bbpress-forums .bbp-no-topic .bbp-template-notice,
#bbpress-forums .bbp-no-topic .bbp-login-form,
#bbpress-forums .bbp-no-reply .bbp-template-notice,
#bbpress-forums .bbp-no-reply .bbp-login-form {
	display: none; /* hide login notice and form since we use our own custom in bbpress.php */
}
#bbpress-forums .bbp-topic-form fieldset.bbp-form label,
#bbpress-forums .bbp-reply-form fieldset.bbp-form label {
	font-size: .85em;
}

/* ---------- search ---------- */
#bbpress-forums div.bbp-search-form {
	position: relative;
	float: none;
	padding: 15px 15px 15px 20px;
	margin: 0 0 20px;
	background: #eee;
	border-radius: 50px;
}
#bbpress-forums #bbp-search-form #bbp_search {
	width: 100%;
	padding: 0 100px 0 0;
	font-size: 1em;
	background: none;
	border: none;
	box-shadow: none;
	outline: none;
}
#bbpress-forums div.bbp-search-form input[type="submit"] {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 7px 20px;
	font-size: .85em;
	z-index: 10;
}
/* ---------- tags ---------- */
#bbpress-forums div.bbp-topic-tags {
	float: none;
	font-size: 1em;
}
/* ---------- subscribe/favorite links ---------- */
#bbpress-forums #subscription-toggle,
#bbpress-forums #favorite-toggle {
	float: right;
	margin: -10px 0 0;
}
#bbpress-forums #favorite-toggle {
	display: none !important; /* hiding bbpress favoriting since we use custom bpl favoriting */
}
#bbpress-forums .subscription-toggle,
#bbpress-forums div.bbp-reply-content .subscription-toggle,
#bbpress-forums div.bbp-topic-content .subscription-toggle,
#bbpress-forums .favorite-toggle,
#bbpress-forums div.bbp-reply-content .favorite-toggle,
#bbpress-forums div.bbp-topic-content .favorite-toggle {
	display: inline-block;
	padding: 10px 20px;
	background: none;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: .85em;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
}
#bbpress-forums .subscription-toggle:hover,
#bbpress-forums div.bbp-reply-content .subscription-toggle:hover,
#bbpress-forums div.bbp-topic-content .subscription-toggle:hover,
#bbpress-forums .favorite-toggle:hover,
#bbpress-forums div.bbp-reply-content .favorite-toggle:hover,
#bbpress-forums div.bbp-topic-content .favorite-toggle:hover {
	color: #1a1b21;
}
#bbpress-forums .favorite-toggle:before,
#bbpress-forums .subscription-toggle:before {
	display: inline-block;
	font-family: FontAwesome;
	margin-right: 7px;
}
#bbpress-forums .subscription-toggle:before {
	content: "\f003";
}
#bbpress-forums .favorite-toggle:before {
	content: "\f006";
}

#bbpress-forums .bbp-breadcrumb .bbp-breadcrumb-home,
#bbpress-forums .bbp-breadcrumb span:nth-child(2) {
	display: none;
}


/* ---------- topic lists / items ---------- */
#bbpress-forums ul {
	font-size: 1em;
}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
	list-style: none;
	font-size: 1em;
	clear: both !important;
	border: none;
	overflow: inherit;
	margin: 0 0 20px;
}
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
	padding: 15px 0;
    background: none; 
}
#bbpress-forums li.bbp-header {
	text-transform: uppercase;
	border-top: none;
}
#bbpress-forums .forums.bbp-replies li.bbp-header {
	display: none;
}
#bbpress-forums li.bbp-header .bbp-reply-content {
	float: none;
	margin: 0 0 0 -11px;
	color: rgba(0, 0, 0, .35); /* hack to "white out" separator symbols */
	text-transform: none;
}
#bbpress-forums li.bbp-header .bbp-reply-content #subscription-toggle,
#bbpress-forums li.bbp-header .bbp-reply-content #favorite-toggle {
	display: none;
}
#bbpress-forums li.bbp-footer {
	display: none; /* hide the footer since it's just blank space */
}
#bbpress-forums li.bbp-header ul {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	color: #333;
	background: none;
}
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
	padding: 15px 0;
	background: none;
	border-top: 2px solid #eee;
}
#bbpress-forums li.bbp-body ul.forum .bbp-forum-title,
#bbpress-forums li.bbp-body ul.topic .bbp-forum-title {
	font-family: var(--sansserifbold), Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1;
}
#bbpress-forums li.bbp-body ul.forum .bbp-forum-title:hover,
#bbpress-forums li.bbp-body ul.topic .bbp-forum-title:hover {
	color: #1a1b21;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
	font-size: .85em;
	line-height: 1.5;
}
#bbpress-forums p.bbp-topic-meta .bbp-topic-started-by a {
	text-decoration: none;
}
#bbpress-forums li.bbp-topic-title .bbp-row-actions #subscription-toggle {
	display: none;
}
li.bbp-forum-topic-count,
li.bbp-topic-voice-count,
li.bbp-forum-reply-count,
li.bbp-topic-reply-count {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	width: 20%;
}
.forum-archive li.bbp-forum-topic-count,
.forum-archive li.bbp-forum-reply-count {
	width: 20%;
}
#bbpress-forums .count-label {
	display: inline-block;
	width: 55px;
	padding: 18px 0;
	font-size: 1.2em;
	font-weight: 700;
	text-align: center;
	background: #1a1b21;
	color: #fff;
	border-radius: 100px;
}
#bbpress-forums .count-label.label-grey {
	background: #999;
}
#bbpress-forums .count-label.label-grey-blue {
	background: #606c82;
}
#bbpress-forums .bbp-forums-list {
	border: none;
}
#bbpress-forums .bbp-forums-list .bbp-forum {
	display: block;
	font-size: .9em;
	margin: 0 0 5px;
}
#bbpress-forums li.bbp-forum-freshness,
#bbpress-forums li.bbp-topic-freshness {
	padding-left: 30px;
	text-align: left;
}
#bbpress-forums li.bbp-forum-freshness a,
#bbpress-forums li.bbp-topic-freshness a {
	color: #999;
}
#bbpress-forums .type-forum li.bbp-forum-freshness,
#bbpress-forums .type-topic li.bbp-topic-freshness  {
	font-size: .75em;
}
#bbpress-forums .bbp-author-name,
#bbpress-forums li.bbp-forum-freshness a.bbp-author-name,
#bbpress-forums li.bbp-topic-freshness a.bbp-author-name {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	color: #333;
}
#bbpress-forums .bbp-author-name:hover,
#bbpress-forums li.bbp-forum-freshness a.bbp-author-name:hover,
#bbpress-forums li.bbp-topic-freshness a.bbp-author-name:hover {
	color: #05a2e4;
}
#bbpress-forums .bbp-forums-list .bbp-forum.css-sep:before {
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
    content: '\f4a6';
	margin-right: 5px;
	vertical-align: top;
}
#bbpress-forums .bbp-forums-list .bbp-forum.css-sep:not(:last-child)::after {
	display: none
}

#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
	border-radius: 150px;
}

#bbpress-forums span.bbp-admin-links a {
	display: inline-block;
	font-size: 1em;
	text-transform: none;
	color: #707070;
	margin: 0 5px;
}
#bbpress-forums span.bbp-admin-links a:hover {
	color: #000;
}

#bbpress-forums div.bbp-submit-wrapper {
	float: none;
	margin: 15px 0;
}
/* replies */
#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-topic-header {
	padding: 15px;
}
#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-topic-header,
#bbpress-forums div.bbp-reply-header {

}
#bbpress-forums div.bbp-forum-author .bbp-author-avatar,
#bbpress-forums div.bbp-topic-author .bbp-author-avatar,
#bbpress-forums div.bbp-reply-author .bbp-author-avatar {
	margin: 10px auto;
}
#bbpress-forums div.odd,
#bbpress-forums ul.odd {
	background: none;
}
#bbpress-forums div.bbp-reply-header {
	position: relative;
	padding: 20px 0 0 70px;
	background: none;
	border-top: 1px solid #e5e5e5;
	border-bottom: none;
}
#bbpress-forums .reply,
#bbpress-forums .topic {
	position: relative;
	padding: 5px 0 20px 70px;
	overflow: inherit;
}
#bbpress-forums .reply p {
	font-size: 1.1em;
}
#bbpress-forums .reply .bbp-reply-author,
#bbpress-forums .topic .bbp-reply-author {
	display: block;
	float: none;
	width: 100%;
	margin: 0 0 10px;
	flex: none;
	text-align: left;
}
#bbpress-forums .reply .bbp-reply-author a,
#bbpress-forums .topic .bbp-reply-author a {
	padding: 0;
	background: none;
	text-decoration: none;
}
#bbpress-forums .reply .bbp-reply-author .bbp-author-avatar,
#bbpress-forums .topic .bbp-reply-author .bbp-author-avatar {
	position: absolute;
	top: -20px;
	left: 0;
	width: 80px;
	margin: 0;
}
#bbpress-forums .reply .bbp-reply-author .bbp-author-avatar .avatar,
#bbpress-forums .topic .bbp-reply-author .bbp-author-avatar .avatar {
	max-width: 50px;
}
#bbpress-forums .reply .bbp-reply-author br,
#bbpress-forums .topic .bbp-reply-author br {
	display: none;
}
#bbpress-forums .reply .bbp-reply-author .bbp-author-name,
#bbpress-forums .topic .bbp-reply-author .bbp-author-name {
	display: inline-block;
	margin: 0 0 5px;
	color: #151515;
	font-family: var(--sansserifbold), Helvetica, sans-serif;
	font-size: 1.2em;
}
#bbpress-forums .reply .bbp-reply-author .bbp-author-role,
#bbpress-forums .topic .bbp-reply-author .bbp-author-role {
	display: inline;
	font-family: var(--sansserifbold), Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: .85em;
	font-style: normal;
	font-weight: 700;
	color: #64b927;
	margin-left: 10px;
}
/* #bbpress-forums .reply .bbp-reply-author .bbp-author-role:before,
#bbpress-forums .topic .bbp-reply-author .bbp-author-role:before {
	content: "(";
}
#bbpress-forums .reply .bbp-reply-author .bbp-author-role:after,
#bbpress-forums .topic .bbp-reply-author .bbp-author-role:after {
	content: ")";
}
*/

#bbpress-forums .reply .bbp-reply-author .profile-data,
#bbpress-forums .topic .bbp-reply-author .profile-data {
	display: none; /* hide @username + locale */
	font-size: .8em;
	margin: 0 0 20px;
}
#bbpress-forums .reply .bbp-reply-author .profile-data .bbp-user-nicename,
#bbpress-forums .topic .bbp-reply-author .profile-data .bbp-user-nicename {
	margin-bottom: 5px;
}
#bbpress-forums .reply .bbp-reply-author .bbp-reply-ip,
#bbpress-forums .topic .bbp-reply-author .bbp-reply-ip {
	display: none; /* hide reply IP address */
}
#bbpress-forums .reply .bbp-reply-header,
#bbpress-forums .topic .bbp-reply-header {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: .85em;
	padding: 0;
	background: none;
	border: none;
}
#bbpress-forums .reply .bbp-reply-post-date,
#bbpress-forums .topic .bbp-reply-post-date {
	display: block;
	font-weight: 700;
	color: #999;
	margin: 0 0 10px;
}
#bbpress-forums .reply .bbp-reply-content,
#bbpress-forums .topic .bbp-reply-content {
	padding: 0;
	margin: 0;
}
#bbpress-forums div.bbp-topic-content ul,
#bbpress-forums div.bbp-reply-content ul,
#bbpress-forums div.bbp-topic-content ol,
#bbpress-forums div.bbp-reply-content ol {
	font-size: 1.25em;
	line-height: 1.4;
}
#bbpress-forums div.bbp-reply-content ul li,
#bbpress-forums div.bbp-reply-content ol li {
	margin: 0 0 10px;
}
/* nested lists - require font size equalizer from parent 1.25em declaration */
#bbpress-forums div.bbp-topic-content ul ul,
#bbpress-forums div.bbp-topic-content ul ol,
#bbpress-forums div.bbp-topic-content ol ol,
#bbpress-forums div.bbp-topic-content ol ul,
#bbpress-forums div.bbp-reply-content ul ul,
#bbpress-forums div.bbp-reply-content ul ol,
#bbpress-forums div.bbp-reply-content ol ol,
#bbpress-forums div.bbp-reply-content ol ul {
	font-size: 1em;
	margin-top: 10px;
	margin-bottom: 10px;
}
#bbpress-forums .reply .bbp-reply-content strong,
#bbpress-forums .topic .bbp-reply-content strong {
	font-family: var(--sansserifbold), Helvetica, sans-serif;
}
#bbpress-forums .topic .bbp-reply-footer span.bbp-admin-links,
#bbpress-forums .reply .bbp-reply-footer span.bbp-admin-links {
	float: none;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
}
.bbp-reply-footer .bbp-topic-reply-link:after {
	display: none;
}
.bbp-reply-footer span.bbp-admin-links .bbp-topic-reply-link:after {
	font-family: 'Font Awesome 5 Pro';
    content: '\f3e5';
}
.bbp-reply-footer span.bbp-admin-links .bbp-topic-reply-link svg {
	display: inline-block;
	margin-left: 7px;
}
#bbpress-forums .bbp-topic-permalink {
	font-weight: 700;
}
/* single topic */
.single-topic #bbpress-forums li.bbp-header {
	display: none;
}
.single-topic #bbpress-forums .topic.type-topic {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
	border-bottom: 1px solid #64b927;
}

/* single replies */
#bbpress-forums div.bbp-reply-content a.btn-default {
	border: 1px solid rgba(0, 0, 0, .25);
	text-decoration: none;
}
#bbpress-forums div.bbp-reply-content a.btn-default:hover {
	background: #151515;
	color: #fff;
}
#bbpress-forums div.bbp-reply-content .reply-content-utility {
	float: right;
	margin-right: 20px;
	clear: both;
}

/* ---------- user page ---------- */
.bbp-user-page .bbp-search-form {
	display: none;
}
#bbpress-forums #bbp-user-body fieldset.bbp-form {
	border-color: #ccc;
}
#bbpress-forums #bbp-your-profile fieldset input,
#bbpress-forums #bbp-your-profile fieldset textarea {
	background: #eee;
	border: none;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
	outline: none;
}
/* user nav */
#bbpress-forums #bbp-single-user-details #bbp-user-navigation ul {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: .9em;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation ul li {
	border-top: 1px solid #ddd;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation ul li:first-child {
	border-top: none;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation ul li a {
	padding: 10px;
	background: none;
	color: #333;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation ul li a:hover {
	color: #05a2e4;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation ul li.current a {
	background: #f5f5f5;
	color: #333;
	font-weight: 700;
	opacity: 1.0;
}
#bbpress-forums .bbp-user-profile p {
	margin: 20px 0;
}
/* subscription toggles */
.bbp-row-actions #subscription-toggle span.is-subscribed a {
	padding: 2px 6px;
	margin: 0px 3px 0 0;
    vertical-align: top;
}
.bbp-forums .bbp-row-actions #subscription-toggle span.is-subscribed a {
	margin: 5px 3px 0 0;
}

/* bbpress misc */
.bbpress #wp-link-wrap #wp-link #link-selector label {
	display: block;
	margin: 15px 0 0;
}
.bbpress #wp-link-wrap #wp-link #link-selector label input[type=text] {
	width: 100%;
	padding: 10px;
	margin: 0;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
}
.bbpress #wp-link-wrap #wp-link #link-selector #link-options label span,
.bbpress #wp-link-wrap #wp-link #link-selector #search-panel label span.search-label {
	width: auto;
}
.bbpress #wp-link-wrap #wp-link #link-selector #link-options .link-target label {
	font-family: var(--sansserifreg), Helvetica, sans-serif; 
}
.bbpress #wp-link-wrap #wp-link #link-selector #wplink-link-existing-content,
.bbpress #wp-link-wrap #wp-link #link-selector #search-panel {
	display: none; /* hide the link selector instructions and auto-search panel */
}


/* -------------------- Collapseomatic -------------------- */
.collapseomatic {
	padding: 5px;
	background: none;
}
.collapseomatic:before {
	content: "\f107";
	font-family: FontAwesome;
}
.collapseomatic.colomat-close:before {
	content: "\f106";
}


/* -------------------- DataTables -------------------- */
.dataTables_wrapper {
	overflow-x: auto;
}
.dataTables_wrapper .tablepress {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: 1.25em;
}


/* ---------- FacetWP ---------- */
.fs-wrap.multiple {
	width: 100%;
	height: 52px;
	padding: 10px;
	border-radius: 3px;
	background: #fff;
	color: #333;
	border: 1px solid #d5d5d5;
}
.facet-wrap {
	position: relative;
}
.facet-wrap .js-facets-loading {
	display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(28, 23, 51, .5);
    z-index: 100;
}
.facet-wrap .js-facets-loading .loading-status {
	top: 135px;
}
.facetwp-checkbox:hover {
	color: #03a7de;
}
/* search */
.facetwp-type-search .facetwp-input-wrap {
	display: block;
}
.facetwp-facet.facetwp-type-search,
.facetwp-facet.facetwp-type-location {
	margin: 0 0 20px;
}
.facetwp-facet.facetwp-type-search input.facetwp-search,
.facetwp-facet.facetwp-type-location input.facetwp-location {
	min-width: inherit !important;
	padding: 12px 30px 12px 15px;
}
.facetwp-type-search .facetwp-icon {
	width: 40px;
	text-align: center;
}
.facetwp-type-search .facetwp-icon:before {
	content: "\f002";
	font-family: FontAwesome;
	font-style: normal;
	text-align: center;
	padding: 15px 0;
	background: none;
	color: #999;
}
.facetwp-type-search .facetwp-icon:hover:before {
	color: #000;
}
/* hide specific facets */
.facetwp-facet.facetwp-facet-lower_asking_price .facetwp-checkbox:first-child {
	display: none;
}


/* -------------------- Gravity Forms -------------------- */
.gform_fields {
	list-style: none;
	margin: 0;
}
.gform_fields .gfield {
	margin: 0 0 15px;
}
.gform_fields .gfield select {
	width: 100%;
}
.gform_fields .name_first {
	display: block;
	margin: 0 0 15px;
}
.gfield_description {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: .9em;
	font-weight: 700;
	margin: 0 0 10px;
}
/* checkbox / radio */
.gfield_checkbox,
.gfield_radio {
	list-style: none;
	font-size: .9em;
	margin: 0 0 20px;
}
.gfield_checkbox li,
.gfield_radio li {
	position: relative;
	padding-left: 25px;
}
.gfield_checkbox li input[type="checkbox"],
.gfield_radio li input[type="radio"] {
	position: absolute;
	top: 3px;
	left: 0;
	margin: 0;
}
.gfield_checkbox li input[value="Other"],
.gfield_radio li input[value="Other"] {
	padding: 0;
	background: none;
	border: none;
	border-bottom: 2px solid #ddd;
	border-radius: 0;
}
.gfield_checkbox li label,
.gfield_radio li label {
	font-family: var(--sansserifreg);
	font-weight: 300;
}
/* inline radio */
.inline-radio .gfield_radio li {
	display: inline-block;
	margin: 0 15px 5px 0;
}
.inline-radio .gfield_radio li input {
	top: -1px;
	left: 5px;
}
/* error styling */
.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;
}
/* success styling */
.gform_confirmation_message {
	display: block;
	padding: 10px;
	margin: 0 0 15px;
	font-size: .85em;
	background: #690;
	color: #fff;
}

.gfield_visibility_hidden {
	display: none;
}

.gfield_required {
	color: #c00;
}

/* captcha */
.ginput_recaptcha .grecaptcha-badge {
	visibility: hidden;
	height: 0 !important;
}


/* -------------------- Google Search -------------------- */
/* Search */
input#gsc-i-id1 {
	padding: 8px !important;
	max-height: 45px !important;
	border: 1px solid #b9b9b9;
	font-size: 1.3em !important;
}

td.gsc-input {
	padding-right: 0 !important;
	padding-left: 0 !important;
	max-height: 45px !important;
	border-top: 0 !important;
}

.gsc-input-box {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

td.gsib_b {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

#gs_tti50 {
	padding: 0 !important;
}

table#gs_id50,
input#gsc-i-id1 {
	height: 47px !important;
	background: #eee !important;
	color: #000 !important;
}

button.gsc-search-button {
	height: 48px !important;
	width: 80px !important;
	background-color: #77D435;
	border: 1px solid #6bbf30;
}

button.gsc-search-button:hover {
	background-color: #77D435;
	border: 1px solid #6bbf30;
	opacity: .7;
}

.gsc-search-button svg {
	width: 17px;
	height: 17px;
}

table.gstl_50.gssb_c table.gsc-completion-container .gsq_a table tr td {
	padding: 10px 0 !important;
	height: auto !important;
	max-height: 45px !important;
	font-size: 1.2em !important;
}
/* Search End */

/* Results */
.gs-promotion-image-box, .gs-image-box.gs-web-image-box.gs-web-image-box-portrait, .gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
	float: left !important;
}

body.page.page-id-3759525 #primary.site-content  .page-section .row .col-sm-2, body.page.page-template-page-search-google #primary.site-content  .page-section .row .col-sm-2 {
	display: none !important;
}

body.page.page-id-3759525 #primary.site-content  .page-section .row .col-sm-8, body.page.page-template-page-search-google #primary.site-content  .page-section .row .col-sm-8 {
	max-width: 100% !important;
	flex: 0 0 100% !important;
}

.gsc-tabHeader, .gsc-refinementHeader {
	color: #333 !important;
	border-color: #64b927 !important;
	font-weight: 600 !important;
font-size: 1.2em !important;
margin: 10px 0 !important;
	font-family: var(--sansserifreg), Georgia, serif !important;
}


.gs-title * {
	color: black !important;
  font-size: 18px !important;
  font-weight: bold !important;
}

.gs-title b {
	font-size: 19px !important;
}

.gs-title b, .gsc-table-result b {
	color: #77d435 !important;
	font-weight: normal !important;
}

.gsc-table-result  {
	font-size: 15px !important;
  color: #1b1b32 !important;
}

.gsc-webResult.gsc-result {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	padding: 10px !important;
}

.gs-per-result-labels a.gs-label {
  background: #eee !important;
  padding: 0px 5px !important;
  border-radius: 3px !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin: 0px 0px 0 5px !important;
	border: 1px solid #dedede !important;
	font-size: 11px !important;
}

.gs-webResult div.gs-visibleUrl {
	color: #888 !important;
}

.gsc-above-wrapper-area {
	border-top: 0 !important;
	border-bottom: 0 !important;
}

.gsc-above-wrapper-area > table.gsc-above-wrapper-area-container .gsc-result-info-container, .gsc-above-wrapper-area > table.gsc-above-wrapper-area-container .gsc-orderby-container, td.gsc-search-button {
	border-top: 0 !important;
}

.gsc-refinementsArea {
	border-bottom-width: 3px !important;
}

.gsc-table-cell-thumbnail.gsc-thumbnail + .gsc-table-cell-snippet-close {
	padding-left: 110px !important;
}

.gs-webResult.gs-result .gs-image {
	width: 100px !important;
	max-width: 100px !important;
}

.gs-webResult.gs-result a.gs-image {
	display: inline-block !important;
}

.gsc-webResult.gsc-result:hover {
	background-color: #fbfafa !important;
}

a.gs-title:hover {
	color: #77d435 !important;
}
/* Results End */


/* Pagination */
.gsc-cursor-page {
	-webkit-box-pack: center !important;
justify-content: center !important;
-webkit-box-align: center !important;
align-items: center !important;
border: 1px solid #dcdcdc;
  border-top-color: rgb(220, 220, 220) !important;
  border-right-color: rgb(220, 220, 220) !important;
  border-bottom-color: rgb(220, 220, 220) !important;
  border-left-color: rgb(220, 220, 220) !important;
border-radius: 3px !important;
background-color: #fff !important;
margin: 0 5px 5px 0 !important;
min-width: 36px !important;
height: 36px !important;
font-weight: 700 !important;
color: #444 !important;
text-align: center !important;
display: inline-flex !important;
}

.gsc-cursor-page:hover {
	text-decoration: none !important;
	background-color: #fbfafa !important;
}

.gsc-cursor-page.gsc-cursor-current-page {
	background-color: #77d435 !important;
  border-color: #6bbf30 !important;
  color: #fff !important;
}

.gsc-cursor-box {
	margin-top: 60px !important;
}

/* Pagination End */


/* ---------- Picker JS (date picking) ---------- */
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
}
/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}
/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec;
}
/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  width: 100%;
}
/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position: absolute;
  background: #fff;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
}
/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
  padding: 1px;
}
.picker__wrap {
  margin: -1px;
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  transform: translateY(0) perspective(600px) rotateX(0);
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  outline: none;
}

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
}
/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em;
}
/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}
.picker__year {
  color: #999;
  font-size: .8em;
  font-style: italic;
}
/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em;
}
@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}
.picker__select--year {
  width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}
/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em;
  }
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em;
}
@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}
/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999;
  font-weight: 500;
  /* Increase the spacing a tad */
}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}
.picker__day--today {
  position: relative;
}
.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent;
}
.picker__day--disabled:before {
  border-top-color: #aaa;
}
.picker__day--outfocus {
  color: #ddd;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}
.picker__day--highlighted {
  border-color: #0089ec;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #fff;
}
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbb;
}
/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
}
.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #fff;
  background: #fff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none;
}
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}
.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em;
}
.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent;
}
.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #e20;
}
.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}
.picker__button--today[disabled]:before {
  border-top-color: #aaa;
}

/* -------------------- Magnific Popup (image galleries) -------------------- */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 0;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -35px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

/* zoom effect */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}  

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/* -------------------- MemberMouse -------------------- */
/* ----- General styles ----- */
.mm-button {
	font-family: var(--sansserifbold), Helvetica, sans-serif !important;
	font-weight: 700 !important;
	line-height: inherit !important;
	text-shadow: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
.mm-button.large {
	padding: 15px !important;
}
/* make MM green/orange buttons identical for purchase actions */
.mm-button.green,
.mm-button.orange {
	background: #64b927 !important;
	box-shadow: none !important;
	border: none !important;
}
.mm-button.green:hover,
.mm-button.orange:hover {
	background: #31853c !important;
}
.mm-button.purple {
	background: #c6f !important;
	box-shadow: none !important;
	border: none !important;
}
.mm-button.purple:hover {
	background: #93c !important;
}
.mm-button.button-disabled {
	background: #ccc !important;
	color: #999 !important;
	cursor: context-menu;
}
.mm-button.button-disabled:hover {
	background: #bbb !important;
}
.mm-error {
	padding: 5px 10px !important;
	margin: 0 0 20px !important;
	background: #c00 !important;
	color: #fff !important;
	font-size: .85em !important;
	border: none !important;
	border-radius: 0 !important;
	text-shadow: none !important;
}
.mm-success {
	padding: 5px 10px !important;
	margin: 0 0 20px !important;
	background: #68bb43 !important;
	color: #fff !important;
	font-size: .85em !important;
	border: none !important;
	border-radius: 0 !important;
	text-shadow: none !important;
}

/* ----- Checkout pages ----- */
.mm_left_column,
.mm_right_column {
	float: none !important;
	display: table-cell;
	padding: 30px;
	margin: 0 !important;
	vertical-align: top;
}
.mm_right_column {
	background: #eee;
}
.mm-checkoutContainer {
	max-width: inherit !important;
	font-size: 100% !important;
	color: #000;
	margin: 0 auto !important;
}
.mm-checkoutContainer .mm-checkoutInfoBlock {
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	overflow: hidden !important;
}
.mm-checkoutContainer p.mm-formError, .mm-formError {
	font-size: 21px;
	background: #CC3C3F;
	padding: 5px 10px;
	border-radius: 5px;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.25);		
}
.mm-checkoutContainer h3 {
	font-size: 1.2em !important;
	font-weight: 700;
}
.mm-checkoutContainer #mm_field_billing_state_dd,
.mm-checkoutContainer #mm_field_billing_country {
	width: 100%;
}
.mm-checkoutContainer .mm-formField {
	margin: 0 0 10px;
	overflow: inherit;
}
.mm-checkoutContainer .mm-formField label {
	display: none;
	width: auto;
	float: none !important;
}
.mm-checkoutContainer .mm-formField label.mandatory {
	display: block;
}
.mm-checkoutContainer .mm-selectList {
	width: auto;
	height: 54px;
	padding: 15px 10px;
	margin-right: 10px;
}
.mm-checkoutContainer .mm-checkoutSection2,
.mm-checkoutContainer .mm-purchaseSection {
	margin: 0 0 15px;
}
.mm-checkoutContainer .mm-checkoutSection2 h2 {
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.2;
}
.mm-checkoutContainer .mm-free-trial {
	font-size: 1.5em;
	font-weight: 700;
	letter-spacing: -2px;
	text-transform: uppercase;
	color: #f66d37;
}
.mm-checkoutContainer .mm-productDesc {
	font-style: normal;
}
.mm-checkoutContainer .mm-ccLogos img {
	width: 162px;
}
.mm-checkoutContainer .table {
	font-size: 1em;
	color: #ccc;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.mm-checkoutContainer .table th,
.mm-checkoutContainer .table td {
	padding: 10px 0;
	border-color: rgba(255, 255, 255, .1);
}
.mm-checkoutContainer .table th {
	width: 100px;
	color: #fff;
}
/* Braintree elements fields */
.checkout-column.column-payment .mm-braintree-hosted-field {
	height: 48px;
	padding: 15px;
	background: #eee;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.checkout-column.column-payment #mm_braintree_cc_number,
.checkout-column.column-payment #mm_braintree_cc_cvv {
	width: 100%;
}
.checkout-column.column-payment #mm_braintree_cc_exp_month,
.checkout-column.column-payment #mm_braintree_cc_exp_year {
	width: 90px;
}
p.checkout-terms {
	font-size: .75em;
	color: #aaa;
	margin: 0 0 10px;
}
p.checkout-terms a {
	color: #333;
}
p.checkout-security {
	position: relative;
	padding: 0 0 0 25px;
    color: #333;
}
p.checkout-security i {
	position: absolute;
	top: 4px;
	left: 0;
	font-size: 1.2em;
}
p.checkout-security svg {
	position: absolute;
	top: 4px;
	left: 0;
}
.checkout-security-badge {
	display: block;
	margin: 10px 0 0;
}

.mm-paypalCheckoutBtn {
	display: block;
	width: auto !important;
	height: auto !important;
	padding: 15px;
	margin: 15px 0 0;
	background: #009cde !important;
	color: #fff;
	font-size: 1em;
	font-weight: 700;
	text-align: center;
	border-radius: 0;
}
.mm-paypalCheckoutBtn:hover {
	background: #0070ba !important;
	color: #fff;
	text-decoration: none;
}

.mm-giftsection {
	margin: 0 0 20px;
}
.mm-checkoutContainer .mm-purchaseSection .mm-button.green,
.mm-checkoutContainer .mm-purchaseSection .mm-button.orange,
.mm-checkoutContainer .mm-purchaseSection .mm-button.purple {
	width: 100% !important;
	text-align: center;
}

.mm-couponSection .mm-formField {
	position: relative;
}
.mm-couponSection .mm-formField .mm-button {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 2px 10px !important;
	background: none !important;
	color: #08c !important;
	font-size: .7em !important;
	border: 1px solid #08c !important;
	box-shadow: none !important;
	text-shadow: none !important;
	z-index: 10;
}
.mm-couponSection .mm-button:hover {
	background: #08c !important;
	color: #fff !important;
}

/* ----- My Account page ----- */
.mm-myaccount {
	font-size: 1em !important;
}
.mm-myaccount-module {
	margin: 0 0 20px !important;
	background: #fff !important;
	border: 1px solid #ccc !important;
	border-radius: 0 !important;
}
.mm-myaccount-module br {
	display: none;
}
.mm-myaccount-module-header {
	position: relative;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: 1.5em !important;
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 1.2;
	padding: 20px 150px 20px 55px !important;
	color: #333 !important;
	background: #f5f5f5 !important;
	border-bottom: 1px solid #ddd;
}
.mm-myaccount-module-header .mm-update-button {
	position: absolute;
	top: 13px;
	right: 15px;
	padding: 6px 20px !important;
	font-weight: 700 !important;
	background: none !important;
	color: #333 !important;
	border: 2px solid rgba(0, 0, 0, .35);
}
.mm-myaccount-module-header .mm-update-button:hover {
	background: #333 !important;
	color: #fff !important;
}
.mm-myaccount-module-header img {
	display: inline-block;
	vertical-align: top !important;
	margin: 1px 0 0 !important;
}
.mm-myaccount-module-header i {
	position: absolute !important;
	top: 20px !important;
	left: 15px;
	width: 30px;
	font-weight: 300;
	line-height: 1;
	text-align: center;
	margin: 0;
	color: #333 !important;
}
.mm-myaccount-content-wrapper {
	padding: 15px !important;
}
.mm-myaccount-content-wrapper p {
	font-size: .85em;
	margin: 0 0 10px !important;
}
.mm-myaccount-content-wrapper table {
	width: 100%;
	font-size: .85em;
}
.mm-myaccount-content-wrapper table th,
.mm-myaccount-content-wrapper table td {
	padding: 10px 0;
	vertical-align: middle;
}
.mm-myaccount-content-wrapper table tbody th,
.mm-myaccount-content-wrapper table tbody td {
	border-top: 1px solid #ddd;
}
.mm-myaccount-content-wrapper table tr th:last-child,
.mm-myaccount-content-wrapper table tr td:last-child {
	text-align: right;
}
.mm-myaccount-content-wrapper .cta-button {
	font-size: 1.2em;
}
.mm-myaccount-label {
	display: inline-block;
	width: 140px;
	font-weight: bold;
	color: #333;
}
.mm-update-button {
	font-size: .8em !important;
	font-variant: normal !important;
	background: #1bb1e7 !important;
	padding: 5px 15px !important;
	color: #eee !important;
	vertical-align: top;
}
.mm-update-button:hover {
	text-decoration: none !important;
	color: #fff !important;
	background: #08c !important;
}

/* hide default Order History section since we custom query */
#mm-order-history-section {
	display: none;
}

/* jquery UI dialog styling */
.mm-myaccount-dialog-section-header {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: 1em;
	font-size: .85em !important;
	font-weight: 700;
	background: none !important;
	color: #333 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	text-shadow: none !important;
}
#mm-form-container table {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
}
#mm-form-container td {
	padding: 5px 0;
}
#mm-payment-confirmation-dialog form {
	padding: 0 0 20px;
	margin: 0 0 20px;
	line-height: 1.4;
	border-bottom: 1px solid #ddd;
}
#mm-payment-confirmation-dialog form .mm-data {
	font-weight: 700;
}

.mm-ui-button {
	border-radius: 0 !important;
}
.mm-dialog-button-container {
	float: none !important;
	padding: 10px 0 0;
}
.mm-dialog-button-container .mm-ui-button {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: 1em;
	font-size: .85em !important;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	padding: 10px 20px;
	margin: 0;
	border: 1px solid #ccc;
}
.mm-dialog-button-container .mm-ui-button:hover {
	background: #eee;
	color: #333;
}
.mm-dialog-button-container .mm-ui-button.blue {
	background: #64b927;
	color: #fff;
	border-color: #64b927;
}
.mm-dialog-button-container .mm-ui-button.blue:hover {
	background: #1f4d0b;
	border-color: #1f4d0b;
}
.mm-dialog-button-bar {
	text-align: left !important;
}
.mm-dialog-button-bar .mm-button {
	padding: 8px 15px;
	background: none;
}

.mm-update-subscription-button {
	color: #08c !important;
}
.mm-cancel-membership-button,
.mm-cancel-subscription-button,
.mm-update-subscription-button {
	font-size: 1em !important;
	color: #1bb1e7 !important;
}

/* ----- Login/Password pages ----- */
.mm-login,
.mm-forgot-password,
.mm-resetpassword {
	width: auto !important;
}
.mm-login table {
	width: 100%;
}
.mm-login tr,
.mm-forgot-password tr ,
.mm-resetpassword tr {
	height: auto !important;
	margin: 0 0 20px;
}
.mm-login table tr,
.mm-login table th,
.mm-login table td,
.mm-forgot-password table tr,
.mm-forgot-password table th,
.mm-forgot-password table td,
.mm-resetpassword table tr,
.mm-resetpassword table th,
.mm-resetpassword table td {
	display: block;
	padding: 0;
	border: none;
}
.mm-login .mm-label-column,
.mm-forgot-password .mm-label-column,
.mm-resetpassword .mm-label-column {
	width: auto !important;
	margin: 0 0 5px;
	font-weight: 700;
	color: #333;
}
.mm-login .mm-field,
.mm-forgot-password .mm-field,
.mm-resetpassword .mm-field {
	width: 100% !important;
	margin: 0 0 10px;
}
.mm-login .mm-label {
	display: none; /* use placeholders instead */
}
.mm-remember-me {
	position: relative;
	font-size: .85em;
	font-weight: 300;
	line-height: 1.4;
	margin: 20px 0 !important;
	padding-left: 20px;
}
.mm-remember-me br {
	display: none;
}
.mm-remember-me input[type="checkbox"] {
	position: absolute;
	top: 3px;
	left: 0;
	margin: 0 !important;
}
#mm-login-button,
#mm-submit-button {
	width: 100% !important;
}

/* lock screen (loading) */
#mm-lockscreen-container {
	position: fixed !important;
	top: 0 !important;
	right: 0;
	bottom: 0;
	left: 0 !important;
	background: rgba(0, 0, 0, .7) !important;
	opacity: 1.0 !important;
	z-index: 2000 !important;
}
#mm-progressbar-container {
	position: fixed !important;
	top: 40% !important;
	left: 50% !important;
	width: 100px;
	height: 100px;
	margin-left: -50px;
	padding: 30px;
    background: url(images/loading.svg) center center no-repeat rgba(0, 0, 0, .5) !important;
	background-size: 60px auto;
    color: #fff;
    text-align: center;
    z-index: 2001;
}
/*
#mm-progressbar-container:after {
	display: block;
	content: "Loading...";
	font-size: .85em;
	margin: 15px 0 0;
}
*/
#mm-progressbar {
	display: none !important;
	border: none !important;
}

/* ----- admin styles ----- */
#mm-preview-settings-bar select {
	height: auto;
	padding: inherit;
}
#mm-preview-settings-bar .mm-button {
	line-height: 12px !important;
}

/* ----- jQuery UI ----- */
.ui-widget-overlay {
	background: rgba(0, 0, 0, .5) !important;
	opacity: 1.0 !important;
}
.ui-dialog.ui-widget {
	max-width: 100% !important;
	padding: 0;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	border: none;
	border-radius: 0;
	box-shadow: 0 0 0 10px rgba(255, 255, 255, .1);
}
.ui-dialog.ui-widget .ui-widget-header {
	padding: 20px;
	background: #fff;
	color: #333;
	font-family: var(--sansserifreg), Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: 700;
	letter-spacing: -0.025em;
	border: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}
.ui-dialog.ui-widget .ui-widget-header .ui-dialog-title {
	overflow: inherit;
}
.ui-dialog.ui-widget .ui-widget-header .ui-dialog-titlebar-close {
	right: 20px;
	padding: 0;
	line-height: 1;
	outline: none;
	border: none;
	color: #999;
}
.ui-dialog.ui-widget .ui-widget-header .ui-dialog-titlebar-close:after {
	content: "✕";
	font-family: 'Helvetica', sans-serif;
	font-size: 1.2em;
}
.ui-dialog.ui-widget .ui-widget-header .ui-dialog-titlebar-close:hover {
	background: none;
	color: #000;
}

.ui-dialog.ui-widget .ui-widget-content {
	height: auto !important;
	padding: 20px;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: var(--sansserifreg), Helvetica, sans-serif;
}

/* -------------------- BPL Complete (progress tracking) -------------------- */
/* buttons / links */
.btn.bplc-complete-true {
	background: #ccc;
	color: #666;
}

.list-action li a.bplc-complete-button.bplc-complete-true {
	color: #68bb43;
}
.list-action li a.bplc-complete-button.bplc-complete-true i,
.list-action li a.bplc-complete-button.bplc-complete-true svg {
	opacity: 1.0;
}


/* -------------------- BPL Favorites (user favoriting) -------------------- */
.bplfav-favorite-button.myfav-favorite-true {
	background: #ccc;
	color: #666;
}
.my-favorites-category-form-container {
	padding: 20px 0;
	margin: 20px 0 0;
	border-top: 1px solid #ddd;
}

.list-action li a.bplfav-favorite-true {
	opacity: .5;
}

/* -------------------- WP Pagenavi for pagination -------------------- */
.facetwp-pager,
.wp-pagenavi {
	padding: 30px 0 0;
	margin: 30px 0;
	font-family: var(--sansserifreg);
	font-size: .85em;
	border-top: 1px solid #ddd;
}
.facetwp-pager .facetwp-pager-label,
.facetwp-pager .facetwp-page,
.wp-pagenavi a,
.wp-pagenavi span {
	display: inline-block;
    border: none;
    padding: 8px 15px;
    margin: 0 5px 5px 0;
    background: #eee;
    border: 2px solid rgba(0, 0, 0, .5);
}
.facetwp-pager .facetwp-pager-label,
.facetwp-pager .wp-pagenavi span.pages {
	background: #eee;
	color: #151515;
	border-left: 3px solid;
}
.facetwp-pager .facetwp-page,
.wp-pagenavi a {
	background: none;
	color: #151515;
	border: 2px solid rgba(0, 0, 0, .5);
}
.facetwp-pager .facetwp-page:hover,
.wp-pagenavi a:hover {
	background: #151515;
	color: #fff;
	border-color: #151515;
}
.facetwp-pager .facetwp-page.active,
.wp-pagenavi span.current {
	background: #151515;
	color: #fff;
	border: 2px solid #151515;
}

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

/* content loading cover */
.js-content-cover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .85);
	padding: 50px;
	z-index: 1000;
}
.js-content-cover .cover-body {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.js-content-cover .cover-body .body-loader {
	display: block;
	width: 100px;
	margin: 0 auto 20px;
}
.js-content-cover .cover-body .body-loader img {
	width: 100%;
}

/* content limiting */
.js-content-limit {
	position: relative;
	height: auto;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.js-content-limit.limited {
	max-height: 100px;
	margin: 0 0 20px;
	overflow: hidden;
}
.js-content-limit.limited:before {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100px;
	z-index: 5;
	background: -moz-linear-gradient(bottom, rgba(245,245,245,1) 0%, rgba(245,245,245,0) 100%);
	background: -webkit-linear-gradient(bottom, rgba(245,245,245,1) 0%,rgba(245,245,245,0) 100%);
	background: linear-gradient(to top, rgba(245,245,245,1) 0%,rgba(245,245,245,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}
.js-content-limit .js-content-more {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 0;
	background: #f5f5f5;
	font-size: .85em;
	z-index: 5;
}

/* fixed guides */
.js-guide {
	position: fixed;
	top: 74px;
	width: 100%;
	height: 0;
	font-size: .9em;
    font-family: var(--sansserifreg), Helvetica, sans-serif;
	background: rgba(0, 0, 0, .85);
	overflow: hidden;
	z-index: 500;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.admin-bar .js-guide {
	top: 135px;
}
.js-guide.guide-visible {
	height: 50px;
	padding: 12px 0 0;
}
.js-guide > .container {
	position: relative;
}
.js-guide .guide-title {
	color: #fff;
}
.js-guide .guide-top-link {
	position: absolute;
	top: 0;
	right: 30px;
	color: rgba(255, 255, 255, .5);
}
.js-guide .guide-top-link:hover {
	color: #fff;
}
.js-guide .guide-progress {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
}
.js-guide .guide-progress .progress-fill {
	position: absolute;
	top: 0;
	left: 0;
	height: 5px;
	background: #64b927;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}

/* transition content */
.js-transition-content .content-success,
.js-transition-content .content-error {
	display: none;
}

/* section toggles */
.js-section-toggle {
	display: none;
	padding: 15px;
	margin: 0 0 20px;
	font-weight: 700;
}


/* 11: 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) {

}

@media (min-width: 576px) {

	.modal-dialog {
	    max-width: 600px;
	}
	.modal.modal-wide .modal-dialog {
	    max-width: 900px;
	}

}

/* LARGE DESKTOP */
@media (max-width: 1399px) {

	.show-1399 {
		display: block;
	}

	.site-header .container,
	.lp-header .container {
		width: 100%;
	}
	.site-wrapper {
		width: 100%;
	}
	.container {
		width: 100%;
	}

	/* ---------- Site header ---------- */
	.site-header .header-nav ul {
		font-size: .85em;	
	}
	.site-header .header-nav .header-search form {
		width: 250px;
	}

	/* ----- courses ----- */
	.course-nav.affix {
		width: 250px;
	}

	/* ---------- Site footer ---------- */
	.site-footer {
		width: 100%;
	}

}

@media (max-width: 1199px) {

	.show-1199 {
		display: block;
	}
	
	/* ---------- Site header ---------- */
	.site-header,
	.site-header.header-member {
		height: 60px;
	}
	.site-header:after {
		display: none;
	}
	.site-header .header-top {
		display: none;
	}
	.site-header .header-top ul {
		float: none;
		text-align: left;
	}
	.site-header .header-brand,
	.site-header.header-member .header-brand {
		top: 8px;
		left: 5px;
		width: 250px;
		padding: 10px;
	}
	.site-header.header-member .header-brand:after {
	    top: 10px;
	    right: -42px;
	    font-size: .7em;
	}
	.page-template-page-summit .site-header .header-brand {
		padding: 0;
	}
	.site-header .header-mobile-navicon {
		display: inline-block;
	}
	.site-header .header-nav {
		position: fixed;
		top: 60px;
		right: 0;
		bottom: 0;
		left: 0;
		height: 0;
		padding: 0;
		min-height: inherit;
		overflow: hidden;
		background: #222;
		z-index: 1000;
	}
	.site-header .header-nav ul {
		font-size: .8em;	
	}
	.mobile-nav-open {
		overflow: hidden;
	}
	.mobile-nav-open .site-top {
		display: none;
	}
	.mobile-nav-open .site-header .header-mobile-nav-brand {
		display: inline-block;
	}
	.mobile-nav-open .site-header .header-top {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: auto;
		padding: 15px;
		background: rgba(0, 0, 0, .5);
		z-index: 2000;	
	}
	.mobile-nav-open .site-header .header-top .top-search {
		width: 300px;
		margin: 0;
	}
	.mobile-nav-open .site-header .header-nav .header-search {
		float: none;
		margin: 15px;
	}
	.mobile-nav-open .site-header .header-nav .header-search form {
		width: 100%;
	}
	.mobile-nav-open .site-header .header-nav {
		height: 100%;
		text-align: left;
	}
	.mobile-nav-open .site-header .header-nav ul {
		float: none;
		font-size: .9em;
		margin: 0;
	}
	.mobile-nav-open .site-header .header-nav ul > li,
	.mobile-nav-open .site-header.header-restyle .header-nav ul > li {
		float: none;
		display: block;
	}
	.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: 20px;
		color: #fff;
	}
	.mobile-nav-open .site-header .header-nav ul > li > a:hover {
		background: rgba(255, 255, 255, .15);
	}
	.mobile-nav-open .site-header .header-nav ul > li > a i,
	.mobile-nav-open .site-header .header-nav ul > li > a svg {
		display: none;
	}
	.mobile-nav-open .site-header .header-nav ul > li.nav-cta {
		padding: 0;
		margin: 0;
		border: none;
	}
	.mobile-nav-open .site-header .header-nav ul > li.nav-cta > a {
		color: #ff5519;
	}
	.mobile-nav-open .site-header .header-nav ul > li.nav-cta > a:hover {
		background: #ff5519;
		color: #fff;
	}
	.mobile-nav-open .site-header .header-nav ul > li.nav-login > a {
		border-color: rgba(255, 255, 255, .5);
	}
	.mobile-nav-open .site-header .header-nav ul > li.nav-login > a:hover {
		background: #fff;
		color: #151515;
		border-color: #fff;
	}
	.mobile-nav-open .site-header .header-nav ul > li.menu-item-has-children > a:after {
		display: none; /* hide dropdown menu caret */
	}
	.mobile-nav-open .site-header .header-nav ul > li:hover .nav-dropdown,
	.mobile-nav-open .site-header .header-nav ul > li:hover .nav-menu,
	.mobile-nav-open .site-header .header-nav ul > li:hover .sub-menu,
	.mobile-nav-open .site-header .header-nav ul > li:hover .nav-mega-menu {
		display: none;
	}
	.mobile-nav-open .site-header .header-nav .dropdown-menu {
		width: 100%;
	}
	.mobile-nav-open .site-header.header-member .header-nav ul > li.nav-tms > a {
		color: #de2b2e;
	}
	.mobile-nav-open .site-header .header-nav ul > li.nav-dropdown.dropdown-account {
		display: none;
	}
	.mobile-nav-open .site-header .header-nav ul > li.nav-mobile-only,
	.mobile-nav-open .site-header .header-nav ul > li.nav-mobile-account {
		display: block;
	}

	.site-wrapper {
		padding: 60px 0 0;
	}
	.page-template-page-checkout .site-wrapper,
	.page-template-page-confirmation .site-wrapper,
	.page-template-page-upsell .site-wrapper {
		width: 100%;
	}
	
	/* ----- page header ----- */
	.page-header.header-section .section-content {
		padding: 50px;
	}

	/* ----- page header ----- */
	.page-section.section-auth {
		padding: 40px 30px;
	}

	/* ----- hero ----- */
	.hero h1 {
		font-size: 3em;
	}
	.hero h1 .hero-emph {
		font-size: 1.5em;
	}
	.hero.hero-slideshow .hero-cta {
		width: 35%;
	}

	/* ----- JS ----- */
	.js-guide {
		display: none !important;
	}

}

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

	.show-1024 {
		display: block;
	}

	/* ----- grids ----- */
	.masonry-grid .grid-item {
		width: 47%;
	}
	.rsp-grid .grid-container {
		width: 50% !important;
	}
	.rsp-grid.grid-spaced .grid-container {
		width: 47% !important;
	}
	.table-grid .grid-column.column-desc {
		width: 400px;
	}

	/* ----- page section ----- */
	.page-section,
	.page-section.section-custom {
		padding: 50px;
	}
	.page-section .section-header .progress-meter {
		position: static;
		top: auto;
		right: auto;
	}
	
	/* ----- page overlay ----- */
	.page-overlay .overlay-option {
		width: auto;
		margin: 0;
	}
	.page-overlay .overlay-header .overlay-close {
		font-size: 3.5em;
	}

	/* ----- content ----- */
	.content-section.section-padded {
		padding: 30px;
	}
	.content-section.section-hero {
		padding: 50px;
	}
	.content-section.section-hero p {
		font-size: 1em;
	}
	
	/* ----- hero ----- */
	.hero,
	.hero.hero-homepage {
		min-height: inherit;
	}
	.hero .hero-wrap {
		padding: 50px;
	}
	.hero .hero-content {
		width: auto;
		margin: 0;
	}
	.hero .hero-content h1 {
		font-size: 3em;
	}
	.hero .hero-content .content {
		padding: 70px;
	}

	/* ----- post ----- */
	.post-image.image-hero {
		width: 47%;
		margin-left: 3%;
	}
	.post-image.image-hero.post-1 {
		width: 97%;
	}

	/* ---------- Site footer ---------- */
	.site-footer .footer-column {
		padding: 30px;
	}

	/* ---------- Forms ---------- */
	
}

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

	.show-992 {
		display: block;
	}

	/* ----- columns ----- */
	.column.column-10,
	.column.column-20,
	.column.column-25,
	.column.column-30,
	.column.column-40,
	.column.column-50,
	.column.column-60,
	.column.column-70,
	.column.column-75,
	.column.column-80,
	.column.column-90,
	.column.column-100 {
		float: none;
		width: 100%;
	}
	.column-pull-right {
		float: none;
	}

	.table-grid {
		display: block;
	}
	.table-grid .grid-column {
		display: block;
		width: 100% !important;
		padding: 0;
		margin: 0 0 20px;
		border: none;
	}
	.table-grid .grid-column.column-image,
	.table-grid .grid-column.column-desc {
		display: inline-block;
	}
	.table-grid .grid-column.column-status,
	.table-grid .grid-column.column-action {
		width: 100%;
		padding-left: 0;
	}
	.table-grid .grid-column.column-status {
		margin: 15px 0 0;
		border-top: 1px solid #ddd;
	}
	.table-grid .grid-column.column-image {
		width: 20%;
	}
	.table-grid .grid-column.column-desc {
		width: 78%;
	}

	/* ----- page header ----- */
	.page-header .metrics {
		padding: 30px 0 0;
		border-left: none;
	}
	.page-header .user {
		margin: 30px 0 0;
	}
	.page-header.header-section {
		max-height: inherit;
	}
	.page-header.header-section .section-content {
		position: static;
	}

	/* ----- page section ----- */
	.page-section.section-cta,
	.page-section.section-custom {
		padding: 50px;
	}
	.page-section .section-header {
		padding: 0;
	}
	.page-section .section-header .header-utility {
		position: static;
	}
	.page-section .section-header .header-utility .btn-back {
		padding: 20px 0;
		font-size: .8em;
	}
	.page-section .section-js-menu {
		display: none; /* hide and show with JS */
	}
	.js-section-toggle {
		display: block;
	}

	/* section columns */
	.section-columns {
		display: block;
	}
	.section-columns .column {
		display: block;
		width: 100% !important;
	}

	/* ----- posts ----- */
	.post-wrap {
		width: auto;
	}
	.post-header .header-image {
		max-height: inherit;
	}
	.post-header .header-utility {
		position: static;
		width: auto;
	}
	.post-header .header-content.content-master {
		position: static;
		background: #222;
	}
	.post-header.header-columns {
		display: block;
	}
	.post-header.header-columns .header-image,
	.post-header.header-columns .header-utility {
		display: block;
		width: 100%;
	}
	.post-actions {
		padding: 20px 0 0;
		text-align: left;
		border-top: 1px solid #ddd;
	}
	.post-body {
		display: block;
	}
	.post-content,
	.post-sidebar {
		display: block;
		width: 100%;
	}
	.post-sidebar {
		padding: 30px;
	}

	/* ----- sidebar ----- */
	.sidebar,
	.sidebar.sidebar-padded {
		padding: 0;
	}

	/* ----- hero ----- */
	.hero h1 > i {
		padding: 15px 0;
		margin: -3px 5px 0 0;
	}
	.hero .user {
		margin: 30px 0 0;
	}
	.hero.hero-slideshow {
		max-height: inherit;
		overflow: inherit;
	}
	.hero.hero-slideshow .hero-cta {
		position: static;
		width: auto;
		box-shadow: 0 0 0 20px rgba(255, 255, 255, .15);
	}
	.hero.hero-slideshow .hero-content h1 {
		margin: 0 0 10px;
	}
	.hero .hero-content .content .headline {
		font-size: 1.2em;
	}

	.hero.hero-member .hero-brand {
		margin: 0 auto 20px;
	}
	.hero.hero-member h1,
	.hero.hero-member p {
		text-align: center;
	}
	.hero.hero-member .video-container {
		margin: 30px 0 0;
	}
	.hero.hero-membership .hero-wrap {
		padding-bottom: 100px;
	}

	/* ----- cards ----------  */
	.card.card-related {
		overflow: auto;
	}
	.card.card-related .card-image {
		float: left;
		width: 45%;
		margin: 0 20px 20px 0;
	}

	/* ----- course ----------  */
	.course-nav {
		padding: 0 0 30px;
	}

	/* ----- steps ----- */
	.step.step-with-path {
		padding: 0 0 0 70px;
		text-align: left;
	}
	.step.step-with-path:after,
	.step.step-with-path.step-first:after {
		width: 2px;
		height: 100%;
		left: 25px;
	}
	.step.step-with-path.step-last:after {
		display: none;
	}
	.step.step-with-path .step-number {
		position: absolute;
		top: 0;
		left: 0;
	}

	/* ---------- Bootstrap ---------- */
	.alert.alert-banner .banner-actions {
		text-align: left;
		margin: 20px 0 0;
	}

	/* ----- modals ----- */
	.modal-wide .modal-dialog {
		width: auto;
		margin: 10px;
	}

}


@media (max-width: 800px) {
	.gsc-control-cse, 
	body.page.page-template-page-search-google #primary.site-content  .page-section .row .col-sm-8 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

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

	.show-768 {
		display: block;
	}

	h1 {font-size: 2em; letter-spacing: -1px;}
	h2 {font-size: 1.6em; letter-spacing: -1px;}
	h3 {font-size: 1.4em;}
	
	p.headline,
	.headline-content p {
		font-size: 1.2em;
		letter-spacing: 0;
	}
	p.headline.jumbo {
		font-size: 1.4em;
	}

	.margin-mobile-only {
		margin: 10px 0;
	}

	/* ----- lists ----- */
	.list-action {
		font-size: .85em;
	}
	.list-action li {
		display: block;
		border-left: none;
		border-top: 1px solid rgba(0, 0, 0, .15);
	}
	.list-action.list-light li {
		border-top: 1px solid rgba(255, 255, 255, .15);
	}

	/* ---------- Site header ---------- */
	.mobile-nav-open .site-header .header-top .top-search {
		width: 100%;
		margin: 0 0 5px;
	}
	.mobile-nav-open .site-header .header-top ul {
		float: none;
		text-align: left;
	}
	.lp-header .header-mobile-navicon {
		top: 0;
	}
	.lp-header .header-brand {
		width: 175px;
		top: 5px;
		left: 60px;
	}
	.lp-header .header-nav {
		min-height: 60px;
	}
	.lp-header .header-nav ul {
		font-size: .85em;
	}
	.lp-header .header-nav ul li a {
		height: auto;
		padding: 10px;
	}
	.lp-header .header-menu,
	.lp-content-overlay {
		top: 60px;
	}

	/* ----- titles ----- */
	.mega-title {
		font-size: 2.4em;
	}
	
	/* ----- buttons ----- */
	.btn.btn-xl {
		font-size: 1.2em;
		padding: 15px 30px;
	}

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

	.video-cta-container .container-overlay {
		position: static;
		background: #151515;
		padding: 20px;
	}
	.video-cta-container .container-overlay .btn {
		display: block;
		width: 100%;
		margin: 0 0 10px;
	}

	/* ----- grids ----- */
	.block-grid {
		display: block;
	}
	.block-grid .grid-cell {
		display: block;
		width: 100% !important;
	}
	.grid-cell.cell-trial {
		border-left: none;
		border-top: 15px solid #eee; 
	}

	/* ----- cards ----- */
	.card.card-wide,
	.card.card-wide.card-with-action {
		height: auto;
		padding: 0;
		overflow: inherit;
	}
	.card.card-wide .card-image {
		position: static;
		width: 100%;
		max-height: inherit;
		overflow: inherit;
	}
	.card.card-wide .card-content {
		padding: 20px;
	}
	.card.card-wide .card-action {
		position: static;
		width: auto;
		padding: 0 20px 20px; 
	}
	
	/* ----- hero ----- */
	.hero h1 {
		font-size: 2.4em;
	}
	.hero .headline {
		font-size: 1.5em;
	}
	.hero .hero-content {
		width: auto;
	}
	.hero .hero-content p {
		margin-right: 0;
	}
	.hero .hero-content .content {
		padding: 50px;
	}
	
	/* ----- page header ----- */
	.page-header .header-cover {
		padding: 30px 15px;
	}
	.page-header.header-section .breadcrumb {
		padding: 30px;
	}
	
	/* ----- page section ----- */
	.page-section,
	.page-section.section-cta,
	.page-section.section-custom,
	.page-section.section-slim {
		padding: 30px 15px;
	}
	.page-section.section-cta,
	.page-section.section-cta-desk {
		padding: 50px 30px;
	}
	/* section with action */
	.page-section.section-with-actions .section-action {
		margin: 20px 0 0;
	}

	.content-section .section-header .header-title {
		font-size: 1.8em;
	}
	.content-section .section-body {
		padding: 0;
	}

	/* ----- posts ----- */
	.post-content.content-video {
		padding-left: 0;
	}
	.post-image.image-banner {
		margin: 0 -30px 20px;
	}

	/* ----- meta ----- */
	.meta.meta-large {
		font-size: 1em;
	}
	
	/* ----- metrics ----- */
	.metric {
		margin: 0 0 30px;
	}
	.metric .metric-icon {
		left: 0;
	}
	.metric.metric-first {
		border-top: none;
	}

	/* ----- cards ----- */
	.card.card-plan .card-header,
	.card.card-plan .card-content {
		padding: 30px;
	}

	/* ----- feature ----- */
	.feature.feature-step {
		padding-left: 65px;
	}
	.feature.feature-step:before {
		top: 0;
		left: 24px;
		height: 100%;
		width: 2px;
	}
	.feature.feature-step .step-number {
		position: absolute;
		top: 0;
		left: 0;
	}

	/* ----- filter ----- */
	.filter .filter-title {
		font-size: 1.2em;
	}

	/* ----- items ----- */
	.item.item-card .item-image {
		margin: 0 0 15px;
	}
	.item.item-edit p:last-child {
		margin: 0 0 20px;
	}

	/* ----- tiles ----- */
	.tile.tile-promo {
		display: block;
	}
	.tile.tile-promo .tile-content,
	.tile.tile-promo .tile-image {
		display: block;
		width: 100%;
	}
	.tile.tile-promo .tile-image {
		min-height: 300px;
	}

	/* ----- utility ----- */
	.utility {
		text-align: left;
	}
	
	/* ---------- Bootstrap ---------- */
	/* ----- tabs ----- */
	.tabs-nav {
		display: block;
		width: 100%;
	}
	.tabs-nav li {
		display: block;
		padding: 0;
		margin: 0 0 10px;
		width: 100% !important;
	}
	.nav.nav-tabs.tabs-library li {
		width: 50%;
		border: none;
	}
	.nav.nav-tabs.tabs-library li a {
		border: none;
	}
	.nav.nav-tabs.tabs-library li.active a {
		background: #eee;
	}
	.nav.nav-tabs.tabs-library li.tab-helper {
		width: 100%;
		border-top: 2px solid #eee;
	}
	.nav.nav-tabs.tabs-library li.tab-helper a {
		text-align: center;
	}

	/* ----- wells ----- */
	.well.well-action {
		padding: 10px;
	}
	.well.well-action .action-label {
		position: static;
	}
	
	/* ---------- Site footer ---------- */
	.site-footer .footer-wrap {
		padding: 0;
	}
	.site-footer .footer-icon {
		position: static;
		top: inherit;
		left: inherit;
		width: 100px;
		padding: 30px 0 0 30px;
	}
	.site-footer .footer-columns {
		display: block;
	}
	.site-footer .footer-column {
		display: block;
		width: 100%;
		border-left: none;
	}
	.site-footer .footer-column:last-child {
		border-bottom: none;
	}
	p.site-credit {
		padding: 15px 0;
		margin: 15px 0;
		text-align: left;
		border-top: 1px solid #333;
	}

	/* ---------- Forms ---------- */
	.contact-info {
		padding-left: 0;
	}
	.quick-form .input-container {
		margin: 0 0 10px;
	}

	/* ---------- Tables ---------- */
	.table-responsive {
		display: block;
		border: none;
	}

	/* responsive tables */
	.table.table-responsive thead {
		display: none;
	}
	.table.table-responsive tbody,
	.table.table-responsive tr,
	.table.table-responsive th,
	.table.table-responsive td {
		display: block;
		width: 100%;
	}
	.table.table-responsive tr {
		border-top: 1px solid #ddd;
	}
	.table.table-responsive th,
	.table.table-responsive td {
		border: none !important;
	}
	.table.table-responsive tbody th {
		width: auto;
		padding-bottom: 0;
	}
	.column-action {
		text-align: left;
	}

	.table.table-assets .column-type .label {
		display: inline-block;
	}
	.table.table-compare,
	.table.table-compare thead,
	.table.table-compare tbody,
	.table.table-compare tfoot,
	.table.table-compare tr,
	.table.table-compare th,
	.table.table-compare td {
		display: block;
	}
	.table.table-compare thead {
		display: none;
	}
	.table.table-compare tbody th {
		width: auto;
		border-top: 1px solid #333 !important;
	}
	.table.table-compare tbody th .feature-icon {
		top: 13px;
	}
	.table.table-compare tbody td {
		position: relative;
		width: auto;
		padding-left: 120px;
		border-left: none;
		text-align: right;
	}
	.table.table-compare tbody tr.row-header th {
		padding: 20px 0;
		text-align: center;
	}
	.table.table-compare tbody td .mobile-label {
		position: absolute;
		top: 15px;
		left: 0;
		font-weight: 700;
		text-align: left;
	}
	.table.table-compare tfoot td {
		width: auto;
		padding: 20px 0;
		text-align: left;
	}
	.table.table-compare tfoot td .mobile-label {
		display: block;
		font-weight: 700;
		margin: 0 0 10px;
	}
	.table.table-compare .hide-mobile {
		display: none !important;
	}
	.table.table-select td {
		padding: 20px 0;
	}
	.table.table-select td.column-desc {
		width: auto;
		padding-bottom: 0;
	}

	/* ----- checkout ----- */
	.checkout-container.container-slim {
		padding: 30px;
		width: auto;
	}
	.checkout-column {
		display: block;
	}
	.checkout-column.column-product {
		width: 100%;
	}
	.checkout-column.column-payment {
		width: 100%;
	}

	/* ----- my account ----- */
	.mm-myaccount {
		margin: 20px 0 0 !important;
	}
	.mm-myaccount-block {
		width: 100% !important;
	}
	.mm-myaccount-content-wrapper table,
	.mm-myaccount-content-wrapper table thead,
	.mm-myaccount-content-wrapper table tbody,
	.mm-myaccount-content-wrapper table tr,
	.mm-myaccount-content-wrapper table th,
	.mm-myaccount-content-wrapper table td {
		display: block;
	}
	.mm-myaccount-content-wrapper table thead {
		display: none;
	}
	.mm-myaccount-content-wrapper table tbody tr {
		border-top: 1px solid #ddd;
	}
	.mm-myaccount-content-wrapper table tbody tr:first-child {
		border-top: none;
	}
	.mm-myaccount-content-wrapper table tbody th,
	.mm-myaccount-content-wrapper table tbody td {
		border: none;
	}
	.mm-myaccount-content-wrapper table .btn {
		display: block;
		width: 100%;
	}

	.mobile-label {
		display: inline-block;
		width: 120px;
		vertical-align: top;
	}

	/* ---------- Bootstrap ---------- */
	/* modals */
	.modal-header {
		padding: 20px 50px 20px 20px;
	}
	.modal-body,
	.modal-footer {
		padding: 20px;
	}
	.modal-header .close {
		right: 10px;
	}
	.modal-header .modal-title {
		font-size: 1.5em;
	}
	/* wells */
	.well.well-action .btn-block {
		margin: 0 0 15px;
	}

	/* ---------- JS ---------- */
	.js-guide {
		display: none !important;
	}

}

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

	.show-600 {
		display: block;
	}

	p.headline.small {
		font-size: 1em;
	}
	p.headline.large {
		font-size: 1.2em;
	}

	/* ----- buttons ----- */
	.btn-mobile-block {
		display: block;
		margin: 0 0 10px;
	}

	/* ----- lists ----- */
	.list-details {
		font-size: .85em;
	}
	.list-details li {
		display: block;
		padding: 10px 0;
		border-top: 1px solid #ddd;
		border-left: none;
	}
	.list-details li:first-child {
		padding-top: 0;
		border-top: none;
	}
	.list-columns {
		margin: 0 0 2%;
	}
	.list-columns li {
		display: block;
		width: 100% !important;
		margin: 0 0 2%;
	}

	/* ---------- Site header ---------- */
	.site-top .top-link {
		display: block;
	}
	.lp-header .header-brand {
		width: 150px;
		top: 7px;
	}
	.lp-header .header-nav ul li.nav-login {
		display: none;
	}

	/* ----- grids ----- */
	.rsp-grid.grid-spaced {
		margin-left: 0;
	}
	.rsp-grid .grid-container,
	.rsp-grid.grid-spaced .grid-container {
		display: block;
		width: 100% !important;
	}
	.rsp-grid.grid-spaced .grid-container {
		display: block;
		width: 100% !important;
		margin: 0 0 15px;
	}
	.block-grid .grid-cell {
		padding: 30px;
	}
	
	/* ----- page header ----- */
	.page-header .header-nav ul li {
		display: block;
		border-top: 1px solid rgba(255, 255, 255, .1);
	}
	.page-header .header-nav ul li:first-child {
		border-top: none;
	}
	.page-header .header-nav ul li a {
		padding: 15px;
	}
	.page-header.header-section .section-image {
		margin: 0;
	}
	.page-header.header-section .section-content {
		padding: 40px 30px;
	}
	.page-header.header-section .section-content .header-label {
		font-size: 1em;
	}
	.page-header.header-section .section-content h1 {
		font-size: 1.8em;
	}
	.page-header.header-section .section-content .btn {
		display: block;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}

	/* ----- page section ----- */
	.page-section.section-auth {
		padding: 30px 15px;
	}
	.page-section .section-header h1 {
		font-size: 2em;
	}
	.page-section .section-row .section-content {
		padding: 30px;
	}
	.page-section .section-row .section-image:before {
		width: 85%;
		height: 85%;
	}
	.page-section.section-image .section-content {
		padding: 30px;
	}

	/* section columns */
	.section-columns .column {
		padding: 30px;
	}

	/* ----- posts ----- */
	.post-header h1 {
		font-size: 2em;
	}
	.post-header.header-with-image {
		min-height: 100px;
		padding: 0 0 0 120px;
	}
	.post-header.header-with-image .post-image {
		width: 100px;
	}
	.post-header .post-image .image-icon {
		display: none;
	}
	.post-section {
		padding: 30px;
	}
	.hero-posts {
		margin-left: 0;
	}
	.post-image.image-hero,
	.post-image.image-hero.post-1 {
		width: 100%;
		margin-left: 0;
	}

	/* ----- hero ----- */
	.hero h1 {
		font-size: 2em;
	}
	.hero h1 > i {
		padding: 16px 0;
		margin: -8px 5px 0 0;
	}
	.hero .headline {
		font-size: 1.2em;
	}
	.hero .hero-content h1 {
		font-size: 2em;
	}
	.hero .hero-content .btn {
		display: block;
		width: 100%;
		margin: 0 0 10px;
	}
	.hero.hero-slideshow .hero-content {
		position: static;
		background: #142722;
	}
	.hero .hero-content .content .headline {
		font-size: 1em;
	}
	.hero .hero-form input[type="submit"] {
		display: block;
		width: 100%;
	}
	.hero-metrics .metric .metric-value {
		font-size: 1.5em;
	}
	.hero-metrics .metric .metric-label {
		font-size: .8em;
	}

	/* ----- feature ----- */
	.feature {
		padding-right: 0;
	}

	/* ----- content ----- */
	.content {
		padding: 15px;
	}
	.content-section.section-hero {
		padding: 30px;
	}

	/* ----- cards ----- */
	.card.card-equal-height {
		min-height: inherit;
	}
	.card.card-related .card-image {
		float: none;
		width: 100%;
		margin: 0;
	}

	/* ----- items ----- */
	.item,
	.item.item-with-action {
		padding: 20px 0;
	}
	.item.item-with-action.item-with-icon,
	.item.item-with-action.item-with-icon.item-micro,
	.item.item-with-action.item-with-icon.item-small {
		padding-right: 0
	}
	.item.item-with-action .item-action,
	.item.item-with-action.item-with-icon .item-action,
	.item.item-with-action.item-with-icon.item-micro .item-action
	.item.item-with-action.item-with-icon.item-small .item-action {
		position: static;
		width: auto;
		margin: 15px 0 0;
		text-align: left;
	}
	.item.item-with-action .btn {
		display: inline-block;
	}
	.item.item-with-icon {
		min-height: inherit;
		padding-right: 0;
		padding-left: 50px;
	}
	.item.item-with-image {
		min-height: inherit;
		padding-right: 0;
		padding-left: 100px;
	}
	.item.item-with-image .item-image {
		width: 80px;
	}
	.item.item-with-image .item-image.image-icon a {
	    padding: 22px 0;
	    font-size: 2em;
	}
	.item.item-with-image.item-micro,
	.item.item-with-image.item-small {
		min-height: inherit;
		padding-left: 70px;
	}
	.item.item-with-image.item-micro .item-image,
	.item.item-with-image.item-small .item-image {
		width: 50px;
	}
	.item.item-event {
		min-height: inherit;
		padding: 20px 0 20px 60px;
	}
	.item.item-event:before {
		display: none;
	}
	.item.item-event .item-icon {
		left: 0;
		width: 45px;
		font-size: 2.5em;
	}
	.item.item-module {
		padding: 20px 0 20px 60px;
	}
	.item.item-module .item-number {
		width: 45px;
		height: 45px;
		padding: 12px 0;
		font-size: 1em;
	}
	.item.item-module .item-action {
		position: static;
		width: auto;
	}

	/* ----- product ----- */
	.product {
		padding: 0;
	}

	/* ----- tiles ----- */
	.tile {
		padding: 30px;
	}
	.tile.tile-promo .tile-content {
		padding: 30px;
	}

	/* ----- users ----- */
	.user.user-large {
	    min-height: 80px;
	    padding-left: 100px;
	}
	.user.user-large .user-avatar {
		width: 80px;
	}
	.user.post-user {
		padding: 0;
		margin: -60px 0 30px;
	}

	/* ----- filter ----- */
	.filter {
		text-align: left;
	}
	.filter .filter-title {
		position: static;
	}
	.filter .btn-group {
		display: block;
		width: 100%;
		margin: 0 0 10px;
	}
	.filter .btn-group .btn {
		position: relative;
		display: block;
		width: 100%;
		text-align: left;
	}
	.filter .btn-group .btn .caret {
		position: absolute;
		top: 15px;
		right: 15px;
	}
	.filter .dropdown-menu {
		width: 100%;
	}
	
	/* ----- footer ----- */
	.site-footer .footer-columns {
		padding: 0;
		margin: 0;
	}
	.site-footer .footer-base {
		padding: 30px;
	}
	.site-footer .footer-base:before {
		display: none;
	}
	.site-footer .footer-base .base-logo,
	.site-footer .footer-base .base-copyright {
		position: static;
		top: inherit;
	}
	.site-footer .footer-base .base-logo {
		display: block;
		width: 250px;
		margin: 0 0 20px;
	}
	.site-footer .footer-base .base-copyright {
		display: block;
		padding: 0; 
	}

	/* ----- forms ----- */
	.auth-container {
		padding: 30px;
	}
	.register {
		padding: 0;
		background: none;
	}
	.register .register-input,
	.register .newsletter-signup-form {
		background: #eee;
		margin: 0 0 10px;
	}
	.register .register-submit,
	.register input[type="submit"] {
		position: static;
		display: block;
		width: 100%;
	}
	
	/* ---------- Tables ---------- */
	.table.table-stats {
		font-size: 1em;
	}
	.table.table-compare {
		font-size: .9em;
	}
	.table.table-compare th,
	.table.table-compare td {
		padding: 10px 0;
	}
	.table.table-compare tbody th {
		padding-left: 30px;
	}
	.table.table-compare tbody th i {
		top: 10px;
	}

	/* ----- checkout ----- */
	.checkout-container {
		padding: 15px;
	}
	.checkout-column {
		padding: 30px;
	}
	.form-container.container-single .mm-checkoutContainer .checkout-column {
		padding: 0;
	}

	/* ---------- Bootstrap ---------- */
	.carousel.carousel-image .carousel-item .carousel-caption .caption-title {
		font-size: 1.2em;
	}
	.carousel.carousel-image .carousel-item .carousel-caption .caption-desc {
		font-size: .85em;
	}
	.well.well-cta {
		padding: 30px;
	}
	.well.well-cta .btn-cta.btn-mobile-block {
		margin-right: 0;
	}
	.well.well-action.action-slim {
		padding: 20px;
	}
	.well.well-action.action-slim .well-title {
		position: static;
		padding: 0 0 15px;
		margin: 0;
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, .5);
	}

	/* ---------- bbpress ---------- */
	#bbpress-forums .bbp-breadcrumb {
		float: none;
	}
	#bbpress-forums .reply-item .bbp-reply-author .bbp-author-name {
		display: block;
	}
	#bbpress-forums .bbp-body div.bbp-reply-content {
		margin: 0;
	}
	#bbpress-forums div.bbp-reply-content .reply-content-utility {
		float: none;
		margin: 20px 0 0;
	}
	#bbpress-forums div.bbp-reply-content .reply-content-utility .btn i {
		vertical-align: top;
		margin: 1px 0 0 5px;
	}
	#bbpress-forums li.bbp-header {
		display: none;
	}
	#bbpress-forums li.bbp-body ul.forum li,
	#bbpress-forums li.bbp-body ul.topic li {
		display: block;
		float: none;
		width: 100%;
		margin: 10px 0;
		text-align: left;
	}
	#bbpress-forums li.bbp-body ul.forum br,
	#bbpress-forums li.bbp-body ul.topic br {
		display: none
	}
	#bbpress-forums li.bbp-body li.bbp-forum-topic-count,
	#bbpress-forums li.bbp-body li.bbp-forum-reply-count,
	#bbpress-forums li.bbp-body li.bbp-topic-voice-count,
	#bbpress-forums li.bbp-body li.bbp-topic-reply-count,
	#bbpress-forums li.bbp-body li.bbp-forum-freshness {
		display: inline-block !important;
		width: auto !important;
		margin: 0 20px 10px 0 !important;
		vertical-align: top;
	}
	#bbpress-forums li.bbp-body li.bbp-forum-topic-count:before,
	#bbpress-forums li.bbp-body li.bbp-forum-reply-count:before,
	#bbpress-forums li.bbp-body li.bbp-forum-freshness:before {
		display: block;
	    font-family: var(--sansserifreg), Helvetica, sans-serif;
	}
	#bbpress-forums li.bbp-body li.bbp-forum-topic-count:before {
		content: "Topics";
	}
	#bbpress-forums li.bbp-body li.bbp-forum-reply-count:before {
		content: "Posts";
	}
	#bbpress-forums li.bbp-body li.bbp-forum-freshness:before {
		content: "Last Post";
		font-size: 1.3em;
	}
	#bbpress-forums li.bbp-forum-freshness,
	#bbpress-forums li.bbp-topic-freshness {
		padding: 0;
	}
	#bbpress-forums #bbp-your-profile fieldset label[for] {
		display: block;
		float: none;
		width: 100%;
		text-align: left;
	}
	#bbpress-forums #bbp-your-profile fieldset input,
	#bbpress-forums #bbp-your-profile fieldset select,
	#bbpress-forums #bbp-your-profile fieldset textarea {
		display: block;
		width: 100%;
		margin: 0 0 15px;
		outline: none;
	}
	#bbpress-forums #bbp-your-profile fieldset fieldset.password {
		display: block;
		width: 100%;
	}
	#bbpress-forums #bbp-your-profile fieldset div {
		float: none;
	}
	#bbpress-forums #bbp-your-profile fieldset.submit button {
		float: none;
		display: block;
		width: 100%;
	}
	#bbpress-forums #subscription-toggle, #bbpress-forums #favorite-toggle {
		float: none;
		margin: 0 0 15px;
	}

	/* image upload modal window */
	.bbpress .mce-window {
		width: 100% !important;
	    left: 0% !important;
	    margin-left: 0;
	}

}

@media (max-width: 480px) {

	.show-480 {
		display: block;
	}

	/* ---------- Site header ---------- */
	.site-header .header-top ul li {
		padding: 0 5px;
		border: none;
	}

	/* ----- hero ----- */
	.hero .hero-brand {
		max-width: 250px;
	}
	.hero .hero-wrap {
		padding: 50px 30px 30px;
	}

	/* ----- timer ----- */
	.timer .timer-unit {
		margin: 0 10px 10px 0;
		font-size: 1.8em;
	}

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

	/* ---------- Bootstrap ---------- */
	.alert.alert-with-action {
		padding: 20px;
	}
	.alert.alert-with-action .alert-action {
		position: static;
		width: auto;
		padding: 20px 0 0;
		margin: 20px 0 0;
		border-top: 1px solid rgba(255, 255, 255, .25);
	}

	/* ---------- bbPress ---------- */
	#bbpress-forums .bbp-body div.bbp-reply-author,
	#bbpress-forums .bbp-body div.bbp-topic-author {
		position: static;
		width: auto;
		min-height: inherit;
		padding: 0;
		margin: 0 0 5px;
	}

	#bbpress-forums div.bbp-reply-header {
		padding: 10px 0;
		background: none;
		border-top: 1px solid #e5e5e5;
		border-bottom: none;
	}
	#bbpress-forums .reply,
	#bbpress-forums .topic {
		padding: 0 0 15px;
	}
	.single-topic #bbpress-forums .topic.type-topic .bbp-reply-content {
		padding: 0 15px; 
	}
	#bbpress-forums .topic
	#bbpress-forums .bbp-reply-content {
		font-size: 1em;
	}
	#primary #bbpress-forums .reply .bbp-reply-author,
	#primary #bbpress-forums .topic .bbp-reply-author {
		position: relative;
		min-height: 50px;
		padding-left: 60px;
		margin: 0 0 15px;
		border: none;
	}
	#primary #bbpress-forums .reply .bbp-reply-author .bbp-author-avatar,
	#primary #bbpress-forums .topic .bbp-reply-author .bbp-author-avatar {
		top: 0;
	}
	#primary #bbpress-forums .reply .bbp-reply-author .bbp-author-name,
	#primary #bbpress-forums .topic .bbp-reply-author .bbp-author-name {
		display: block;
		margin: 0;
		line-height: 1.4;
	}
	#primary #bbpress-forums .reply .bbp-reply-author .bbp-author-role,
	#primary #bbpress-forums .topic .bbp-reply-author .bbp-author-role {
		display: block;
		margin: 0;
	}

}

/* PRINT styles */
@media print {

	img {
		display: block;
	}

	.invoice-brand {
		width: 250px;
	}

}