/*
Theme Name: Ganoksin
Author: MemberDev
Author URI: https://memberdev.com
Description: Custom theme for IGS, based off WP TwentySixteen shell.
Version: 1.0
*/

/* Table of Contents
========================================================================================================== */
/*
01: Global
02: Header
03: Structure
03: Components
05: Footer
06: Forms
07: Tables
08: Bootstrap
09: Plugins
10: Responsive (Media Queries)
/*


/* 01: Global
========================================================================================================== */
/* ---------- Eric Meier Reset (thanks, Eric) ---------- */
html,body, div, span, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	text-align: left;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body {
	font-family: 'Montserrat', 'Helvetica-Neue', sans-serif;
	font-weight: 300;
	color: #000000; /* was #666 */
	background: #f9fafb;
}

h1, h2, h3, h4, h5, h6 {margin: 0 0 20px;}
h1, h2, h3, h4, h5, h6 {letter-spacing: -0.025em; line-height: 1.4em; color: #000000; /* was #333 */}
h1 {font-size: 3em; font-weight: 700; letter-spacing: -2px; line-height: 1.2;}
h2 {font-size: 2.4em; font-weight: 400;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em; margin: 0 0 10px;}
h6 {font-size: 1.2em; margin: 0 0 10px;}
p {font-size: 1em; line-height: 1.6em; margin: 0 0 20px;}

.article h6 {
	text-decoration: underline;
}

.headline {font-size: 1.5em; letter-spacing: -0.025em; color: #000000; /* was #333 */}
.headline.mini {font-size: 1em;}
.headline.small {font-size: 1.2em;}
.headline.large {font-size: 2em;}
.headline.jumbo {font-size: 2.5em;}
.headline.padded {padding: 0 15px; line-height: 1.6;}

.caption {padding: 10px; font-weight: bold; text-align: center; background: #ddd; color: #000000; /* was #333 */}
.terms {font-size: .75em; margin: 20px 0;}
.headline-content p {
	font-size: 1.2em;
}

a {
	color: #09c;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
a:hover {
	color: #036;
	text-decoration: none;
}

pre {position: relative; padding: 15px; margin: 0 0 20px; background: #000; color: #999; font-size: .75em; line-height: 1.8em;}

sup {
	font-family: Arial, sans-serif;
	font-size: .75em;
}

mark {
	padding: 0;
	background: #ff0;
}

blockquote {
	padding: 15px;
	margin: 0 0 20px;
	color: #000000; /* was #333 */;
	font-size: 1.5em;
	font-weight: 300;
	border-left: 3px solid #ddd;
}

.quote {
	position: relative;
	padding: 30px;
	margin: 0 0 30px;
	background: #fff;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .15);
}
.quote:after {
	position: absolute;
	bottom: 0;
	right: 30px;
	font-family: FontAwesome;
	font-size: 4em;
	color: rgba(0, 0, 0, .1);
	content: "\f10e";
}

.highlight {
	background: #FBE999;
	color: #000;
}

hr {
	border-top-color: #ddd;
}
.hr-10 {
	margin: 10px 0;
}
.hr-15 {
	margin: 15px 0;
}
.hr-30 {
	margin: 30px 0;
}
.hr-thick {
	border-top-width: 5px;
}
.hr-blank {
	border: none;
}
.hr-trans {
	border-top: 1px solid rgba(255, 255, 255, .25);
}
.hr-spacer {
	border: none;
	margin: 30px 0;
}
.hr-slim {
	width: 10%;
	margin: 30px 0;
}
.hr-slim.centered {
	margin: 30px auto;	
}
.hr-dark {
	border-top: 1px solid #333;
}
.hr-light {
	border-top: 1px solid #fff;
}
.hr-or {
	position: relative;
	margin: 20px auto;
}
.hr-or:after {
	content: "or";
	position: absolute;
	top: -20px;
	left: 50%;
	width: 50px;
	margin-left: -25px;
	padding: 5px;
	background: #fff;
	color: #999;
	text-align: center;
	z-index: 5;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}
img.avatar,
img.user-avatar,
img.image-rounded {
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}

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

dl {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

/* ----- helpers ----- */
.font-300 {
	font-weight: 300 !important;
}
.font-400 {
	font-weight: 400 !important;
}
.font-700 {
	font-weight: 700 !important;
}
.font-900 {
	font-weight: 900 !important;
}

.alignleft {
    display: inline;
    float: left;
    margin: 0 20px 20px 0;
}
.alignright {
    display: inline;
    float: right;
    margin: 0 0 20px 20px;
}
.aligncenter {
	margin: 0 auto 20px;
}
.caps {
	text-transform: uppercase;
}
.centered {
	text-align: center;
}
.clear {
	clear: both;
}
.bold {
	font-weight: 700 !important;
}

.no-margin {
	margin: 0 !important;
}
.margin-10 {
	margin: 0 0 10px !important;
}

.spaced-3 {
	letter-spacing: 3px !important;
}
.spaced-5 {
	letter-spacing: 5px !important;
}
.spaced-10 {
	letter-spacing: 10px !important;
}
.price {
	font-size: 3rem;
	color: #39B6CA;
	font-weight: 500;
	margin: 20px 0 10px;
}

.or-spacer {
	display: inline-block;
	margin: 10px;
	vertical-align: top;
}

/* ----- colors ----- */
/* blues */
.color-blue {color: #069 !important;}
.color-blue-light {color: #37a5d7 !important;}
.color-blue-dark {color: #036 !important;}

/* purples */
.color-purple {color: #872dbb !important;}
.color-purple-light {color: #8c99fb !important;}
.color-purple-dark {color: #563c86 !important;}

/* greens */
.color-green {color: #690 !important;}
.color-green-light {color: #9c0 !important;}
.color-green-dark {color: #360 !important;}

/* cta colors */
.color-orange {color: #f30 !important;}
.color-yellow {color: #eef766 !important;}

/* neutral colors */
.color-gold {color: #dbb636 !important;}
.color-silver {color: #999 !important;}
.color-platinum {color: #333 !important;}

.color-grey {color: #999 !important;}
.color-grey-light {color: #ccc !important;}
.color-grey-dark {color: #333 !important;}
.color-black {color: #000 !important;}
.color-white {color: #fff !important;}

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

/*
.hotpink {color: #da2366 !important;}
*/

/* ----- titles ----- */


/* ----- statuses ----- */
.status {
	display: inline-block;
	font-size: .85em;
	font-weight: 400;
	letter-spacing: 0;
	padding: 5px 10px;
	background: #85a6b5;
	color: #fff;
	vertical-align: top;
}
.status.status-complete {
	background: #9c0;
}

/* ----- lists ----- */
ul,
ol {
	margin: 0 0 30px 30px;
}
ul li,
ol li {
	margin: 0 0 15px;
}
/* standard list */
.list-standard {
	list-style: square;
	margin: 0 0 20px 20px;
}
.list-standard li {
	margin: 0 0 10px;
}
/* large lists */
.list-large {
	font-size: 1.2em;
}
/* check lists */
.list-check {
	list-style: none;
	margin: 0 0 20px;
}
.list-check li {
	margin: 0 0 15px;
}
.list-check.two-column li {
	display: inline-block;
	width: 48%;
}
.list-check li i {
	margin: 0 5px 0 0;
	color: #9c0;
}
/* inline lists */
.list-inline {
	list-style: none;
	margin: 0 0 20px;
}
.list-inline li {
	display: inline-block;
	margin: 0 30px 0 0;
}
/* icon lists */
.list-icon {
	list-style: none;
	margin: 0 0 30px; 
}
.list-icon li {
	position: relative;
	padding: 0 0 0 30px;
}
.list-icon li i {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	font-size: 1.3em;
	text-align: center;
}
.list-icon.list-spaced li {
	padding: 15px 0 15px 30px;
	margin: 0;
	border-top: 1px solid;
}
.list-icon.list-spaced li i {
	top: 15px;
}
.list-spaced.color-white li,
.list-spaced.color-grey-light li {
	border-color: rgba(255, 255, 255, .25);
}
.list-icon.list-large li {
	padding-left: 40px;
}
.list-icon.list-large li i {
	width: 30px;
}
.list-icon.icon-circles li {
	padding: 15px 0 15px 43px;
	margin: 0;
}
.list-icon.icon-circles li i {
	top: 10px;
	width: 33px;
	padding: 10px 0;
	background: #333;
	color: #fff;
	font-size: .85em;
	border-radius: 100px;
}
.list-icon.icon-circles.circles-silver li i {
	background: #999;
}
.list-icon.icon-circles.circles-gold li i {
	background: #dbb636;
}
.list-icon.icon-circles.circles-platinum li i {
	background: #151515;
}
/* option lists */
.list-option {
	list-style: none;
	margin: 0 0 20px;
}
.list-option li {
	position: relative;
	padding: 10px 0 10px 30px;
	margin: 0;
	border-top: 1px solid #ddd;
}
.list-option li input {
	position: absolute;
	top: 10px;
	left: 0;
	width: 20px;
	font-size: 1.2em;
	text-align: center;
}
/* 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 .list-number {
	position: absolute;
	top: 15px;
	left: 0;
	width: 32px;
	padding: 5px 0;
	background: #333;
	color: #fff;
	font-weight: 400;
	text-align: center;
	border-radius: 30px;
}
/* user lists */
.list-user {
	list-style: none;
	margin: 0 0 20px;
}
.list-user li {
	min-height: 70px;
	padding: 10px 0 10px 60px;
	border-top: 1px solid #cbdae4;
}
.list-user li:first-child {
	border-top: none;
}
.list-user li .user-avatar {
	top: 10px;
}
/* nav lists */
.list-nav {
	list-style: none;
	font-size: 1em;
	font-weight: 700;
	margin: 0 0 20px;
}
.list-nav li {
	margin: 0;
	border-top: 1px solid #ddd;
}
.list-nav li a {
	position: relative;
	display: block;
	padding: 15px 0;
}
.list-nav li a:hover {
	padding-left: 15px;
	background: #eee;
}
.list-nav li a i {
	position: absolute;
	top: 18px;
	right: 15px;
}
.list-nav.nav-small {
	font-size: .85em;
}
.list-nav.nav-small li a {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* list columns */
.list-column-2 {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.list-column-3 {
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
.list-column-4 {
	-webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}
.list-column-5 {
	-webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
}

/* ----- icons ----- */
.icon-container {
	display: inline-block;
	padding: 10px;
	margin: 0 5px 0 0;
	text-align: center;
	background: #066cd2;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}
.icon-container i {
	color: #fff;
}
.icon-left {
	margin-right: 5px;
}
.icon-right {
	margin-left: 5px;
}

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

.fa.fa-check {
	color: #690;
}

.fa.fa-times {
	color: #c4c4c4;
}

/* ----- buttons ----- */
.btn {
	display: inline-block;
	padding: 15px 50px;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.2;
	border: 2px solid;
	border-radius: 0;
	text-decoration: none;
	white-space: inherit;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.btn.btn-default {
	background: none;
	color: #000000; /* was #333 */
	border: 2px solid #333;
}
.btn.btn-default:hover {
	background: #333;
	color: #fff;
	border-color: #333;
}
.btn.btn-disabled {
	background: #aaa;
	color: #fff;
	border: 2px solid #aaa;
}
.btn.btn-primary {
	background: #333;
	color: #fff;
	border: 2px solid #333;
}
.btn.btn-primary:hover {
	background: #999;
	border-color: #999;
}
.btn.btn-cta {
	background: #690;
	color: #fff;
	border: 2px solid #690;
}
.btn.btn-cta:hover {
	background: #360;
	border-color: #360;
}
.btn.btn-trans {
	background: none;
	color: #fff;
	border: 2px solid #fff;
}
.btn.btn-trans:hover {
	background: #fff;
	color: #690;
	border-color: #fff;
}
.btn.btn-purple {
	background: #872dbb;
	color: #fff;
	border-color: #872dbb;
}
.btn.btn-purple:hover {
	background: #510a7a;
	border-color: #510a7a;
}
.btn.btn-white {
	background: #fff;
	color: #0154a1;
	border: 2px solid #fff;
}
.btn.btn-white:hover {
	background: none;
	color: #fff;
	border-color: #fff;
}
.btn.btn-icon-only i {
	margin: 0;
}
.btn.btn-icon-only .btn-text {
	display: none;
}
/* button sizes */
.btn-sm {
	font-size: .85em;
	padding: 10px 35px;
}
.btn-lg {
	font-size: 1.2em;
	padding: 20px 60px;
}
.btn-xl {
	font-size: 1.5em;
	padding: 25px 70px;
}
/* button variations */
.btn-block {
	padding-right: 0;
	padding-left: 0;
}
.btn-cancel {
	font-weight: 400;
}
.btn.btn-icon-only i {
	opacity: 1.0;
}

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

.link-trans {
	display: inline-block;
	color: #fff;
	padding: 10px 20px;
}
.link-trans:hover {
	color: #b9f83a;
	text-decoration: none;
}
.link-dark {
	color: #0dbae5;
}
.link-dark:hover {
	color: #fff;
}

/* icons */
.brand-icon {
	display: block;
	width: 150px;
	margin: 0 auto 30px;
}
.circle-icon {
	display: inline-block;
	font-size: 2em;
	width: 80px;
	height: 80px;
	padding: 15px 0;
	text-align: center;
	border: 2px solid;
	border-radius: 100px;
}
.circle-icon.centered {
	display: block;
	margin: 0 auto 15px;
}
.jumbo-icon {
	position: relative;
	display: block;
	font-size: 5em;
	line-height: 1;
	margin: 0 0 10px;
}
.jumbo-icon .jumbo-inner-icon {
	display: inline-block;
	position: absolute;
	top: 28px;
	left: 25px;
	width: 30px;
	font-size: .3em;
	text-align: center;
	z-index: 5;
}

/* social */
.social-nav {
	list-style: none;
	margin: 0;
}
.social-nav li {
	display: inline-block;
}
.social-nav li a {
	display: inline-block;
	line-height: 1;
	text-align: center;
	padding: 10px 0;
	width: 40px;
	color: #999;
	border: 2px solid;
	border-radius: 40px;
}
.social-nav li a:hover {
	color: #000000; /* was #333 */
}
.social-nav.nav-large {
	font-size: 1.5em;
}
.social-nav.nav-large li a {
	width: 60px;
	height: 60px;
	padding: 15px 0;
}
.social-nav.nav-block li {
	display: block;
	margin: 0 0 10px;
}
.social-nav.nav-block li a {
	display: block;
	width: 100%;
	height: auto;
	padding: 15px 20px;
	text-align: left;
}
.social-nav.nav-block li a i {
	margin-right: 10px;
}
.social-nav.nav-block li a .block-text {
	font-size: .85em;
}

/* social share links */
.share-links {
	list-style: none;
	font-size: 1.2em;
	margin: 0;
}
.share-links li {
	display: inline-block;
	margin: 0;
}
.share-links li a {
	display: inline-block;
	vertical-align: top;
	padding: 12px 0;
	margin: 0 0 5px;
	width: 50px;
	color: #690;
	text-align: center;
	border: 2px solid;
}
.share-links li a:hover {
	background: #690;
	color: #fff;
	border-color: #690;
}
/* small links */
.share-links.links-small {
	font-size: 1em;
}
.share-links.links-small li a {
	width: 38px;
	padding: 5px 0;
}

.share-links li.share-label a,
.share-links.links-small li.share-label a {
	width: auto;
	padding: 5px 10px;
	background: #eee;
	color: #000;
	border-color: #eee;
}

/* share container */
.share-container {
	margin: 0 0 20px;
	overflow: auto;
}
.share-container .share-links {
	text-align: right;
}

/* UI tips/bubbles */
.info-tip {
	font-size: .85em;
	cursor: pointer;
}

/* ---------- Containers ---------- */
.purchase-container {
    padding: 30px;
    margin: 0 0 20px;
    background: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, .25);
}
.trans-container {
	padding: 30px;
	background: rgba(0, 0, 0, .25);
}
/* video containers */
.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	margin: 0 0 20px;
	height: 0;
	/*
	background: url(images/loading.gif) center center no-repeat #000;
	*/
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

.site-wrapper {
	width: 1200px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
}

/* premium content */
.premium-content-label {
	display: inline-block;
	font-size: .85em;
	font-weight: 700;
	margin: 0 0 10px;
}
.premium-content-label a {
	color: #151515;
}
.premium-content-label a:hover {
	color: #da2366;
}
.premium-content-label a i {
	margin-right: 3px;
}

@media print {
	.site-top { display: none; }
	.site-header { display: none; }
	.ad-container { display: none; }
	.col-md-3 { display: none; }
	.site-footer .footer-columns { display: none; }
	.share-container { display: none; }
	.post-nav { display: none; }
	.post-taxonomy { display: none; }
	#breadcrumbs { display: none; }
	.well-favorite { display: none; }
	.code-block { display: none; }
	a[href]:after { content: none !important; }
}

.type-special-offer .code-block-1 { display: none; }
.type-special-offer .code-block-2 { display: none; }
.type-special-offer .code-block-3 { display: none; }
.type-special-offer .code-block-4 { display: none; }
.type-special-offer .code-block-5 { display: none; }


/* 02: Header
========================================================================================================== */
/* site top */
.site-top {
	padding: 10px 0;
	background: #4a4a4a;

}
/* top search */
.site-top .top-search {
	display: inline-block;
	width: 300px;
	height: 30px;
	background: #eee;
	border-radius: 4px;
	vertical-align: top;
}
.site-top .top-search form {
	position: relative;
	padding-right: 30px;
}
.site-top .top-search form label {
	margin: 0;
}
.site-top .top-search form input[type="text"] {
	padding: 5px 10px;
	background: none;
	color: #000000; /* was #333 */
	font-size: .85em;
	font-weight: 300;
	border: none;
	box-shadow: none;
	outline: none;
}
.site-top .top-search form button[type="submit"] {
	position: absolute;
	top: 0;
	right: 5px;
	padding: 5px;
	background: none;
	color: #999;
	font-size: .85em;
	border: none;
}
.site-top .top-search form button[type="submit"]:hover {
	color: #000;
}
/* top utility */
.site-top .top-utility {
	float: right;
	display: inline-block;
	font-size: .85em;
	margin: 0 10px 0 0;
}
.site-top .top-utility ul {
	list-style: none;
	margin: 0;
}
.site-top .top-utility ul li {
	display: inline-block;
	margin: 0;
	vertical-align: top;
}
.site-top .top-utility ul li a {
	display: inline-block;
	padding: 5px 15px;
	color: #ccc;
}
.site-top .top-utility ul li a:hover {
	color: #fff;
}
.site-top .top-utility ul li.utility-cta a {
	background: rgba(0, 0, 0, .25);
	color: #fff;
}
.site-top .top-utility ul li.utility-cta a:hover {
	background: rgba(0, 0, 0, .5);
}
.site-top .top-utility ul li.utility-social a,
.site-top .top-utility ul li.utility-shop a {
	font-size: 1.5em;
	padding: 0 10px;
}
.site-top .top-utility ul li.utility-social {
	padding-left: 15px;
	margin-left: 15px; 
	border-left: 1px solid #999;
}
.site-top .top-utility ul li.utility-shop {
	padding-right: 15px;
	margin-right: 15px; 
	border-right: 1px solid #999;
}

/* site header */
.site-header {
	position: relative;
	width: 100%;
	height: 80px;
	padding: 10px 0;
	background: #000;
	z-index: 1000;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.site-header > .container {
	position: relative;
}
.site-header .header-brand {
	position: absolute;
	top: -5px;
	left: 10px;
	width: 250px;
	padding: 0 15px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	z-index: 1002;
}
.site-header .header-brand span {
	color: #6cb25b;
}
.site-header .header-brand:hover {
	color: #6cb25b;
}
.site-header .header-nav {
	position: relative;
}
.site-header .header-nav .nav-top {
	height: 40px;
	clear: both;
	text-align: right;
}

/* main nav */
.site-header .header-nav .nav-main {
	list-style: none;
	font-size: .8em;
	font-weight: 700;
	text-align: right;
	margin: 0;
}
.site-header .header-nav .nav-main li {
	position: relative;
	display: inline-block;
	margin: 0 0 0 5px;
	vertical-align: top;
}
.site-header .header-nav .nav-main li:first-child {
	border-left: none;
}
.site-header .header-nav .nav-main li a {
	display: block;
	height: 60px;
	padding: 20px;
	color: #aaa;
	vertical-align: top;
}
.site-header .header-nav .nav-main li:hover > a,
.site-header .header-nav .nav-main li > a:hover {
	background: #333;
	color: #fff;
}
/* nav coloring */
.site-header .header-nav .nav-main li.nav-login a {
	color: #fff;
	text-transform: uppercase;
}
.site-header .header-nav .nav-main li.nav-login a:hover {
	background: #333;
	color: #fff;
}
.site-header .header-nav .nav-main li.nav-cta a {
	color: #9fcb35;
	text-transform: uppercase;
}
.site-header .header-nav .nav-main li.nav-cta a:hover {
	background: #690;
	color: #fff;
}
.site-header .header-nav .nav-main li a i {
	margin-right: 5px;
	opacity: .5;
}
.site-header .header-nav .nav-main li a:hover i {
	opacity: 1.0;
}
/* bootstrap (click) dropdown menu */
.site-header .header-nav li.nav-dropdown > a {
	position: relative;
	background: rgba(255, 255, 255, .15);
	text-decoration: none;
}
.site-header .header-nav li.nav-dropdown > a:hover {
	background: #360;
	border-color: #360;
}
.site-header .header-nav li.nav-dropdown > a i {
	color: #999;
}
.site-header .header-nav li.nav-dropdown.open > a {
	background: #360;
	color: #fff;
	border-color: #360;
	border-radius: 0;
}
.site-header .header-nav li.nav-dropdown.open > a i {
	color: #fff;
}
.site-header .header-nav .dropdown-menu {
	top: auto;
	right: 0;
	min-width: 200px;
	padding: 10px;
	margin: 0;
	font-size: 1em;
	text-transform: none;
	background: #360;
	border: none;
	border-radius: 0; 
	box-shadow: none;
}
.site-header .header-nav .dropdown-menu li {
	display: block;
	margin: 0;
	border-top: 1px solid rgba(255, 255, 255, .1);
}
.site-header .header-nav .dropdown-menu li.divider {
	background: rgba(255, 255, 255, .15);
}
.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;
	background: none;
	color: #fff;
	font-weight: 300;
	border-radius: 0;
}
.site-header .header-nav .dropdown-menu li a i {
	position: absolute;
	top: 17px;
	right: 5px;
	color: #fff;
}
.site-header .header-nav .dropdown-menu li a:hover {
	background: rgba(255, 255, 255, .25);
	color: #fff;
}
/* dropdown */
.site-header .header-nav .nav-main .main-dropdown {
	display: none;
}
.site-header .header-nav .nav-main li:hover .main-dropdown {
	display: block;
	position: absolute;
	top: 38px;
	left: 0;
	width: 240px;
	padding: 10px;
	background: #151515;
}
.site-header .header-nav .nav-main li:hover .main-dropdown li {
	display: block;
	border-top: 1px solid rgba(255, 255, 255, .1);
}
.site-header .header-nav .nav-main li:hover .main-dropdown li:first-child {
	border-top: none;
}
.site-header .header-nav .nav-main li:hover .main-dropdown li a {
	display: block;
	height: auto;
	padding: 15px 5px;
	color: #999;
	border-radius: 0;
}
.site-header .header-nav .nav-main li:hover .main-dropdown li a:hover {
	padding-left: 15px;
	color: #fff;
	background: rgba(255, 255, 255, .1);
}

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

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


/* 03: Structure
========================================================================================================== */
/* ----- page header ----- */
.page-header {
	position: relative;
	padding: 30px 0;
	margin: 0;
	background: #333;
	border: none;
}
.page-header .header-label {
	color: #036;
}
.page-header .header-label > i {
	margin-right: 3px;
}
.page-header h1 {
	font-weight: 700;
	padding: 0;
	color: #fff;
	border: none;
}
.page-header h1 > i {
	margin: 3px 5px 0 0;
	color: #690;
	vertical-align: top;
}
.page-header .headline {
	font-size: 1.5em;
	line-height: 1.2;
	color: #fff;
}

.page-header #breadcrumbs {
	padding: 0 0 15px;
	color: rgba(255, 255, 255, .5);
	border-bottom: 1px solid rgba(255, 255, 255, .25);
}
.page-header #breadcrumbs a {
	color: #9c0;
}
.page-header #breadcrumbs a:hover {
	color: #fff;
}

/* page header content */
.page-header .header-content {
	position: relative;
	padding-right: 50px;
}
.page-header .header-content .content-thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
}
.page-header .header-content .meta {
	font-size: 1em;
}
.page-header .header-content .meta-tag:hover {
	background: #fff;
	color: #000000; /* was #333 */
}

/* page header cta */
.page-header .header-cta {
	padding: 30px;
	background: rgba(0, 0, 0, .5);
}
.page-header .header-cta label {
	font-weight: 300;
	margin: 0 0 10px;
}
.page-header .header-cta .cta-label {
	font-weight: 700;
	color: #9c0;
}
.page-header .header-cta p {
	color: rgba(255, 255, 255, .75);
}

/* page header nav */
.page-header .header-nav {
	display: inline-block;
	list-style: none;
	font-family: 'Montserrat';
	font-weight: 300;
	margin: 0;
}
.page-header .header-nav li {
	float: left;
	margin: 0;
	border-left: 2px solid rgba(255, 255, 255, .25);
}
.page-header .header-nav li:first-child {
	border-left: none;
}
.page-header .header-nav li a {
	position: relative;
	display: inline-block;
	padding: 10px 30px 10px 50px;
	color: #fff;
	text-decoration: none;
}
.page-header .header-nav li a:hover {
	background: #fff;
	color: #6cb25b;
}
.page-header .header-nav li a .nav-icon {
	position: absolute;
	top: 10px;
	left: 20px;
	font-size: 1.4em;
	line-height: 1;
	opacity: .5;
}
.page-header .header-nav li a .nav-label {
	font-weight: 700;
}

/* header utility */
.page-header .header-utility {
	position: absolute;
	top: 30px;
	right: 30px;
}
.page-header .header-utility .utility-badge {
	width: 100px;
}

/* header search */
.page-header .search-container {
	padding: 15px;
	background: rgba(255, 255, 255, .25);
	margin: 0 0 20px;
}
.page-header .search-container .search-input {
	padding: 15px 100px 15px 15px;
	background: #fff;
}
.page-header .search-container .search-button {
	padding: 32px 30px 32px 0;
}
.page-header .search-container .search-button:hover {
	color: #000;
}
/* header ads */
.page-header .feature-ad {
	float: right;
	/*width: 300px;*/
	max-width: 100%;
	padding: 15px;
	margin: 0;
	border-color: rgba(255, 255, 255, .25);
}

/* header quick find */
.page-header .quick-find {
	border-color: #fff;
}

/* hero headers */
.page-header.header-hero .hero-content {
	padding: 50px;
	background: rgba(0, 0, 0, .6);
}
.page-header.header-hero .hero-content #breadcrumbs span {
	color: rgba(255, 255, 255, .5);
}
.page-header.header-hero .hero-content #breadcrumbs a:hover {
	color: #fff;
}
.page-header.header-hero .header-label {
	color: #3bc4db;
}
.page-header.header-hero .header-label a {
	color: #3bc4db;	
}
.page-header.header-hero .header-label a:hover {
	color: #fff;
}
.page-header.header-hero .header-label i {
	margin-right: 5px;
}
.page-header.header-hero h1,
.page-header.header-hero p {
	color: #fff;
}
.page-header.header-hero p {
	margin: 15px 0 0;
}
.page-header.header-hero .container {
	width: auto;
}
.page-header.header-hero .headline {
	padding: 15px 0 0;
	margin: 15px 0 0; 
	border-top: 1px solid rgba(255, 255, 255, .25);
}
.page-header.header-hero .rating {
	margin: 15px 0 0;
	color: #fff;
}

.page-header.header-hero.header-light {
	background-color: #eee;
}
.page-header.header-hero.header-light .hero-content {
	background: none;
}
.page-header.header-hero.header-light h1,
.page-header.header-hero.header-light p {
	color: #333;
}
.page-header.header-hero.header-light .headline {
	border-top-color: rgba(0, 0, 0, .15);
}
/* header backgrounds */
.page-header.header-dashboard {
	background: url("images/home-hero-bg.jpg") center center no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.page-header.header-membership {
	padding: 50px 0;
	background: url("images/page-header-membership.jpg") center center no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.page-header.header-advertise {
	padding: 50px 0;
	background: url("images/page-header-advertise.jpg") center center no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.page-header.header-learning-center {
	background: url("images/page-header-learning-center.jpg") center center no-repeat #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: cover;
}
.page-header.header-business-directory {
	background: url("images/page-header-business-directory.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: 30px 0;
}
.page-section.section-dark {
	background: #151515;
}
.page-section.section-dark h2,
.page-section.section-dark h3 {
	color: #fff;
}
.page-section.section-dark hr {
	border-top: 2px solid rgba(255, 255, 255, .1);
}

.page-section .section-label {
	display: inline-block;
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px solid;
}
.page-section.section-full {
	padding: 50px 0;
}

/* section colors */
.page-section.section-white {
	background: #fff;
}
.page-section.section-light {
	background: #eee;
}
.page-section.section-green {
	background: #690;
}
.page-section.section-green-dark {
	background: #360;
}
.page-section.section-grey-dark {
	background: #333;
}

/* image sections */
.page-section.section-cta {
	padding: 50px 0;
	background: url(images/grid-pattern.png) #f3f3f3;
}
.page-section.section-cta .cta-label {
	margin: 50px 0 10px;
}
.page-section.section-cta blockquote {
	background: none;
	font-size: 1.4em;
	font-style: normal;
	font-weight: 300;
}
.page-section.section-cta cite {
	font-style: normal;
	color: rgba(255, 255, 255, .5);
}
.page-section.section-cta.section-slim {
	padding: 30px 0 15px;
}

/* hero sections */
.page-section.section-hero {
	padding: 100px;
	background: #151515;
}
.page-section.section-home-metrics {
	padding: 30px 0 0; 
}

/* section backgrounds */
.page-section.section-auth {
	padding: 50px 0;
	background: url("images/section-bg-auth.jpg") bottom center no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.page-section.section-features {
	padding: 70px 0;
	background: url("images/section-bg-auth.jpg") bottom center no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.page-section.section-learning-center {
	padding: 50px 0;
	background: url("images/page-header-learning-center.jpg") center center no-repeat #151515;
	-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-hero.jpg") bottom center no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.page-section.section-timeline {
	background: url("images/section-bg-auth.jpg") bottom center no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

/* section patterns */
.page-section.section-gridlines {
	background: url(images/grid-pattern.png) #f3f3f3;
}
.page-section.section-gridlines-dark {
	background: url(images/grid-pattern-dark.png) #333;
}
.page-section.section-polygon {
	background: url(images/pattern-polygon-green.jpg);
}



/* ---------- content ---------- */
.post-area,
.post-content {
	padding: 30px;
    background: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, .25);
}

/* ----- content sections ----- */
.content-section {
	padding: 30px 0;
}
.content-section.section-cta {
	padding: 50px;
	background: #2C3648;
}
.content-section.section-cta a:hover {
	color: #fff;
}
.content-section.section-cta.cta-membership {
	background: url("images/section-bg-colored-gems.jpg") center center no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

/* ----- section list ----- */
.section-list {
	list-style: none;
	margin: 0;
}
.section-list li {
	padding: 20px 0;
	margin: 0 0 20px;
	border-top: 1px solid #333;
}
.section-list li h2 {
	font-size: 2em;
	font-weight: 700;
}

/* ---------- sidebar ---------- */
.sidebar {
	margin: 0 0 30px;
}
.sidebar .btn.btn-block {
	padding: 15px 0;
	font-size: .9em;
}

/* ---------- ads ---------- */
.ad-container {
	margin: 0 0 20px;
}
.ad-container img {
	margin: 0 auto;
}

.ad-leaderboard {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.adframe300x250 {
	border: 1px solid black;
	width: 320px;
	max-width: 100%;
	height: 280px;
	padding: 10px;
	margin: 0 0 20px;
}
.adframe300x250 img {
	margin: 0 auto;
}
.adframe300x250label {
	display: block;
	position: relative;
	background: #fff;
	font-size: .7em;
	width: 60%;
	padding: 0 10px;
	margin: -17px auto 10px;
	font-family: Arial,sans-serif;
	text-align: center;
	color: black;
}
.adframe300x250diamond {
	display: inline-block;
	height: 10px;
}


/* 04: Components
========================================================================================================== */
/* ---------- 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-16 {
	width: 16.66%;
}
.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-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: -2%;
}
.rsp-grid.grid-spaced .grid-container {
	margin: 0 0 2% 2%;
}
.rsp-grid.grid-spaced .grid-container.container-16 {
	width: 14.66%;
}
.rsp-grid.grid-spaced .grid-container.container-20 {
	width: 18%;
}
.rsp-grid.grid-spaced .grid-container.container-25 {
	width: 23%;
}
.rsp-grid.grid-spaced .grid-container.container-33 {
	width: 31.33%;
}
.rsp-grid.grid-spaced .grid-container.container-50 {
	width: 48%;
}
.rsp-grid.grid-spaced .grid-container.container-66 {
	width: 64.66%;
}
.rsp-grid.grid-spaced .grid-container.container-75 {
	width: 73%;
}
.rsp-grid.grid-spaced .grid-container.container-80 {
	width: 78%;
}
/* pre-defined grid sizes */
.rsp-grid.grid-columns-5 .grid-container {
	width: 18%;
}
.rsp-grid.grid-columns-4 .grid-container {
	width: 23%;
}
.rsp-grid.grid-columns-3 .grid-container {
	width: 31.33%;
}
.rsp-grid.grid-columns-2 .grid-container {
	width: 48%;
}

/* grid links */
.grid-link {
	display: block;
	min-height: 160px;
	padding: 30px 15px 15px;
	border: 1px solid #ccc;
}
.grid-link:hover {
	background: #f5f5f5;
	border-color: #39B6CA;
}
.grid-link img {
	display: block;
	margin: 0 auto 10px;
}
.grid-link .link-title {
	display: block;
	text-align: center;
	color: #999;
}
/* ----- table grid ----- */
.table-grid {
	display: table;
	width: 100%;
}
.table-grid .grid-row {
	padding: 15px;
	margin: 0 0 20px;
	background: #fff;
	border: 2px solid #ddd;
}
.table-grid .grid-column {
	display: table-cell;
	width: 200px;
	padding-left: 15px;
	vertical-align: top;
}
.table-grid .grid-column:first-child {
	padding-left: 0;
}
.table-grid .grid-column.column-image {
	width: 150px;
}
.table-grid .grid-column.column-image img {
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.table-grid .grid-column.column-image img:hover {
	opacity: .7;
}
.table-grid .grid-column.column-desc {
	width: 800px;
}
.table-grid .grid-column.column-desc p {
	margin: 0;
}
.table-grid .grid-column.column-desc .grid-label {
	margin-left: 15px;
}
.table-grid .grid-column.column-desc .grid-label:first-child {
	margin-left: 0;
}
.table-grid .grid-column.column-actions {
	width: 250px;
}
.table-grid .grid-column.column-actions .btn {
	margin: 30px 0 0; 
}
.table-grid .grid-title {
	font-weight: 700;
	margin: 0 0 5px;
}
.table-grid .grid-desc,
.table-grid .headline {
	margin: 0;
}

/* grid containers */
.table-grid .grid-container {
    display: table-cell;
}
.table-grid .grid-container.container-20 {
    width: 20%;
}
.table-grid .grid-container.container-25 {
    width: 25%;
}
.table-grid .grid-container.container-33 {
    width: 33.33%;
}
.table-grid .grid-container.container-50 {
    width: 50%;
}
.table-grid .grid-container.container-66 {
    width: 66.66%;
}
.table-grid .grid-container.container-75 {
    width: 75%;
}
.table-grid .grid-container.container-80 {
    width: 80%;
}

/* author containers */
.container-author {
	padding: 30px;
	vertical-align: top;
}
.container-author .author-avatar {
	display: block;
	width: 100px;
	margin: 0 auto 10px;
	border-radius: 100px;
	transition: all 0.25s;
}
.container-author .author-avatar:hover {
	transform:scale(1.05);
}
.container-author .author-name {
	font-size: 1em;
	text-align: center;
}
.container-author .author-name a:hover {
	color: #fff;
}

/* logo containers */
.container-logo {
    padding: 30px;
    vertical-align: middle;
}

.container-logo img {
    max-height: 100px;
    -ms-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.6;
    transition: all 0.25s;
    margin: 0 auto;
}

.container-logo img:hover {
    filter: grayscale(0);
    opacity: 1;
    transform:scale(1.05);
}

/* ---------- Ads ---------- */
.feature-ad {
	position: relative;
	padding: 10px;
	margin: 0 0 15px;
	border: 1px solid #ddd;
}
.feature-ad .ad-label {
	position: absolute;
	top: -12px;
	left: 20px;
	padding: 1px 10px;
	background: #fff;
	font-size: .7em;
	z-index: 10;
}
.feature-ad .ad-label.label-right {
	left: auto;
	right: 20px;
}
.feature-ad img {
	display: block;
	width: 100%;
}
.feature-ad.ad-leaderboard {
	margin: 0 0 30px;
	width: 475px;
}

/* ---------- items ---------- */
.item {
	position: relative;
	padding: 20px 0;
	border-top: 1px solid #ddd;
}
.item.item-with-image {
	min-height: 140px;
	padding: 20px 0 20px 120px;
}
.item .item-image {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100px;
}
.item .item-image img {
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.item .item-image img:hover {
	opacity: .5;
}
.item .item-content {
	line-height: 1;
}
.item .item-title {
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 10px;
}
.item .item-label {
	font-size: .8em;
	color: #999;
	margin: 0 0 5px; 
}
.item p {
	margin: 0 0 10px;
}
.item p:last-child {
	margin: 0;
}
/* small items */
.item.item-small.item-with-image {
	min-height: 90px;
	padding: 20px 0 20px 70px;
}
.item.item-small .item-image {
	width: 55px;
}
.item.item-small .item-title {
	font-size: 1em;
}
/* item cards */
.item.item-card {
	padding: 15px 15px 15px 180px;
	background: #fff;
	border: 2px solid #ddd;
}
.item.item-card .item-image {
	left: 15px;
}

/* item list */
.item-list .item:first-child {
	min-height: 120px;
	padding-top: 0;
	border-top: none;
}
.item-list .item.item-with-image:first-child .item-image {
	top: 0;
}

/* ---------- List Items ---------- */
.list-item {
	position: relative;
	display: table;
	width: 100%;
	min-height: 130px;
	padding: 15px 0 15px 115px;
	border-top: 1px solid #ddd;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.list-item p {
	font-size: .85em;
}
.list-item .item-image {
	position: absolute;
	top: 15px;
	left: 0;
	width: 100px;
}
.list-item .item-image img {
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.list-item .item-image img:hover {
	opacity: .5;
}
.list-item .item-column {
	display: table-cell;
	min-width: 100px;
	padding-left: 10px;
	vertical-align: top;
}
.list-item .item-column.column-name {
	width: 50%;
	padding-left: 0;
	padding-right: 10px;
	border-left: none;
}
.list-item .item-column.column-product {
	width: 70%;
	padding-right: 20px;
}
.list-item .item-column.column-action {
	padding: 20px 0 0;
}
.list-item .item-column .column-label {
	display: block;
	font-size: .7em;
	font-weight: 700;
	text-transform: uppercase;
	color: #000000; /* was #333 */
	margin: 0 0 5px;
}
.list-item .item-column .column-title {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}
.list-item .item-column .column-title.title-large {
	font-size: 1.5em;
	margin: 0 0 10px;
}
.list-item .item-column .column-title a {
	display: block;
	color: #009bff;
}
.list-item .item-column .column-title a:hover {
	color: #000000; /* was #333 */
}
.list-item .item-column .column-value {
	font-size: 1.2em;
	font-weight: 300;
	padding: 0;
	margin: 0;
}
.list-item .item-column .column-value i {
	width: 20px;
	text-align: center;
	color: #afbf37;
	margin: 0 5px 0 0;
}
/* single items */
.list-item.item-single {
	padding-left: 0;
}
.list-item.item-single .item-column {
	width: 33%;
}
.list-item.item-single .item-column:first-child {
	padding-left: 0;
	border-left: 0;
}
.list-item.item-single .item-column .column-label {
	font-size: .85em;
}
.list-item.item-single .item-column .column-value {
	font-size: 2em;
}
.list-item.item-single .item-column .column-value i {
	width: 30px;
}

/* ---------- cards ---------- */
.card {
	position: relative;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
}
.card img {
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.card img:hover {
	opacity: .7;
}
/* card header */
.card-header {
	padding: 20px;
}
/* card content */
.card-content {
	padding: 20px;
}
.card-content p {
	font-size: .8em;
	margin: 0 0 10px;
}
.card-content p:last-child {
	margin: 0;
}
.card-content p.tags {
	font-size: .75em;
}
.card-content .meta {
	margin: 0 0 10px;
}
.card-content .content-title > a {
	display: block;
	color: #000000; /* was #333 */
}
.card-content .content-title > a:hover {
	color: #690;
	text-decoration: none;
}
.card-content .list-item {
	min-height: inherit;
	padding: 10px 0 0;
}
.card-content .list-item .item-column {
	width: 50px;
	min-width: inherit;
}
.card-content .list-item .item-column .column-label {
	display: none;
}
.card .card-title {
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 10px;
}
.card .card-title > a {
	color: #000000; /* was #333 */
}
.card .card-title > a:hover {
	color: #690;
}

.card-image {
	position: relative;
	background: #000;
	/*
	max-height: 170px;
	overflow: hidden;
	*/
}
.card-image > a {
	position: relative;
	display: block;
	/*
	max-height: 170px;
	*/
}
.card-image > a:after {
	content: "View";
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50%;
	height: 44px;
	padding: 10px;
	margin-left: -25%;
	font-weight: 700;
	letter-spacing: 0;
	text-align: center;
	background: #fff;
	color: #690;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.card-image:hover > a:after {
	opacity: 1.0;
	margin-top: -22px;
}
.card-image img {
	width: 100%;
}
.card-image:hover img {
	opacity: .5;
}
.card-image .image-tags {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	background: linear-gradient(transparent, rgba(0, 0, 0, .7));
	z-index: 10;
}
.card-image .image-tags .image-tag {
	display: inline-block;
	color: #fff;
}
/* compact cards */
.card.card-compact {
	position: relative;
	min-height: 130px;
	padding: 0 200px 0 115px;
	margin: 0 0 15px;
}
.card.card-compact .card-image {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 100px;
}
.card.card-compact .card-content {
	padding: 15px;
}
.card.card-compact .card-title {
	font-size: 1em;
	padding: 0;
	margin: 0 0 5px;
	border: none;
}
.card.card-compact .card-link {
	font-size: .75em;
}
.card.card-compact .card-actions {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 175px;
	text-align: right;
}
.card.card-compact .card-actions .btn {
	padding: 10px 15px;
	margin: 0 0 5px 5px;
}
/* display cards */
.card.card-display {
	padding: 50px;
}
/* product cards */
.card.card-product .card-header {
	position: relative;
	padding: 30px 30px 30px 80px;
}
.card.card-product .card-header .card-icon {
	position: absolute;
	top: 30px;
	left: 30px;
	font-size: 2em;
	line-height: 1;
	color: #fff;
}
.card.card-product .card-header .card-title {
	color: #fff;
	margin: 0;
}
.card.card-product .card-content {
	padding: 30px;
}
.card.card-product .card-pricing {
	padding: 30px;
	background: #f5f5f5;
}
.card.card-silver .card-header {
	background: #999;
}
.card.card-gold .card-header {
	background: #dbb636;
}
.card.card-platinum .card-header {
	background: #333;
}
.card.card-custom .card-header {
	background: #563c86;
}
/* small product cards */
.card.card-product.card-small .card-header,
.card.card-product.card-small .card-content,
.card.card-product.card-small .card-pricing {
	padding: 20px;
}
.card.card-product.card-small .card-header .card-title {
	font-size: 1.2em;
}
.card.card-product.card-small .card-pricing .table-price {
	font-size: .85em;
}
.card.card-product.card-small .card-pricing .table-price tbody th {
	width: 80px;
}
/* stacked cards */
.card.card-stacked {
	height: 170px;
	margin: 0 0 20px;
}
.card.card-stacked .card-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 170px;
	overflow: hidden;
}
.card.card-stacked .card-content {
	margin-left: 200px;
}
.card.card-stacked .card-content .list-item .item-column {
	display: inline-block;
	width: 100px;
}
/* main cards */
.card.card-main .card-content {
	min-height: 200px;
	padding: 30px;
}
.card.card-main .card-content .card-title {
	font-size: 1.4em;
}
.card.card-main .card-content .card-title a {
	color: #000;
}
.card.card-main .card-content .card-title a:hover {
	color: #690;
}
.card.card-main .card-content p {
	font-size: 1em;
}

/* ---------- users ---------- */
.user {
	position: relative;
	min-height: 80px;
	padding-left: 100px;
	margin: 0 0 20px;
}
.user .user-avatar {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
}
.user .user-avatar img {
	border-radius: 100px;
}
.user .user-label {
	font-size: .8em;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #999;
}
.user .user-title {
	display: block;
	margin: 0 0 5px;
}
.user .user-title a {
	color: #000000; /* was #333 */
}
.user .user-title a:hover {
	color: #05a2e4;
}
.user .user-status {
	display: block;
	font-size: .85em;
	font-weight: 400;
}
.user .user-desc,
.user p {
	display: block;
	font-size: .8em;
	font-weight: 300;
	margin: 0;
}
.user.user-program {
	margin-left: 60px;
}

.user.user-large {
	margin: 0 0 30px;
}
.user.user-large .user-desc {
	font-size: 1em;
}

/* ---------- ratings ---------- */
.rating {
	display: inline-block;
	margin: 0 0 10px;
}
.rating i {
	color: #3bc4db;
}
.rating .rating-score {
	display: inline-block;
}
.rating-desc {
	font-weight: 700;
	margin: 0 0 5px;	
}
.rating .rating-label {
	display: inline-block;
	font-size: .85em;
	margin-left: 5px;
}
.rating .rating-source {
	display: block;
	font-size: .85em;
	font-weight: 300;
	text-transform: uppercase;
}
.rating.rating-block {
	display: block;
	margin: 0 0 20px;
}

/* ---------- tags ---------- */
.tags {
	list-style: none;
	font-size: .75em;
}
.tags li {
	display: inline-block;
}
.tags a,
.tags span {
	display: inline-block;
	padding: 3px 10px;
	margin: 0 4px 5px 0;
	background: #eee;
	color: #000000; /* was #666 */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.tags a:hover {
	color: #39B6CA;
	text-decoration: none;
}
.tags a i {
	margin-right: 5px;
	opacity: .5;
}

/* ----- Timeline ----- */
.timeline {
	position: relative;
	padding: 100px;
	overflow: auto;
	background: url(images/timeline-background-stripe.png) top center repeat-y;
}
.timeline .timeline-intro {
	position: absolute;
	top: 0;
	left: 0;
	width: 40%;
}
.timeline .timeline-intro .intro-content h2,
.timeline .timeline-intro .intro-content h3,
.timeline .timeline-intro .intro-content h4,
.timeline .timeline-intro .intro-content h5,
.timeline .timeline-intro .intro-content h6,
.timeline .timeline-intro .intro-content p,
.timeline .timeline-intro .intro-content ul {
	color: #fff;
}
.timeline .timeline-intro .intro-content a {
	color: #9c0;
}
.timeline .timeline-intro .intro-content a:hover {
	color: #fff;
}
.timeline .timeline-event {
	position: relative;
	overflow: auto;
	margin-top: -50px;
}
.timeline .timeline-event .event-connector {
	position: absolute;
	top: 0;
	left: 50%;
	width: 36%;
	margin-left: -18%;
	z-index: 5;
}
.timeline .timeline-event .event-connector .connector-line {
	float: left;
	width: 50%;
	height: 1px;
	margin: 30px 0 0;
	background: #fff;
}
.timeline .timeline-event .event-connector .connector-dot {
	position: absolute;
	top: 15px;
	left: 50%;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	background: #690;
	border-radius: 100px;
	z-index: 10;
}
.timeline .timeline-event .card {
	float: left;
	width: 35%;
}
.timeline .timeline-event .card p {
	font-size: 1em;
	line-height: 1.6;
}
.timeline .timeline-event:nth-child(even) .card {
	float: right;
}
.timeline .timeline-event:nth-child(even) .event-connector .connector-line {
	float: right;
}

/* ---------- CTA containers ---------- */
.cta-container {
	position: relative;
}
.cta-container .container-content {
	padding: 50px;
	background: rgba(0, 0, 0, .6);
}
/* slim containers */
.cta-container.container-slim {
	min-height: 70px;
	padding: 15px 240px 15px 70px;
	margin: 0 0 10px;
	background: #E8F1F3;
}
.cta-container.container-slim .cta-icon {
	position: absolute;
	top: 15px;
	left: 15px;
}
.cta-container.container-slim p {
	font-size: .85em;
	margin: 0;
}
.cta-container.container-slim .cta-action {
	position: absolute;
	top: 15px;
	right: 15px;
}

/* ---------- metrics ---------- */
.metric {
	position: relative;
	padding: 0 0 0 90px;
	margin: 0 0 15px;
}
.metric .metric-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	font-size: 3em;
	line-height: 1;
	text-align: center;
	color: rgba(0, 0, 0, .25);
}
.metric .metric-label {
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 5px;
}
.metric .metric-value {
	display: block;
	font-size: 2em;
	font-weight: 300;
	line-height: 1.2;
	margin: 0;
}
.metric .metric-sub-value {
	display: block;
	font-size: 1.2em;
	font-weight: 300;
	margin: 0;
}
.metric .metric-value.value-small {
	font-size: 1.2em;
}
.metric .metric-value.value-block {
	display: block;
	margin: 15px 0 0;
}
/* no icons */
.metric.metric-no-icon {
	padding: 20px;
}
/* small metrics */
.metric.metric-small {
	padding-left: 75px;
}
.metric.metric-small .metric-icon {
	width: 60px;
	font-size: 2.5em;
}
.metric.metric-small .metric-label {
	font-size: .85em;
}
/* micro metrics */
.metric.metric-micro {
	padding-left: 50px;
}
.metric.metric-micro .metric-icon {
	width: 40px;
	font-size: 1.5em;
}
.metric.metric-micro .metric-value {
	font-size: 1.5em;
}
.metric.metric-micro .metric-label {
	font-size: .75em;
}
/* stacked metrics */
.metric.metric-stacked {
	padding: 15px 15px 15px 80px;
	margin: 0;
	border-top: 1px solid #ddd;
}
.metric.metric-stacked .metric-icon {
	top: 15px;
}
.metric.metric-no-icon.metric-stacked {
	padding: 15px 0;
	margin: 0;
}
.metric.metric-stacked.metric-small {
	padding: 15px 15px 15px 70px;
}

/* ---------- hero ---------- */
.hero {
	padding: 50px;
	min-height: 300px;
	background: #f3f3f3;
}
.hero h1 {
	font-weight: 700;
	margin: 0 0 30px;
}
.hero h1 span {
	display: block;
	font-size: .65em;
	font-weight: 300;
	letter-spacing: 2px;
	text-transform: uppercase;
}

/* hero cta */
.hero .hero-cta {
	padding: 40px;
	margin: 0 0 30px;
	background: rgba(0, 0, 0, .5);
}
.hero .hero-cta.cta-light {
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}
.hero .hero-cta .btn {
	display: block;
	width: 100%;
	padding: 15px 0;
	margin: 0 0 10px;
}

/* hero overlay */
.hero .hero-overlay {
	padding: 50px 0;
	margin: 50px 0 0;
	background: rgba(0, 0, 0, .25);
}

.hero.hero-homepage {
	padding: 50px 0 0;
	background: url("images/grid-pattern.png");
}
.hero.hero-homepage .metric-value {
	color: #000;
}
.hero.hero-homepage .metric-label {
	color: #999;
}

/* ---------- features ---------- */
.feature {
	position: relative;
	min-height: 80px;
	padding: 0 0 0 80px;
	margin: 0 0 20px;
}
.feature .feature-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 75px;
	text-align: center;
}
.feature .feature-icon i {
	display: block;
	font-size: 3em;
}
.feature .feature-title {
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 10px;
}
.feature p:last-child {
	margin: 0;
}
/* small features */
.feature.feature-small {
	min-height: inherit;
	padding-left: 65px;
	margin: 0;
}
.feature.feature-small .feature-icon {
	width: 50px;
}
.feature.feature-small .feature-icon i {
	font-size: 2em;
}
/* cta features */
.feature.feature-cta {
	padding: 30px 30px 30px 90px;
	margin: 0;
	background: #f9f9f9;
	border: 1px solid #ccc;
	border-left: 4px solid #690;
}
.feature.feature-cta .feature-icon {
	top: 30px;
	left: 20px;
	width: 60px;
}
.feature.feature-cta .feature-icon i {
	font-size: 3em;
}
/* feature links */
.feature.feature-link {
	display: block;
	padding: 30px;
	border: 2px solid #ddd;
	border-radius: 5px;
}
.feature.feature-link:hover {
	border-color: #39B6CA;
}
.feature.feature-link > img,
.feature.feature-link .feature-icon {
	display: block;
	text-align: center;
	margin: 0 auto 15px;
}
.feature.feature-link .feature-title,
.feature.feature-link .feature-desc {
	text-align: center;
}
.feature.feature-link .feature-desc {
	color: #000; /* was #888 */
}

/* ---------- Status steps ---------- */
.status-steps {
	position: relative;
	display: table;
	width: 100%;
}
.status-steps:before {
	content: "";
	position: absolute;
	top: 23px;
	width: 98%;
	height: 2px;
	margin-left: 1%;
	background: #000000; /* was #666 */
}
.status-steps .step {
	position: relative;
	display: table-cell;
}
.status-steps .step label {
	position: relative;
	display: inline-block;
	padding: 10px 15px 10px 60px;
	background: #333;
	color: #999;
}
.status-steps .step label .step-number {
	position: absolute;
	top: 4px;
	left: 15px;
	padding: 5px 0;
	width: 32px;
	font-size: .85em;
	text-align: center;
	border: 2px solid;
	border-radius: 30px;
}
.status-steps .step.active label {
	color: #fff;
}
.status-steps .step.active label .step-number {
	background: #fff;
	color: #151515;
}
.status-steps .step.step-centered {
	text-align: center;
}
.status-steps .step.step-right {
	text-align: right;
}
.status-steps.steps-3 .step {
	width: 33.33%;
}

/* ---------- Screenshots ---------- */
.screenshot-browser {
	position: relative;
	margin: 0 0 20px;
    padding: 36px 0 0 ;
    background: #eee;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}
.screenshot-browser .browser-controls {
    position: absolute;
    top: 5px;
    left: 15px;
}
.screenshot-browser .browser-controls .control {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 3px 0 0;
    background: #999;
    border-radius: 10px;
}
.screenshot-browser .browser-controls .control.control-red {
    background: #fc605b;
}
.screenshot-browser .browser-controls .control.control-green {
    background: #fdbc40;
}
.screenshot-browser .browser-controls .control.control-yellow {
    background: #33c748;
}
.screenshot-browser .browser-image {
	display: block;
}
.screenshot-browser .screenshot-bubble {
	position: absolute;
	width: 250px;
	z-index: 10;
}
.screenshot-browser .screenshot-bubble.bubble-right {
	top: 20%;
	right: -100px;
}

/* -------------------- Sign Up -------------------- */


/* ---------- checkout ---------- */
/* hide header/footer elements on checkout */
.page-template-page-checkout .site-top,
.page-template-page-checkout .nav-top,
.page-template-page-checkout .site-header .nav-main,
.page-template-page-checkout .site-header .header-mobile-navicon,
.page-template-page-checkout .site-footer .footer-columns,
.page-template-page-checkout .site-footer hr {
	display: none;
}
/* center logo for checkout */
.page-template-page-checkout .site-header .header-brand {
	position: relative;
	left: inherit;
	display: block;
	margin: 0 auto;
}
.page-template-page-checkout .site-footer {
	padding: 30px 0;
	background: none; 
}
.page-template-page-checkout .site-footer p {
	text-align: center;
}

/* ---------- Checkout ---------- */
.checkout-container {
	width: 960px;
	padding: 30px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
}

/* 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 0 10px;
}
/* add back margin to specific p's */
.checkout-container.container-columns .mm-productDesc,
.checkout-container.container-columns .checkout-terms {
	margin: 0 0 10px;
}
.checkout-column {
	display: table-cell;
	padding: 50px;
	vertical-align: top;
}
.checkout-column.column-product {
	width: 40%;
	background: #f5f5f5;
}
.checkout-column.column-product .mm-checkoutSection {
	float: none;
	width: auto;
	padding: 0;
}
.checkout-column.column-product .mm-checkoutSection .igs-icon {
	display: block;
	width: 100px;
	margin: 0 0 15px;
}
.checkout-column.column-product .mm-checkoutSection .jumbo-icon {
	color: #da2366;
	margin: 0 0 20px;
}
.checkout-column.column-product .mm-checkoutSection .pricing-title {
	font-size: 1.6em;
	font-weight: 700;
}
.checkout-column.column-product .mm-checkoutSection .mm-productDesc {
	font-family: 'Montserrat';
	font-style: normal;
	color: #000000; /* was #333 */
	margin: 0 0 20px;
}
.checkout-column.column-product .mm-checkoutSection a:hover {
	color: #fff;
}
.checkout-column.column-product .mm-checkoutSection ul {
	float: none;
	list-style: none;
	font-size: .9em;
	font-weight: 300;
	color: #000000; /* was #333 */
	margin: 0 0 20px;
	border-bottom: 1px solid rgba(0, 0, 0, .15);
}
.checkout-column.column-product .mm-checkoutSection ul li {
	padding: 15px 0;
	margin: 0;
	border-top: 1px solid rgba(0, 0, 0, .15);
}
.checkout-column.column-product .mm-checkoutSection ul li .mm-prices {
	display: inline-block;
	width: 130px;
	font-weight: 700;
}
.checkout-column.column-product .mm-checkoutSection ul li .mm-data {
	float: none;
	display: inline-block;
	margin: 0;
}
.checkout-column.column-payment {
	width: 60%;
}
.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;
	border: none;
	border-radius: 0;
}
.checkout-column.column-payment .mm-checkoutInfoBlock h3 {
	font-size: 1em;
	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;
	text-align: center;
}
.checkout-column.column-payment .mm-paymentbuttons .mm-button i {
	margin-right: 5px;
}

p.checkout-terms {
	font-size: .75em;
	color: #aaa;
	margin: 0 0 10px;
}
p.checkout-terms a {
	color: #000000; /* was #333 */
}
p.checkout-security {
	position: relative;
	padding: 0 0 0 20px;
    color: #000000; /* was #333 */
}
p.checkout-security i {
	position: absolute;
	top: 4px;
	left: 0;
	font-size: 1.2em;
}

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

/* guarantee */
.guarantee {
	padding: 20px;
	border: 2px solid rgba(0, 0, 0, .15);
}
.guarantee i {
	font-size: 2em;
	color: #690;
	margin: 0 5px 0 0;
}
.guarantee .guarantee-title {
	font-size: 1.2em;
	font-weight: 700;
}
.guarantee p {
	color: #999;
}

.logged-in .mm-giftsection {
	display: none;
}

/* ---------- Dashboard ---------- */
.dashboard-columns {
	display: table;
	width: 100%;
}
.dashboard-columns .column {
	display: table-cell;
	width: 33.33%;
	padding: 0 20px;
	border-left: 1px solid #ccc;
}
.dashboard-columns .column:first-child {
	padding-left: 0;
	border-left: none;
}
.dashboard-columns .column:last-child {
	padding-right: 0;
}


/* -------------------- Posts -------------------- */
/* global */
.meta {
	font-size: .85em;
}
.meta .meta-label {
	position: relative;
	display: inline-block;
	margin: 0 10px 5px 0;
	color: #999;
	line-height: 1.2;
	text-transform: capitalize;
}
.meta .meta-label a {
	color: #000000; /* was #333 */
}
.meta .meta-label a:hover {
	color: #05a2e4;
}
.meta .meta-label i {
	width: 16px;
	margin-right: 3px;
	text-align: center;
}
.meta .meta-label.label-category {
	font-weight: 700;
}
.meta .meta-label.label-date {
	color: #999;
	font-weight: 400;
}
.meta .meta-label.meta-block {
	display: block;
}
.meta .meta-spacer {
	margin: 0 7px;
	color: #ccc;
}
.meta .meta-tag {
	padding: 5px 15px;
	background: #eee;
	color: #000000; /* was #333 */
	border-radius: 3px;
}
.meta .meta-tag:hover {
	background: #333;
	color: #fff;
}
/* large metas */
.meta.meta-large {
	font-size: 1em;
	margin: 10px 0;
}
.meta.meta-large .meta-label {
	padding-left: 24px;
}
.meta.meta-large .meta-label i {
	top: 2px;
}

/* ---------- Post header ---------- */
.post-header {
	position: relative;
	padding-left: 170px;
}
.post-header .header-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
}
.post-header .header-title {
	padding: 0;
	margin: 0 0 10px;
}
.post-header p {
	padding: 0;
	margin: 0 0 10px;
}
/* header with utility */
.post-header.header-with-utility {
	padding-right: 135px;
}
.post-header.header-with-utility .header-utility {
	position: absolute;
	top: 0;
	right: 15px;
	width: 100px;
}
.post-header .list-item {
	min-height: inherit;
	padding: 15px 0 0;
}
.post-title {
	font-size: 2.5em;
}

/* hero headers */
.post-header.header-hero {
	position: relative;
	max-height: 250px;
	padding: 0;
	background: #000;
	overflow: hidden;
}
.post-header.header-hero > img {
	display: block;
	width: 100%;
	opacity: .5;
}
.post-header.header-hero .header-tag {
	position: absolute;
	top: 30px;
	left: 0;
	padding: 10px 30px;
	font-size: .85em;
	font-weight: 700;
	background: #fff;
	color: #333;
	z-index: 5;
}
.post-header.header-hero .header-tag.tag-premium {
	color: #fff;
	background: #7934bf;
	background: -moz-linear-gradient(-45deg, #7934bf 0%, #003366 100%);
	background: -webkit-linear-gradient(-45deg, #7934bf 0%,#003366 100%);
	background: linear-gradient(135deg, #7934bf 0%,#003366 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7934bf', endColorstr='#003366',GradientType=1 );
}
.post-header.header-hero .header-overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 30px 30px 20px;
	z-index: 100;
}
.post-header.header-hero h1 {
	line-height: 1.2;
	color: #fff;
	margin: 0 0 10px;
}
.post-header.header-hero .header-overlay .overlay-content {
	position: relative;
	min-height: 90px;
	padding: 0 0 0 120px;
}
.post-header.header-hero .header-overlay .overlay-content .profile-photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
}
.post-header.header-hero .header-overlay .overlay-content .profile-photo img {
	border-radius: 100px;
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 1.0);
}
.post-header.header-hero .header-overlay .overlay-content .profile-links {
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
}
.post-header.header-hero .header-overlay .overlay-content .social-nav {
	margin: 10px 0 0;
}
.post-header.header-hero .header-overlay .overlay-content .social-nav li a {
	color: #fff;
}
.post-header.header-hero .header-overlay .overlay-content .social-nav li a:hover {
	background: #fff;
	color: #333;
	border-color: #fff;
}

/* ----- post content ----- */
.post-body {
	min-height: 600px;
}
.post-body h1 {
	font-size: 2.4em;
	letter-spacing: -1px;
}
.post-body img {
	margin: 0 0 20px;
}

.post-image {
	max-height: 400px;
	margin: 0 0 20px;
	overflow: hidden;
}
.post-body .post-image img {
	width: 100%;
}

/* ---------- Posts list ---------- */
.posts-list ul {
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
}
.posts-list ul li {
	position: relative;
	list-style: none;
	min-height: 140px;
	padding: 20px 0 20px 120px;
	margin: 0;
	border-top: 1px solid #ccc;
}
.posts-list ul li > a {
	display: block;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.posts-list ul li > a > img {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.posts-list ul li > a .post-icon {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100px;
	padding: 25px 0;
	font-size: 2em;
	text-align: center;
	color: #000000; /* was #333 */;
	border: 2px solid #ccc;
	border-radius: 10px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.posts-list ul li > a > h5 {
	padding: 0;
	margin: 0;
	color: #009bff;
}
.posts-list ul li > a > p {
	padding: 0;
	margin: 0;
	font-size: .85em;
	color: #000; /* was #888 */
}
.posts-list ul li > a > label {
	font-size: .8em;
	text-transform: uppercase;
	margin: 0 5px 0 0;
}
.posts-list ul li > a > label i {
	margin-right: 2px;
}
.posts-list ul li > a > label.post-date {
	color: #aaa;
}
.posts-list ul li > a:hover  > img {
	opacity: .5;
}
.posts-list ul li > a:hover .post-icon {
	background: #333;
	color: #fff;
	border-color: #333;
}
.posts-list ul li > a:hover > h5 {
	color: #000000; /* was #333 */
}

/* ---------- post misc ---------- */
/* captions */
.wp-caption {
	max-width: 100%;
	padding: 10px;
	margin: 0 0 20px;
	background: #f5f5f5;
	border: 1px solid #eee;
}
.wp-caption-text {
	padding: 10px 0 0;
	margin: 0;
	font-size: .85em;
}

.post-attribution {
	font-size: .85em;
	font-weight: 700;
	color: #000000; /* was #333 */
}

.article-copyright {
	padding: 20px;
	margin: 0 0 20px;
	background: #f5f5f5;
	font-size: .85em;
}
.article-copyright > div {
	margin: 0 0 10px;
	text-align: center;
}
.article-copyright > div img {
	text-align: center !important;
	display: inline;
}
.article-copyright > div:last-child {
	margin: 0;
}
.author-avatar {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}
.printfriendly {
	display: none !important;
	float: none !important;
	display: block;
	margin: 0 0 20px;
}
.post-author {
	position: relative;
	padding: 5px 0 0 35px;
	margin: 0 0 20px;
}
.post-author p:last-child {
	margin: 0;
}
.post-author .author-avatar {
	position: absolute;
	top: 2px;
	left: 0;
	margin: 0;
}

/* ----- post taxonomy ----- */
.post-taxonomy {
	margin: 0 0 20px;
	font-size: .85em;
}

/* ----- post navigation ----- */
.post-nav {
	padding: 20px;
	margin: 0 0 15px;
	background: #fff;
	border: 2px solid #ddd;
	overflow: auto;
}
.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-weight: 400;
	text-transform: uppercase;
	color: #999;
}
.post-nav .nav-previous:before {
	content: "Previous";
}
.post-nav .nav-next:before {
	content: "Next";
}
.post-nav a {
	display: block;
	position: relative;
	font-size: 1.2em;
	font-weight: 400;
}
.post-nav .nav-previous a {
	padding: 10px 10px 10px 40px;
}
.post-nav .nav-previous a:before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: FontAwesome;
	font-size: 1.8em;
	content: "\f137";
}
.post-nav .nav-next a {
	padding: 10px 42px 10px 10px;
	text-align: right;
}
.post-nav .nav-next a:before {
	position: absolute;
	top: 0;
	right: 0;
	font-family: FontAwesome;
	font-size: 2em;
	content: "\f138";
}

/* ---------- widgets ---------- */
.widget {
	padding: 33px 0 20px;
	background: url(images/diagonal-stripes-13-grey.png) top left repeat-x;
}
.widget .widget-title {
	position: relative;
	padding-right: 30px;
	font-size: 1em;
	font-weight: 100;
	letter-spacing: 2px;
	line-height: 1.6;
	text-transform: uppercase;
}
.widget .widget-title i {
	margin-right: 5px; 
}
.widget .widget-title h3 {
	font-size: 1em;
}
.widget .widget-title a {
	color: #000000; /* was #333 */
}
.widget .widget-title a:hover {
	color: #39B6CA;
}
.widget .widget-title .rsswidget img {
	position: absolute;
	top: 10px;
	right: 10px;
}
.widget p {
	font-weight: 300;
}
.widget p:last-child {
	margin: 0;
}
.widget.widget-nav ul {
	list-style: none;
	font-size: .9em;
	font-weight: 300;
	margin: 0;
}
.widget.widget-nav ul li {
	margin: 0;
	border-top: 1px solid #ddd;
}
.widget.widget-nav ul li a {
	display: block;
	padding: 10px 0;
}
.widget.widget-nav ul li a:hover {
	padding-left: 10px;
	background: #fff;
}
.widget.widget-nav ul li a h5,
.widget.widget-nav ul li a h6 {
	color: inherit;
}

.widget table th,
.widget table td {
	padding: 7px;
	border-top: 1px solid #ccc;
}
.widget table tr td:last-child {
	font-weight: 400;
}
.widget table td a {
	color: #000;
}
.widget table td a:hover {
	color: #05a2e4;
}
/* widget forms */
.widget-form form input[type="submit"] {
	display: block;
	width: 100%;
	background: none;
	color: #39B6CA;
	border: 2px solid #39B6CA;
}
.widget-form form input[type="submit"]:hover {
	background: #39B6CA;
	color: #fff;
	border-color: #39B6CA;
}
.widget-form ul {
	list-style: none;
	margin: 0;
}
.widget-form ul li {
	position: relative;
	padding: 10px 0 10px 25px;
	margin: 0;
	border-top: 1px solid #ddd;
}
.widget-form ul li input {
	position: absolute;
	top: 10px;
	left: 0;
}
.widget-form .mc-field-group {
	margin: 0 0 20px;
}
/* user status widget */
.widget.widget-user-status {
	padding: 10px !important;
	background: #f5f5f5;
	font-size: .85em;
}

/* sponsor widgets */
.widget-sponsors {
	padding: 0;
	margin: 0 0 30px;
	background: none;
}

/* cta widgets */
.widget-cta {
	padding: 30px;
	margin: 0 0 30px;
	background: url(images/pattern-polygon-green.jpg);
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.widget-cta .widget-title {
	font-size: 1.2em;
	padding: 0 0 15px;
	margin: 0 0 15px;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, .25);
}
.widget-cta p {
	font-size: .85em;
	color: #fff;
}
.widget-cta a {
	color: #cf0;
}
.widget-cta a:hover {
	color: #fff;
}
.sidebar .widget-cta:first-child {
	margin: 30px 0;
}

/* membership widgets */
.widget.widget-membership {
	padding: 0;
	margin: 0 0 30px;
}
.widget.widget-membership {
	background:
			url('images/necklace-earings-final.png') 50% -20px no-repeat,
			url('images/grid-pattern.png') repeat;
	background-size: 200px, auto;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-top: 3px solid #B8CD48;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, .15);
}
.widget.widget-membership hr {
	border-color: #9c0;
}
.widget.widget-membership h4 {
	font-size: 1.2em;
}
.widget.widget-membership .widget-wrapper {
	padding: 175px 30px 30px;
	text-align: center;
	font-size: 16px;
}
.widget.widget-membership .widget-wrapper .button {
	margin-top: 15px;
}
.widget.widget-membership .metric {
	margin: 0;
	border-top-color: #9c0;
}
.widget.widget-membership .metric .metric-value {
	color: #000;
}
.widget.widget-membership .metric .metric-label {
	color: #690;
	margin: 0;
}

/* form widgets */
.widget.widget-form {
	padding: 30px;
	background: #fff;
	border: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .25)
}
.widget.widget-form input,
.widget.widget-form select {
	width: 100%;
}

/* user widgets */
.widget-user {
	padding: 30px;
	background: #f5f5f5;
}

/* ----- info box ----- */
.info-box {
	padding: 20px;
	margin: 0 0 20px;
	background: #f5f5f5;
	border: 1px solid #ddd;
}
.info-box b {
	display: block;
	margin: 10px 0; 
	color: #000000; /* was #333 */
}

/* ---------- Comments ---------- */
.comments-area {
	margin: 0 0 15px;
}
.comments-title {
	font-size: 1.2em;
	font-weight: 700;
}
.comment-list {
	list-style: none;
	margin: 0 0 20px;
}
.comment-list .children {
	list-style: none;
	margin: 0; 
}
.comment-list .comment {
	position: relative;
	padding: 15px 0 0 54px;
	border-top: 1px solid #ddd;
}
.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: #000000; /* was #333 */
	margin: 0 0 10px;
}
.comment-list .comment .comment-meta .fn {
	color: #6cb25b;
}
.comment-list > .comment .comment-meta a {
	color: #aaa;
}
.comment-list .comment .comment-content .wp-review-comment-rating {
	display: block;
	margin: 0 0 10px;
}
.comment-list .comment .comment-content .edit-link {
	position: absolute;
	top: 15px;
	right: 0;
	font-size: .8em;
}
.comment-list .comment .comment-content p {
	font-size: .85em;
}
.comments-container .comment-respond label {
	letter-spacing: -1px;
	color: #000000; /* was #333 */
}
/* comment respond */
.comment-respond {
	padding: 30px;
	border: 1px solid;
}
.comment-reply-title {
	font-size: 1.5em;
	font-weight: 700;
}
.comment-reply-login {
	display: none; /* don't show reply login links */
}

/* pingbacks */
.comment-list > .pingback {
	padding: 10px;
	background: #f5f5f5;
}
.comment-list > .pingback p {
	font-size: .85em;
	margin: 0;
}

/* use this for content previewing */
.content-preview-cover {
	position: relative;
	height: 200px;
	margin-top: -200px;
	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 );
}

/* ---------- Interactive (JS) ---------- */
.content-toggle-link {
	display: block;
	padding: 10px 0;
}
/*.js-wpv-view-layout {
	display: none;
}*/

/* 05: Footer
========================================================================================================== */
.site-footer {
	padding: 50px 0;
	background: #000;
}
.site-footer p {
	font-size: .8em;
	color: #757575;
}
.site-footer p a {
	color: #690;
}
.site-footer p a:hover {
	color: #fff;
}
.site-footer hr {
	border-top: 1px solid #333;
}
.site-footer .footer-brand {
	display: block;
	width: 200px;
	opacity: .5;
}
.site-footer .footer-title {
	font-size: 1em;
	font-weight: 100;
	letter-spacing: 0;
	text-transform: uppercase;
	padding: 0 0 15px;
	margin: 0 0 15px;
	color: #fff;
	border-bottom: 1px solid #333;
}
.footer-nav {
	list-style: none;
	font-size: .9em;
	font-weight: 400;
	margin: 0 0 20px;
}
.footer-nav li {
	margin: 0;
	border-top: 1px solid #333;
}
.footer-nav li:first-child {
	border-top: none;
}
.footer-nav li a {
	display: block;
	padding: 15px 0;
	color: #999;
}
.footer-nav li a:hover {
	color: #fff;
	text-decoration: none;
}
.footer-nav li:first-child a {
	padding-top: 0; 
}
.footer-nav li i {
	width: 20px;
	margin: 1px 5px 0 0;
	opacity: .5;
	text-align: center;
}

.site-footer .social-nav li a {
	color: #999;
}
.site-footer .social-nav li a:hover {
	background: #fff;
	color: #151515;
	border-color: #fff;
}

.site-footer input[type="text"],
.site-footer input[type="email"] {
	background: #333;
	color: #fff;
	border: none;
	width: 100%;
}
.site-footer input[type="submit"] {
	display: block;
	width: 100%;
	background: none;
	color: #999;
	border: 2px solid;
}
.site-footer input[type="submit"]:hover {
	background: #fff;
	color: #151515;
	border-color: #fff;
}

.copyright {
	font-size: .75em;
	margin: 0;
	color: #999;
}
.copyright a {
	color: #999;
	text-decoration: underline;
}
.copyright a:hover {
	text-decoration: none;
}
.site-credit {
	font-size: .75em;
	text-align: right;
	color: #999;
}
.site-credit a {
	color: #000000; /* was #666 */
}
.site-credit a:hover {
	color: #333;
}

/* 06: Forms
========================================================================================================== */
.form-container {
	padding: 30px;
	margin: 0 0 30px;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}
.form-container.container-trans {
	padding: 30px;
	background: rgba(0, 0, 0, .25);
	border: none;
}
.form-container.container-trans h3 {
	color: #fff;
	text-align: center;
}
.form-container.container-trans input[type="text"],
.form-container.container-trans input[type="email"],
.form-container.container-trans input[type="password"] {
	height: 52px;
	padding: 15px;
	background: rgba(0, 0, 0, .5);
	color: #fff;
}
.form-container.container-trans input[type="submit"] {
	display: block;
	width: 100%;
	height: 52px;
	padding: 10px 0;
	background: none;
	border: 2px solid #fff;
}
.form-container.container-trans input[type="submit"]:hover {
	background: #fff;
	color: #3535b9;
}
.input-container {
	margin: 0 0 15px;
}
/* labels */
label {
	display: inline-block;
	font-size: 1em;
	font-weight: 700;
	color: #000000; /* was #333 */
	margin: 0 0 5px;
}
.label-block {
	display: block !important;
	margin: 0 0 10px;
}
.label-cta {
	display: inline-block;
	padding: 0 0 10px;
	margin: 0 0 10px;
	color: #27d4f0;
	border-bottom: 1px solid;
}
.label-helper {
	display: inline-block;
	margin: 0 0 0 5px;
	font-weight: 400;
	letter-spacing: -0.025em;
	color: #999;
}
.label-inline {
	display: inline-block;
	margin: 0 20px 10px 0;
}
.label-data {
	width: 120px;
	margin: 0 5px 5px 0;
}
.label-status {
	padding: 10px 0;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
}
/* option labels */
.label-option {
	position: relative;
	padding: 7px 10px 7px 30px;
	cursor: pointer;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.label-option:hover {
	background: #eceff1;
}
.label-option input {
	position: absolute;
	top: 6px;
	left: 10px;
}
/* select labels */
.label-select {
	position: relative;
	padding: 15px 10px 15px 35px;
	margin: 0;
	cursor: pointer;
	color: #000000; /* was #333 */
	border-top: 1px solid #ccc;
}
.label-select:hover {
	color: #9c0;
}
.label-select input {
	position: absolute;
	top: 18px;
	left: 10px;
	margin: 0;
}
/* label values */
.label-value {
	font-size: 1.1em;
	font-weight: 300;
	text-transform: uppercase;
}
.label-value .value-level {
	font-weight: 700;
}
.label-value .value-level.level-advanced {
	color: #f60;
}
.label-value .value-level.level-basic {
	color: #0cc;
}
.label-value .value-level.level-elite {
	color: #96c;
}
.label-value i {
	margin-right: 3px;
}

.label-hint {
	font-size: .8em;
	font-weight: 300;
	color: #999;
}

.mobile-label {
	display: none;
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="number"],
input[type="tel"],
input[type="password"],
textarea {
	display: block;
	width: 100%;
	padding: 10px;
	margin: 0;
	background: #eee;
	color: #000000; /* was #333 */
	border: none;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
}
textarea {
	height: 120px;
}
select,
select[multiple],
select[size] {
	height: 42px;
	padding: 10px;
	margin: 0;
	background: #eee;
	font-size: .85em;
	font-weight: 300;
	color: #000000; /* was #333 */
	border: 1px solid #ddd;
}
label.checkbox,
label.radio {
	font-weight: normal;
	cursor: pointer;
}
input[type="submit"],
button[type="submit"] {
	display: inline-block;
	padding: 15px 30px;
	font-size: 1em;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	background: #000;
	border: none;
	border-radius: 0;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
input[type="submit"]:hover,
button[type="submit"]:hover {
	background: #690;
	color: #fff;
}

select.cc-select {
	display: inline-block;
	width: 40%;
	height: 42px;
	margin: 0 10px 10px 0;
}

.required {
	color: #c00;
}

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

/* ----- Authentication ----- */
.auth-container {
	background: #fff;
	padding: 50px;
	box-shadow: 0 0 0 10px rgba(255, 255, 255, .15);
}
.auth-container br {
	display: none;
}
.auth-container .container-form {
	padding-right: 30px;
	border-right: 1px solid #ddd;
}

.search-container {
	position: relative;
	background: #eee;
	padding-right: 100px;
	margin: 0 0 15px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
}
.search-container .assistive-text {
	display: none;
}
.search-container .search-input {
	background: none;
	box-shadow: none;
	outline: none;
}
.search-container .search-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 15px;
	background: none;
	color: #999;
	border: none;
}
.search-container .search-button:hover {
	background: none; 
	color: #000000; /* was #333 */
}
.search-container.search-super {
	padding-right: 150px;
	margin: 0 0 20px;
}
.search-container.search-super .search-input {
	padding: 20px;
}
.search-container.search-super .search-button {
	top: 5px;
	padding: 15px;
}

/* ----- Filtering ----- */
.filter-container {
	padding: 15px;
	background: #fff;
	margin: 0 0 15px;
	border: 1px solid #ccc;
}

/* ----- Quick Find ----- */
.quick-find {
	display: inline-block;
	border: 2px solid;
	border-radius: 4px;
}
.quick-find .find-label {
	height: 42px;
	padding: 10px;
	background: #fff;
	color: #000;
	margin: 0;
}
.quick-find .find-select {
	height: 40px;
	padding: 10px;
	margin: 0;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	border: none;
}

/* 07: Tables
========================================================================================================== */
table {
	color: #000000; /* was #333 */
	margin: 0 0 20px;
}
table th {
	font-weight: 700;
}
table th .info-tip {
	font-weight: 300;
	text-transform: none;
	margin-left: 5px;
}
table td {
	vertical-align: top;
}

.table-container {
	overflow-x: auto;
	margin: 0 0 20px;
}
.table-container table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
}
.table-container table th,
.table-container table td {
	padding: 10px;
	border-top: 1px solid #ddd;
}

/* comparison tables */
/* comparison tables */
.table.table-compare {
	font-size: 1.2em;
	background: #fff;
	color: #000000; /* was #333 */
	margin: 0 0 30px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.table.table-compare thead {
	background: none;
}
.table.table-compare thead th {
	border-bottom: none;
}
.table.table-compare th,
.table.table-compare td {
	padding: 20px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.table.table-compare tbody tr {
	position: relative;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.table.table-compare tbody tr:hover {
	background: #fff;
	transform: scale(1.05);
	box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}
.table.table-compare tbody tr:hover th {
	background: #333;
	color: #fff;
}
.table.table-compare tbody th {
	position: relative;
	padding-left: 65px;
	background: #333;
	color: #fff;
	border-color: #333;
}
.table.table-compare tbody th i {
	position: absolute;
	top: 14px;
	left: 15px;
	width: 40px;
	padding: 12px 0;
	font-size: .85em;
	text-align: center;
	background: #fff;
	color: #000000; /* was #333 */
	border-radius: 100px;
}
.table.table-compare tbody td {
	border-left: 1px solid #eee;
}
.table.table-compare tbody td i {
	margin-right: 5px;
}
.table.table-compare tbody .btn-block,
.table.table-compare tfoot .btn-block {
	padding: 15px 0;
}
.table.table-compare tbody td.column-yes {
	background: #fbfef2;
	font-weight: 700;
}
.table.table-compare .column-dark {
	background: #333;
	border-color: #333;
}
.table.table-compare .column-silver {
	background: #999;
	color: #fff;
}
.table.table-compare .column-gold {
	background: #dbb636;
	color: #fff;
}
.table.table-compare .column-platinum {
	background: #151515;
	color: #fff;
}
.table.table-compare .column-custom {
	background: #563c86;
}
/* 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: #39B6CA;
}

/* detail tables */
.table.table-details {
	border-bottom: 1px solid #ddd;
}
.table.table-details p {
	font-size: .85em;
}
.table.table-details th,
.table.table-details td {
	padding: 10px;
}
.table.table-details thead {
	background: #f5f5f5;
	text-transform: uppercase;
}
.table.table-details tbody th {
	width: 150px;
}
.table.table-details tbody th i {
	margin-right: 5px;
}

/* data tables */
.table.table-data {
	font-size: .8em;
	border: 1px solid #ddd;
}
.table.table-data th,
.table.table-data td {
	padding: 7px;
}
.table.table-data thead {
	background: #eee;
}
.table.table-data thead th {
	font-weight: 700;
	text-transform: uppercase;
}
.table.table-data .row-average th,
.table.table-data .row-average td {
	background: #f5f5f5;
	border-top: 1px solid #999;
	font-weight: 700;
}

/* plan tables */
.table-plan {
	width: 100%;
	color: #fff;
	border: none;
}
.table-plan th,
.table-plan td {
	padding: 10px 0;
	border: none;
	text-align: left;
	vertical-align: top;
}
.table-plan thead {
	background: rgba(255, 255, 255, .15);
	border: none;
}
.table-plan tbody tr {
	border-top: 1px solid rgba(255, 255, 255, .1);
}
.table-plan tbody th {
	width: 260px;
	font-size: .85em;
	background: none;
}
.table-plan tbody th i {
	margin-right: 3px;
}
.table-plan tbody .fa-check {
	color: #690;
}
.table-plan tbody .fa-times {
	color: #c00;
}
.table-plan .plan-price {
	color: #fff;
}
.table-plan .plan-price .price-sub {
	color: #999;
}
.table-plan tr.select-row {
	border-top: 4px solid rgba(255, 255, 255, .15);
}
.table-plan tr.select-row th,
.table-plan tr.select-row td {
	padding: 10px 10px 10px 0;
}
.table-plan tr.select-row .button {
	display: block;
	text-align: center;
}
.table-mobile-show {
	display: none;
}

/* price tables */
.table.table-price {
	margin: 0 0 20px;
}
.table.table-price th,
.table.table-price td {
	padding: 10px 0;
}
.table.table-price thead th {
	text-transform: uppercase;
	letter-spacing: 3px;
}
.table.table-price tbody th {
	width: 120px;
	font-weight: 700;
}

/* profile tables */
.table.table-profile {
	border-bottom: 1px solid #ddd;
}
.table.table-profile th,
.table.table-profile td {
	padding: 10px 0;
}
.table.table-profile tbody th {
	width: 150px;
}
.table.table-profile tbody th > i {
	margin-right: 5px;
}

/* misc */
.table-column-right-aligned {
	text-align: right;
}

/* ---------- 3rd Party Tables ---------- */
.l2-categ-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	border-top: 1px solid #ddd;
}
.l2-categ-table th,
.l2-categ-table td {
	padding: 15px 15px 15px 0;
	vertical-align: top;
}
.l2-categ-table .l2-categ-table-col1 {
	width: 120px;
}
.l2-categ-table br {
	display: none;
}
.l2-categ-table .l2-article-category-link {
	display: block;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 10px;
}
.l2-categ-table .l2-article-category-link-list-item-article-count {
	display: block;
	font-weight: 700;
	margin: 10px 0;
}

/* 08: Bootstrap
========================================================================================================== */
.container {
	width: 1299px;
	padding: 0 30px;
}

/* alerts */
.alert {
	border-radius: 0;
}
.alert p {
	margin: 0 0 20px;
}
.alert p:last-child {
	margin: 0;
}
.alert img {
	margin: 0 0 10px;
}
.alert.alert-cta {
	background: #da2366;
	color: #fff;
}
.alert.alert-brand {
	background: #e7f7f9;
	color: #0194ac;
	border-color: #6cd7e8;
}
.alert.alert-green {
	color: #fff;
    background: #669900;
    background: -moz-linear-gradient(-45deg, #669900 0%, #97bf37 100%);
    background: -webkit-linear-gradient(-45deg, #669900 0%,#97bf37 100%);
    background: linear-gradient(135deg, #669900 0%,#97bf37 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669900', endColorstr='#97bf37',GradientType=1 );
}

/* dropdownp-menu */
.dropdown-btn {
	position: relative;
	text-align: left;
}
.dropdown-btn > i {
	position: absolute;
	top: 12px;
	right: 15px;
}

.dropdown-menu {
	min-width: 100%;
}
.dropdown-menu li {
	border-top: 1px solid #eee;
	margin: 0;
}
.dropdown-menu li:first-child {
	border-top: none;
}
.dropdown-menu li a {
	position: relative;
	padding: 15px;
}
.dropdown-menu li a:hover {
	background: #333;
	color: #fff;
}
.dropdown-menu li a i {
	position: absolute;
	top: 11px;
	right: 10px;
	opacity: .25;
}

/* forms */
.radio label,
.checkbox label {
	font-size: .75em;
}
.checkbox label input[type="checkbox"] {
	margin: 6px 0 0 -20px;
}

/* labels */
.label {
	display: inline-block;
	padding: 5px 10px;
	line-height: 1.4;
	text-align: left;
	vertical-align: top;
	border: none;
	border-radius: 0;
}
.label.label-default {
	background: #333;
}
.label.label-silver {
	background: #999;
}
.label.label-gold {
	background: #dbb636;
}
.label.label-platinum {
	background: #333;
}

/* progress */
.progress {
	height: 30px;
	padding: 5px;
	border: 2px solid #ddd;
	box-shadow: none;
}
.progress .progress-bar {
	background: #3bc4db;
}

/* modals */
body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
	margin-right: 0;
}

.modal-content {
	border: none;
	border-radius: 0;
}
.modal-header {
	position: relative;
	padding: 25px 60px 25px 30px;
}
.modal-header .modal-title {
	font-size: 2em;
	padding: 0;
	margin: 0;
}
.modal-header .close {
	position: absolute;
	top: 15px;
	right: 30px;
	font-family: Helvetica Neue, sans-serif;
	font-size: 3.2em;
	font-weight: 300;
	margin: 0;
	color: #333;
	text-shadow: none;
}
/* brand headers */
.modal-header.header-brand .modal-title {
	position: relative;
	padding-left: 52px;
}
.modal-header.header-brand .modal-title .title-icon {
	position: absolute;
	top: 2px;
	left: 0;
	width: 45px;
}

.modal-body {
	padding: 30px;
}
.modal-body img {
	width: 100%;
}
.modal-body.body-no-padding {
	padding: 0;
}
.modal-body .table {
	table-layout: fixed;
}
.modal-body .table th,
.modal-body .table td {
	padding: 8px 20px;
}

.modal .form-container {
	padding: 0;
	border: none;
}

.modal input[type="text"],
.modal input[type="email"],
.modal select {
	height: 52px;
}
.modal textarea {
	height: 100px;
}
.modal input[type="submit"] {
	display: block;
	width: 100%;
}
.modal-footer {
	background: #eee;
	padding: 25px 30px;
	margin-top: 0;
	text-align: left;
}
.modal-footer .btn {
	margin: 0 5px 0 0;
}

.modal-link {
	font-weight: 400;
}
/* wide modals */
.modal.modal-wide .modal-dialog {
	width: 900px;
}

/* nav */
.nav {
	margin: 0 0 20px;
	font-weight: 700;
}
.nav > li > a {
	padding: 15px 30px;
}
.nav.nav-tabs {
	margin: 0;
}
.nav.nav-tabs li a {
	text-align: left;
}

/* panels */
.panel {
	border-radius: 0;
}
.panel-heading {
	position: relative;
	padding: 15px;
	border-radius: 0;
}
.panel-heading .panel-title {
	font-size: 1em;
	font-weight: 700;
	margin: 0;
}
.panel-body {
	padding: 15px;
}
.panel table {
	font-size: .85em;
	margin: 0;
}
.panel table tr td {
	vertical-align: middle;
}
.panel.panel-dark {
	border-color: #333;
}
.panel.panel-dark .panel-heading {
	background: #333;
	color: #fff;
}

/* progress */
.progress {
	background: #fff;
}

/* tabs */
.tab-content {
	padding: 30px;
	margin: 0 0 30px;
	border: 1px solid #ddd;
	border-top: none;
}

/* tooltips */
.tooltip {
	letter-spacing: 0 !important;
}
.tooltip .tooltip-inner {
	padding: 7px 15px;
}

/* wells */
.well {
	padding: 30px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 0;
	box-shadow: none;
}
.well.well-light {
	background: #eee;
}
.well.well-no-bg {
	background: none;
	border: none;
}
/* favorite wells */
.well.well-favorite {
	padding: 15px;
}
.well.well-favorite .favorite-label {
	position: relative;
	padding: 7px 0 7px 35px;
}
.well.well-favorite .favorite-label > i {
	position: absolute;
    top: 3px;
    left: 0;
    width: 28px;
    padding: 5px 0;
    text-align: center;
    border: 1px solid;
    border-radius: 100px;
}

/* 09: Plugins
========================================================================================================== */
/* ---------- Breadcrumbs ---------- */
#breadcrumbs {
	font-size: .8em;
	font-weight: 300;
	padding: 0;
	margin: 0 0 20px;
	background: none;
	color: #999;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
#breadcrumbs span {
	display: inline-block;
	margin: 0 3px;
}
#breadcrumbs span:first-child {
	margin-left: 0;
}

/* ---------- MemberMouse ---------- */
/* ----- General styles ----- */
.mm-button {
	font-family: 'Montserrat', Arial, sans-serif !important;
	font-weight: 700 !important;
	line-height: inherit !important;
	text-shadow: none !important;
	text-transform: uppercase;
	box-shadow: none !important;
	border-radius: 0 !important;
}
.mm-button.large {
	padding: 15px !important;
}
.mm-button.green {
	background: #690 !important;
	color: #fff !important;
	box-shadow: none !important;
	border: none !important;
}
.mm-button.green:hover {
	background: #360 !important;
}
.mm-button.orange {
	background: #f60 !important;
	box-shadow: none !important;
	border: none !important;
}
.mm-button.orange:hover {
	background: #c60 !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-update-button {
	border-radius: 0 !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: #9c0 !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: #000000; /* was #333 */
	margin: 20px auto;
}
.mm-checkoutContainer .mm-checkoutInfoBlock {
	padding: 0 !important;
	margin: 0 0 10px !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;
	margin: 0 0 10px;
}
.mm-checkoutContainer #mm_field_billing_state_dd,
.mm-checkoutContainer #mm_field_billing_country {
	width: 100%;
}
.mm-checkoutContainer .mm-formField {
	overflow: inherit;
	margin: 0 0 10px;
}
.mm-checkoutContainer .mm-formField label {
	display: none;
	width: auto;
	float: none !important;
}
.mm-checkoutContainer .mm-formField label.mandatory {
	display: block;
}
.mm-checkoutContainer .mm-selectList {
	height: 42px;
	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-ccLogos img {
	width: 162px;
}

.mm-paypalCheckoutBtn {
	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: 5px;
}
.mm-paypalCheckoutBtn:before {
	content: "Sign Up with PayPal";
}
.mm-paypalCheckoutBtn:hover {
	background: #0070ba !important;
	color: #fff;
	text-decoration: none;
}

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

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

.mm-couponSuccessMessage,
.mm-couponErrorMessage {
	display: block;
	font-size: .85em !important;
	padding: 10px !important;
	border-radius: 0 !important;
	text-shadow: none !important;
}

/* ----- My Account page ----- */
.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: 'Montserrat', serif;
	font-size: 1.5em !important;
	font-weight: 300;
	padding: 20px 150px 20px 50px !important;
	color: #000000 !important; /* was #333 */
	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-family: 'Montserrat', Arial, sans-serif !important;
	font-weight: 700 !important;
	background: none !important;
	color: #000000 !important; /* was #333 */
	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;
	margin: 0;
	color: #000000 !important; /* was #333 */
}
.mm-myaccount-content-wrapper {
	padding: 15px !important;
	color: #999;
}
.mm-myaccount-content-wrapper p {
	margin: 0 0 10px !important;
	font-size: .85em;
}
.mm-myaccount-content-wrapper table {
	table-layout: fixed;
	width: 100%;
	font-size: .85em;
}
.mm-myaccount-content-wrapper table th,
.mm-myaccount-content-wrapper table td {
	padding: 5px 0;
}
.mm-myaccount-content-wrapper .cta-button {
	font-size: 1.2em;
}
.mm-myaccount-label {
	display: inline-block;
	width: 140px;
	font-weight: bold;
	color: #000000; /* was #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;
}
#mm-account-details-body {
	width: auto;
}

/* jquery UI dialog styling */
.mm-myaccount-dialog-section-header {
	font-family: 'Montserrat', serif;
	font-size: .85em !important;
	font-weight: 700;
	background: none !important;
	color: #000000 !important; /* was #333 */
	padding: 0 !important;
	border-radius: 0 !important;
	text-shadow: none !important;
}
#mm-form-container table {
	font-family: 'Montserrat', sans-serif;
}
#mm-form-container td {
	padding: 5px 0;
}

.mm-dialog-button-container {
	float: none !important;
}
.mm-dialog-button-container .mm-ui-button {
	font-family: 'Montserrat', sans-serif;
	font-size: .85em !important;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	margin: 0;
	border: 1px solid #ccc;
}
.mm-dialog-button-container .mm-ui-button:hover {
	background: #eee;
	color: #000000; /* was #333 */
}
.mm-dialog-button-container .mm-ui-button.blue {
	background: #39B6CA;
	color: #fff;
	border: 1px solid #39B6CA;
}
.mm-dialog-button-container .mm-ui-button.blue:hover {
	background: #296772;
	color: #fff;
	border-color: #296772;
}
.mm-dialog-button-bar {
	text-align: left !important;
}
.mm-dialog-button-bar .mm-button {
	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,
.mm-forgot-password table,
.mm-resetpassword table {
	width: 100%;
}
.mm-login table tr,
.mm-resetpassword table tr {
	height: auto !important;
	margin: 0 0 20px;
}
.mm-login table tr,
.mm-login table th,
.mm-login table td,
.mm-resetpassword table tr,
.mm-resetpassword table th,
.mm-resetpassword table td {
	display: block;
}
.mm-login .mm-label-column,
.mm-resetpassword .mm-label-column {
	margin: 0 0 5px;
	font-weight: 700;
	color: #000000; /* was #333 */
}
.mm-login .mm-field,
.mm-forgot-password .mm-field,
.mm-resetpassword .mm-field {
	width: 100% !important;
	margin: 0 0 10px;
}
.mm-remember-me {
	position: relative;
	font-size: .85em;
	font-weight: 300;
	line-height: 1;
	margin: 20px 0 !important;
	padding-left: 20px;
}
.mm-remember-me br {
	display: none;
}
.mm-remember-me input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important;
}
#mm-login-button,
#mm-submit-button {
	width: 100% !important;
}
.page-id-11 .mm-login .mm-label-column {
	width: 100% !important;
}

/* ----- admin styles ----- */
#mm-preview-settings-bar select {
	height: auto;
}
#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 {
	padding: 0;
	font-family: 'Montserrat', 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: 15px 20px;
	background: #000000; /* was #333 */
	color: #fff;
	font-family: 'Montserrat', serif;
	font-size: 1.2em;
	font-weight: 300;
	border: none;
	border-radius: 0;
}
.ui-dialog.ui-widget .ui-widget-header .ui-dialog-titlebar-close {
	right: 20px;
	outline: none;
}
.ui-dialog.ui-widget .ui-widget-header .ui-dialog-titlebar-close:hover {
	color: #fff;
}
.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: 'Montserrat', serif;;
}

/* ---------- Woocommerce ---------- */
/* general */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	background: #690;
	color: #fff;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background: #360;
	color: #fff;
}
/* product list */
.woocommerce ul.products,
.woocommerce-page ul.products {
	font-size: 0;
	margin-left: -2%;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce-page ul.products li.last {
	position: relative;
	float: none;
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	width: 23%;
	margin: 0 0 2% 2%;
	clear: none;
	vertical-align: top;
	border: 1px solid #ddd;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .15);
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
	padding: 0;
	margin: 0 15px 10px;
}
.woocommerce ul.products li.product .price {
	padding: 0;
	margin: 0 15px 15px;
}
.woocommerce ul.products li.product .button {
	display: block;
	margin: 0 15px 15px;
	text-align: center;
}
/* product page */
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
	width: 36%;
}
.woocommerce-page div.product div.images .woocommerce-product-gallery__image {
	margin: 0 0 10px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
	padding: 5px;
	background: #fff;
	vertical-align: top;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image > a:hover img {
	opacity: .5;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
	width: 60%;
}
.woocommerce div.product .product_title {
	font-size: 2em;
}
.woocommerce .quantity .qty {
	height: 42px;
}
.woocommerce div.product form.cart .button {
	height: 42px;
	padding: 13px 25px;
	letter-spacing: 0;
	background: #690;
	color: #fff;
}
.woocommerce div.product form.cart .button:hover {
	background: #360;
	color: #fff;
}

/* begin: https://isabelcastillo.com/woocommerce-cart-icon-count-theme-header */
.cart-contents:before {
    font-family:WooCommerce;
    content: "\e01d";
    font-size:20px;
    padding:0;
    margin:0;
    font-style:normal;
    font-weight:400;
    padding-right:5px;
    vertical-align: bottom;
}
.cart-contents:hover {
    text-decoration: none;
}
.cart-contents-count {
    color: #fff;
    background-color: #2ecc71;
    font-weight: bold;
    border-radius: 10px;
    padding: 1px 6px;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
    font-size: xx-small;
}
/* end: https://isabelcastillo.com/woocommerce-cart-icon-count-theme-header */

.wc_payment_method img {
    display: inline;
}

/* ---------- Image Gallery ---------- */
.gallery-thumbs {
	list-style: none;
	margin: 0 0 20px -2%;
}
.gallery-thumbs li {
	float: left;
	width: 23%;
	margin: 0 0 2% 2%;
	max-height: 80px;
	overflow: hidden;
}
.gallery-thumbs li a {
	display: block;
}

/* ---------- WP Pagenavi ---------- */
.wp-pagenavi {
	padding: 15px 0 0;
	margin: 0 0 15px;
	font-family: 'Montserrat', serif;;
	border-top: 1px solid #ccc;
}
.wp-pagenavi a,
.wp-pagenavi span {
	display: inline-block;
    border: none;
    padding: 5px 12px;
    margin: 0 5px 5px 0;
}
.wp-pagenavi span.pages {
	background: #eee;
	color: #151515;
}
.wp-pagenavi a {
	background: #39B6CE;
	color: #fff;
}
.wp-pagenavi a:hover {
	background: #000;
}
.wp-pagenavi span.current {
	background: #232d36;
	color: #fff;
}

/* ---------- Favorites ---------- */
.simplefavorite-button {
	display: block;
	width: 100%;
	padding: 10px 35px;
	font-family: 'Montserrat', sans-serif;
	font-size: .85em;
	font-weight: 700;
	line-height: 1.2;
	background: #690;
	color: #fff;
	border: 2px solid #690;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: top;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.simplefavorite-button:hover {
	background: #360;
	color: #fff;
	border-color: #360;
}
.simplefavorite-button.active {
	opacity: .5;
}
.favorites-container .favorites-title {
	font-size: 1em;
	text-align: right;
	margin: 0 0 10px;
	color: #9257c0;
}
.favorites-container .simplefavorite-button {
	float: right;
}

.favorites-list {
	list-style: none;
	font-family: 'Montserrat';
	letter-spacing: -0.025em;
	margin: 0 0 20px;
}
.favorites-list li {
	position: relative;
	min-height: 110px;
	padding: 20px 0 20px 100px;
	border-top: 1px solid #ddd;
}
.favorites-list li p {
	margin: 0 0 10px;
}
.favorites-list li a {
	font-size: 1.2em;
	font-weight: 700;
}
.favorites-list li img {
	position: absolute;
	top: 20px;
	left: 0;
	width: 80px;
}

/* Related Articles */
.related-articles:before {
	content: "Related Articles";
	display: block;
	font-size: 1.5em;
	font-weight: 700;
	letter-spacing: -0.025em;
	color: #000000; /* was #333 */
	margin: 0 0 10px;
}
.related-articles ul {
	list-style: none;
	margin: 0;
}
.related-articles ul li {
	position: relative;
	min-height: 60px;
	padding: 10px 0 10px 50px; 
	margin: 0;
	border-top: 1px solid #ddd;
}
.related-articles ul li > img {
	position: absolute;
	top: 10px;
	left: 0;
	width: 40px;
}
.related-articles ul li a {
	display: block;
	font-weight: 700;
}
.related-articles ul li a:before {
	content: "Article";
	display: block;
	font-size: .75em;
	font-weight: 400;
	color: #999;
}

/* WPV Loop */
.included-videos-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.included-videos-list li {
	position: relative;
	list-style: none;
	line-height: 1.2;
	min-height: 70px;
	padding: 10px 0 10px 65px;
	margin: 0;
	border-top: 1px solid #ddd;
}
.wpv-loop li .included-videos-img {
	position: absolute;
	top: 10px;
	left: 0;
	width: 50px;
}
.wpv-loop li .included-videos-title {
	font-weight: 700;
}

/* ---------- WPV Pagination ---------- */
.wpv-pagination-nav-links-container {
	list-style: none;
	font-size: .85em;
	padding: 20px 0 0;
	margin: 0 0 20px;
	border-top: 1px solid #ddd;
}
.wpv-pagination-nav-links-container li {
	display: inline-block;
	margin: 0 5px 5px 0;
	border: 1px solid #ddd;
}
.wpv-pagination-nav-links-container li a,
.wpv-pagination-nav-links-container li span {
	display: inline-block;
	width: 34px;
	padding: 7px 10px;
	text-align: center;
}
.wpv-pagination-nav-links-container li a:hover {
	background: #333;
	color: #fff;
}
.wpv-pagination-nav-links-container .wpv-pagination-nav-links-item-current {
	font-weight: 700;
	background: #eee;
}

/* ---------- Gallery ---------- */
.gallery {
	display: block;
	width: 100%;
	text-align: center;
	clear: both;
	margin: 0 0 0 -2%;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.gallery .gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
}
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	width: 18%;
	margin: 0 0 2% 2%;
	text-align: center;
	list-style: none;
	padding: 0;
}
.gallery .gallery-item a {
	display: block;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.12);
	border: 5px solid #f4f4f4;
	border-radius: 2px;
	transition: .25s;
	-moz-transition: .25s;
	-webkit-transition: .25s;
	-o-transition: .25s;
}
.gallery .gallery-item a:hover {
	border-color: #3399cc;
}
.gallery .gallery-item img,
.gallery .gallery-item img.thumbnail {
	display: block;
	height: auto;
	margin: 0 auto;
	border: none !important;
}
.gallery-caption {
	margin-left: 0;
}

/* ---------- RPWE thumbnails ---------- */
.rpwe-block .rpwe-ul li {
	border-bottom-color: #ddd;
}
.rpwe-block .rpwe-ul li:first-child {
	padding-top: 10px;
	border-top: 1px solid #ddd;
}
.rpwe-block .rpwe-ul li:last-child {
	border-bottom: none;
}
.rpwe-block .rpwe-ul li .rpwe-thumb {
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
}
.rpwe-block .rpwe-ul li .rpwe-title {
	font-size: 1em !important;
}
.rpwe-block .rpwe-ul li .rpwe-time {
	font-size: .8em;
	color: #999;
}

/* Pricing table (Template: Comparison Table #3) custom styles */
.ptp-cp3-plan-title,
.ptp-cp3-data-holder,
.cp3-ptp-price,
.ptp-cp3-pay-duration,
.cp3-btn {
	font-family: 'Montserrat', sans-serif !important;
	text-align: center;
}

.ptp-cp3-plan-title h2 {
	font-size: 1.2em;
	text-align: center;
}

.ptp-cp3-data-holder {
	font-size: 18px;
}

.ptp-cp3-pay-duration {
	font-size: 14px;
	font-style: italic;
	font-weight: 300;
}

.cp3-ptp-price {
	color: #42B8CC;
}
.cp3-btn i {
	margin-right: 5px;
}

/* hide post meta stuff on some private advertising types */
.type-newsletter-ad .post-author {display:none;}
.type-newsletter-ad .share-container {display:none;}
.banner-ads .post-author {display:none;}
.banner-ads .share-container {display:none;}
.large-newsletter-ad .post-author {display:none;}
.large-newsletter-ad .share-container {display:none;}
.newsletter-ad .post-author {display:none;}
.newsletter-ad .share-container {display:none;}
.special-offer .post-author {display:none;}
.special-offer .share-container {display:none;}

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

}

/* LARGE DESKTOP */
@media screen and (max-width: 1299px) {

	.container {
		width: auto;
	}

}

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

	h1 {
		font-size: 2em;
	}

	/* site header */
	.site-top .container {
		padding: 0 15px;
	}
	.site-header {
		height: 50px;
		padding: 7px 0;
	}
	.site-header .header-brand {
		position: relative;
	    display: block;
	    width: 150px;
	    margin: 5px auto 0;
	    text-align: center;
	}
	.page-template-page-checkout .site-header .header-brand {
		margin: 5px auto 0;
	}
	.site-header .header-mobile-navicon {
		display: inline-block;
	}
	.site-header .header-nav {
		position: fixed;
		top: 50px;
		left: 0;
		width: 0;
		background: #333;
		overflow: hidden;
	}
	.mobile-nav-open .site-top {
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 1001;
	}
	.mobile-nav-open .site-top .top-search {
		display: block;
		width: auto;
		height: auto;
		padding: 0;
		margin: 10px;
		background: #333;
	}
	.mobile-nav-open .site-top .top-search form {
		width: auto;
		height: auto;
	}
	.mobile-nav-open .site-top .top-search form input[type="text"] {
		height: auto;
		padding: 10px;
		color: #fff;
	}
	.mobile-nav-open .site-top .top-search form button[type="submit"] {
		top: 5px;
		right: 5px;
	}
	.mobile-nav-open .site-top .top-utility {
		float: none;
		display: block;
	}
	.mobile-nav-open .site-header {
		background: #000;
		position: fixed;
	}
	.mobile-nav-open .site-header .header-nav {
		width: 100%;
		height: 100%;
		overflow: auto;
	}
	.mobile-nav-open .site-header .header-nav ul > li {
		float: none;
		display: block;
		margin: 0;
		border-top: 1px solid rgba(255, 255, 255, .1);
	}
	.mobile-nav-open .site-header .header-nav ul > li:first-child {
		border-top: none;
	}
	.mobile-nav-open .site-header .header-nav ul > li > a {
		height: auto;
		padding: 20px;
		color: #999;
		border-radius: 0;
	}
	.mobile-nav-open .site-header .header-nav ul > li > a > i {
		width: 20px;
		text-align: center;
	}
	.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.nav-dropdown {
		border-top: 3px solid;
	}
	.mobile-nav-open .site-header .header-nav ul > li.nav-dropdown > a {
		border: none;
	}
	.mobile-nav-open .site-header .header-nav ul > li.nav-dropdown > a i {
		width: 20px;
		text-align: center;
		color: #fff;
	}
	.mobile-nav-open .site-header .header-nav .nav-main li:hover .main-dropdown {
		display: none;
	}
	.mobile-nav-open .site-header .header-nav .dropdown-menu {
		width: 100%;
		padding: 0;
	}
	.mobile-nav-open .site-header .header-nav .dropdown-menu li a {
		padding: 15px 25px;
	}
	.mobile-nav-open .site-header .header-nav .dropdown-menu li a i {
		right: 20px;
	}
	/* social nav */
	.mobile-nav-open .site-header .header-nav .nav-social {
		display: none;
	}
	/* search */
	.mobile-nav-open .site-header .header-nav ul > li.search {
		border-top: none;
	}

	/* page header */
	.page-header .header-content h1 {
		font-size: 2em;
	}
	.page-header .header-nav {
		font-size: .9em;
	}
	.page-header .header-nav li a {
		padding: 10px 15px 10px 40px;
	}
	.page-header .header-nav li a .nav-icon {
		left: 10px;
	}
	.page-header .header-search {
		width: 240px;
	}
	.page-header .header-utility .utility-badge {
		width: 85px;
	}

	/* page section */
	.page-section.section-cta .cta-label {
		margin: 0 0 10px;
	}
	
	/* hero */
	.hero {
		padding: 50px;
	}

	/* grids */
	.table-grid .grid-column.column-desc {
		width: 600px;
	}

	/* checkout */
	.checkout-container {
		width: auto;
	}

	/* timeline */
	.timeline {
		padding: 100px 0;
	}
	
}

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

	/* site header */
	.site-top .top-search {
		display: block;
		width: 100%;
		margin: 0 0 15px;
	}

	/* grids */
	.rsp-grid .grid-container {
		width: 50% !important;
	}
	.rsp-grid.grid-spaced .grid-container {
		width: 48% !important;
	}
	.table-grid .grid-container.container-author {
		display: inline-block;
		width: 31.33%;
	}

	/* page section */
	.page-section.section-fmetrics .grid-container {
		width: 31.33% !important;
	}

	/* page column */
	.page-column {
		display: block;
		width: 100%;
	}
	.page-column.column-brand {
		height: inherit;
	}
	.page-column.column-content {
		left: auto;
	}
	.page-column .column-container {
		padding: 50px;
	}

	/* content */
	.main {
		padding: 30px;
	}
	.content {
		padding: 0 0 30px;
		margin: 0 0 30px;
		border-right: none;
		border-bottom: 1px solid #ccc;
	}

	.post-body {
		min-height: inherit;
		padding: 0 0 30px;
		margin: 0 0 30px;
		border-bottom: 1px solid #333;
		border-right: none;
	}

	/* features */
	.feature.feature-cta {
		margin: 0 0 20px;
	}

	/* checkout */
	.checkout-column {
		display: block;
	}
	.checkout-column.column-product {
		width: 100%;
	}
	.checkout-column.column-payment {
		width: 100%;
	}

	/* Favorites */
	.favorites-container .favorites-title {
		text-align: left;
	}
	.favorites-container .simplefavorite-button {
		float: none;
	}

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

}

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

	.mobile-hide {
		display: none;
	}
	.mobile-label {
		display: inline-block;
	}

	h1,
	.post-body h1 {
		font-size: 2em;
		letter-spacing: -1px;
	}
	h2 {
		font-size: 2em;
	}
	h3 {
		font-size: 1.4em;
	}
	h4 {
		font-size: 1.2em;
	}
	
	p.headline,
	.content-headline p {
		font-size: 1.2em;
		letter-spacing: 0;
	}
	.content-large p {
		font-size: 1em;
	}
	
	.btn-block,
	.btn-mobile-block {
		display: block;
		width: 100%;
		margin: 0 0 10px;
	}

	.or-spacer {
		display: block;
		text-align: center;
	}

	.share-container .share-links {
		text-align: left;
	}

	/* site header */
	.site-top .top-utility {
		font-size: .75em;
	}
	.site-top .top-utility ul li a {
		padding: 5px 10px;
	}

	/* page header */
	.page-header .header-content {
		padding-right: 0;
	}
	.page-header .header-cta {
		margin: 15px 0 0;
	}
	.page-header.header-hero .hero-content,
	.page-header.header-hero.hero-main .hero-content {
		padding: 30px;
	}
	.page-header.header-hero p {
		font-size: 1em;
	}
	.page-header.header-hero .header-image img {
		margin: 0;
	}
	/* page header menu */
	.page-header .header-menu {
		display: none;
	}
	.page-header .header-menu-toggle {
		display: block;
	}
	/* page header nav */
	.page-header .header-nav {
		display: block;
		margin: 15px 0;
	}
	.page-header .header-nav li {
		float: none;
		border-left: none;
		border-top: 1px solid rgba(255, 255, 255, .25);
	}
	.page-header .header-nav li:first-child {
		border-top: none;
	}
	.page-header .header-nav li a {
		display: block;
		padding: 15px 0 15px 40px;
	}
	.page-header .header-nav li a .nav-icon {
		top: 13px;
	}
	/* page header search */
	.page-header .header-search {
		float: none;
		width: 100%;
		margin: 0 0 15px;
	}
	/* page header quick find */
	.page-header .quick-find {
		width: 100%;
		margin: 0 0 20px;
	}
	/* page header ad */
	.page-header .feature-ad {
		float: none;
		margin: 0 auto;
	}

	/* page section */
	.page-section.section-auth {
		padding: 30px 0;
	}
	.page-section.section-hero {
		padding: 50px 50px 100px;
	}
	
	/* post content */
	.post-title {
		font-size: 2em;
	}
	.post-body .content-header {
		padding: 0;
	}
	.post-body .content-header .header-utilities {
		position: static;
	}
	.post-body .content-header .header-utilities .social-nav {
		margin: 20px 0;
	}

	/* list item */
	.list-item .item-column {
		display: inline-block;
		min-width: 80px;
		padding: 0;
		border: none;
	}
	.list-item .item-column.column-name,
	.list-item .item-column.column-product {
		display: block;
		width: 100%;
		margin: 0 0 10px;
	}
	.list-item .item-column.column-action {
		padding: 0;
	}
	.list-item.item-single .item-column .column-value {
		font-size: 1.5em;
	}

	/* hero */
	.hero .headline {
		font-size: 1.2em;
	}

	/* feature */
	.feature {
		padding: 0 0 0 75px;
		margin: 0 0 40px;
	}
	.feature .feature-icon {
		width: 60px;
	}

	/* Status steps */
	.status-steps {
		display: block;
	}
	.status-steps:before {
		display: none;
	}
	.status-steps .step {
		display: block;
		width: auto !important;
		margin: 0 0 10px;
	}
	.status-steps .step label {
		display: block;
		padding: 10px 0 10px 40px !important;
		text-align: left !important;
	}
	.status-steps .step label .step-number {
		left: 0;
	}

	/* screenshots */
	.screenshot-browser .screenshot-bubble {
		display: none;
	}
	
	/* grids */
	.table-grid {
		display: block;
	}
	.table-grid .grid-column {
		display: block;
	}
	.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-actions {
		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%;
	}
	.table-grid .grid-column.column-actions .btn {
		margin: 20px 0 0; 
	}

	
	/* Checkout */
	.mm_left_column,
	.mm_right_column {
		display: block !important;
		width: 100% !important;
	}
	
	.checkout-container.container-partner {
		width: auto;
	}
	.checkout-container.container-partner.container-full .mm_left_column {
		padding: 0;
	}
	.mm-checkoutContainer .mm-formField label.mandatory.label-exp {
		display: block;
		margin: 0 0 5px;
	}
	.checkout-column {
		padding: 30px;
	}
	
	/* My Account */
	.mm-myaccount-block {
		width: 100% !important;
	}
	
	/* cards */
	.card.card-list {
		padding: 0;
	}
	.card.card-list .card-image-container {
		position: static;
		width: auto;
		height: auto;
	}
	.card.card-list .card-image-container img {
		width: 100%;
		max-height: inherit;
	}

	/* site footer */
	.site-footer .social-nav {
		text-align: left;
	}
	.site-credit {
		text-align: left;
		margin: 10px 0;
	}

	/* forms */
	.quick-find .find-label {
		display: block;
	}
	.quick-find .find-select {
		display: block;
		width: 100%;
	}
	
	/* tables */
	.table-mobile-hide {
		display: none;
	}
	.table-mobile-show {
		display: table;
	}
	.table-mobile-show.table-plan tbody td {
		text-align: right;
		padding: 10px 0;
	}
	.table-mobile-show.table-plan tbody .plan-row th {
		font-size: 1.2em;
		padding: 10px;
		border: none;
		background: rgba(255, 255, 255, .15);
	}
	.table-container table {
	    width: 100%;
	    overflow-y: hidden;
	    -ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.table-responsive {
		border: none;
	}
	.table-responsive thead {
		display: none;
	}
	.table-responsive tbody,
	.table-responsive tr,
	.table-responsive th,
	.table-responsive td {
		display: block;
		width: 100%;
	}
	.table-responsive tr {
		border-top: 1px solid #ddd;
	}
	.table-responsive th,
	.table-responsive td {
		border: none !important;
	}
	.action-column {
		text-align: left;
	}

	.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 td,
	.table.table-compare tfoot td {
		position: relative;
		padding: 20px 20px 20px 200px;
	}
	.table.table-compare tbody .mobile-label,
	.table.table-compare tfoot .mobile-label {
		position: absolute;
		top: 20px;
		left: 20px;
		font-weight: 700;
		width: 200px;
	}
	.table.table-compare tbody td.column-yes {
		background: #fff;
	}
	.table.table-compare hr.hr-or {
		margin: 10px 0;
	}
	
	.table-grid thead,
	.table-grid tbody,
	.table-grid tr,
	.table-grid th,
	.table-grid td {
		display: block;
		width: 100%;
	}

	/* ----- bootstrap ----- */
	/* nav */
	.nav > li > a {
		padding: 15px;
	}
	/* tabs */
	.tab-content {
		padding: 20px 0 0;
		margin: 20px 0;
		border: none;
		border-top: 1px solid #ddd;
	}

	/* ----- woocommerce ----- */
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product,
	.woocommerce-page ul.products li.last {
		width: 48%;
	}
	.woocommerce #content div.product div.images,
	.woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images {
		float: left;
	}
	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary {
		float: right;
	}

}

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

	p {
		font-size: .9em;
	}

	.headline-content p {
		font-size: 1em;
	}

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

	.share-links li.share-label,
	.share-links.links-small li.share-label {
		display: block;
	}
	.share-links li.share-label a,
	.share-links.links-small li.share-label a {
		padding: 10px 0;
		background: none;
		border: none;
	}

	/* site header */
	.site-top {
		display: none;
	}
	.mobile-nav-open .site-top {
		display: block;
	}
	.mobile-nav-open .site-top .top-utility ul li.utility-shop {
		border: none;
	}
	.mobile-nav-open .site-top .top-utility ul li.utility-cta {
		display: block;
		margin: 10px 0 0;
	}
	.mobile-nav-open .site-top .top-utility ul li.utility-cta a {
		display: block;
		padding: 10px;
		text-align: center;
	}

	/* page header */
	.page-header {
	    padding: 30px 0;
	}
	.page-header.header-hero h1 {
		font-size: 2em;
	}
	.page-header .header-content .meta-label {
		display: block;
		margin: 0 0 10px;
	}
	.page-header.header-listing h1 {
		margin-right: 75px;
	}
	.page-header .header-utility .utility-badge {
		width: 65px;
	}
	.page-header .search-container .search-input {
		font-size: .75em;
	}
	.page-header .search-container .search-button {
		padding: 31px 30px 30px 0;
		font-size: .75em;
	}

	/* page sections */
	.page-section.section-cta {
		padding: 50px 15px;
	}
	.page-section.section-cta .btn-cta {
		font-size: .85em;
	}
	.page-section.section-cta blockquote {
		font-size: 1em;
	}
	.content-section.section-cta {
		padding: 30px;
	}
	.page-section.section-home-metrics {
		padding: 30px 0 15px;
	}
	.page-section.section-home-metrics .rsp-grid .grid-container {
		display: inline-block;
		width: 48% !important;
	}

	/* post-header */
	.post-header.header-hero {
		max-height: inherit;
	}
	.post-header.header-hero .header-overlay {
		position: static;
		padding: 30px;
		background: #151515;
	}
	.post-header.header-hero .header-overlay .overlay-content {
		padding: 120px 0 0;
		margin: -80px 0 0;
	}

	/* posts */
	.post-title {
		font-size: 1.5em;
	}
	.post-area {
		padding: 15px;
	}
	.post-header.header-with-utility {
		padding-right: 75px;
	}
	.post-header.header-with-utility .header-utility {
		width: 60px;
	}
	.post-nav {
		font-size: .8em;
	}
	.post-nav .nav-previous a {
		padding-left: 32px;
	}
	.post-nav .nav-next a {
		padding-right: 35px;
	}

	/* content */
	.main {
		padding: 15px;
	}

	/* grids */
	.rsp-grid.grid-spaced {
		margin-left: 0;
	}
	.rsp-grid .grid-container,
	.rsp-grid.grid-spaced .grid-container {
		display: block;
		width: 100% !important;
		margin: 0 0 15px;
	}
	.table-grid .grid-container.container-logo,
	.table-grid .grid-container.container-author {
		display: inline-block;
		width: 49%;
	}

	/* items */
	.item.item-with-image {
		padding-left: 80px;
	}
	.item .item-image {
		width: 60px;
	}
	.item.item-large.item-with-image {
		padding: 15px 0 15px 100px;
	}
	.item.item-large.item-with-image .item-image {
		width: 80px;
	}

	/* cards */
	.card.card-compact {
		padding: 0 0 0 115px;
	}
	.card.card-compact .card-actions {
		position: static;
	    top: auto;
	    right: auto;
	    width: auto;
	    padding: 0 15px 15px;
	}
	.card.card-compact .card-actions .btn {
		display: block;
		width: 100%;
		margin: 0 0 10px;
	}
	.card.card-compact .card-actions .btn .btn-text {
		display: inline-block;
		margin-left: 5px;
	}
	.card.card-main .card-content {
		min-height: inherit;
	}
	
	/* auth */
	.auth-container {
		padding: 30px;
		box-shadow: none;
	}
	.auth-container .container-form {
		padding: 0 0 30px;
		margin: 0 0 30px;
		border-right: none;
		border-bottom: 1px solid #ddd; 
	}
	
	/* hero */
	.hero {
		padding: 50px 15px;
	}
	.hero h1 {
		font-size: 2em;
	}
	.hero .btn {
		display: block;
		width: 100%;
		padding: 15px 0;
		margin: 0 0 10px;
		font-size: 1em;
	}
	/* special styling for homepage grid containers */
	.hero.hero-homepage .rsp-grid.grid-spaced .grid-container.container-25 {
		display: inline-block;
		width: 50% !important;
	}

	/* posts */
	.posts-list ul li {
		min-height: 115px;
		padding-left: 90px;
	}
	.posts-list ul li > a > img {
		width: 75px;
	}
	.posts-list ul li > a .post-icon {
		width: 75px;
		padding: 20px 0;
		font-size: 1.2em;
	}
	.posts-list ul li > a > h5 {
		font-size: 1.2em;
	}
	/* Post header */
	.post-header {
		padding-left: 90px;
	}
	.post-header .header-image {
		width: 75px;
	}

	/* List item */
	.list-item {
		padding-left: 90px;
	}
	.list-item .item-image {
		width: 75px;
	}

	/* timeline */
	.timeline {
		padding: 0;
		background: none;
	}
	.timeline .timeline-intro {
		position: static;
		width: auto;
		display: block;
		margin: 0 0 30px;
	}
	.timeline .timeline-event {
		padding: 30px 0 60px;
		margin: 0;
		background: url(images/timeline-background-stripe.png) top center repeat-y;
	}
	.timeline .timeline-event .event-connector .connector-line {
		display: none;
	}
	.timeline .timeline-event .card {
		float: none;
		width: auto;
	}

	/* widget */
	.sidebar .widget .btn.btn-cta {
		font-size: .85em;
		padding: 10px 0;
	}
	.sidebar .widget.widget-cta .cta-bottom {
		padding: 20px;
	}

	/* containers */
	.cta-container.container-slim {
		padding: 15px 15px 15px 70px;
	}
	.cta-container.container-slim .cta-action {
		position: static;
		margin: 15px 0 0;
	}

	/* site footer */
	.site-footer {
		padding: 15px 15px 30px;
	}
	.site-footer .footer-title {
		margin-top: 30px;
	}
	
	/* tables */
	.table-compare {
		font-size: .75em;
	}
	.table-courses {
		font-size: .75em;
	}
	.table.table-details thead,
	.table.table-details tbody,
	.table.table-details tr,
	.table.table-details th,
	.table.table-details td {
		display: block;
		width: 100% !important;
	}
	.table.table-details tbody th {
		padding: 10px 10px 5px;
		border-top: 1px solid #ddd;
	}
	.table.table-details tbody td {
		padding: 5px 10px 10px;
		border: none;
	}

	/* modals */
	.modal-header .modal-title {
		font-size: 1.5em;
	}
	.modal-header .close {
		top: 9px;
	}
	.modal-header.header-brand .modal-title {
		padding-left: 45px;
	}
	.modal-header.header-brand .modal-title .title-icon {
		top: -4px;
		left: -8px;
	}

	/* woocommerce */
	.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
		padding: 2px;
	}
	

}

@media screen and (max-width: 480px) {

	.container {
		padding: 0 15px;
	}
	
	.page-section.home-pro-benefits {
	    background: url(images/pro-benefits.svg) center 500px no-repeat;
	    background-size: 75%;
	}

	.list-item .item-column {
		display: inline-block;
		min-width: 75px;
		padding: 0;
		margin-right: 10px;
		border: none;
	}
	.list-item .item-column .column-label {
		font-size: .65em;
	}
	.list-item .item-column .column-value {
		font-size: 1em;
	}

	.post-header .list-item .item-column {
		width: 48%;
		margin: 0 0 15px;
	}

	.hero.hero-homepage {
		padding: 30px 15px 0;
	}
	.hero.hero-homepage h1 {
		font-size: 1.8em;
	}
	.hero .hero-cta {
		padding: 30px;
	}

	/* tables */
	.table.table-compare tbody td,
	.table.table-compare tfoot td {
		position: relative;
		padding: 15px 15px 15px 150px;
		font-size: .8em;
	}
	.table.table-compare tbody .mobile-label,
	.table.table-compare tfoot .mobile-label {
		top: 15px;
		left: 15px;
		width: 120px;
	}
	.table.table-compare tbody .btn-block,
	.table.table-compare tfoot .btn-block {
		padding: 12px 0;
	}

	.adframe300x250 {
		padding: 9px;
	}

	/* ----- woocommerce ----- */
	.woocommerce ul.products,
	.woocommerce-page ul.products {
		margin-left: 0;
	}
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product,
	.woocommerce-page ul.products li.last {
		width: 100%;
	}
	.woocommerce #content div.product div.images,
	.woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images {
		width: 30%;
	}
	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary {
		width: 64%;
	}
	.woocommerce div.product .product_title {
		font-size: 1.5em;
		margin: 0 0 10px;
	}
	.woocommerce div.product p.price,
	.woocommerce div.product span.price {
		margin: 0 0 10px;
	}
	.woocommerce .quantity .qty {
		width: 50px;
		height: 40px;
		padding: 8px;
	}
	.woocommerce div.product form.cart .button {
		font-size: .85em;
		height: 40px;
		padding: 13px 20px;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs {
		font-size: .8em;
	}

}