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

/*

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

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

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

body {
	color: #4b4a50;
	font-family: 'Source Sans Pro', arial, sans-serif;
	font-weight: 300;
}

body.search {
    background: inherit;
    padding: 0;
    margin: 0;
    border-radius: none;
}

h1, h2, h3, h4, h5, h6, p {font-weight: 300; margin-bottom: 20px; line-height: 1.4em;}
h1, h2, h3, h4, h5, h6 {letter-spacing: -0.025em; color: #1c1733;}
h3, h4, h5, h6 {font-weight: 700;}
h1 {font-size: 3em; line-height: 1.2em;}
h2 {font-size: 2.4em;}
h3 {font-size: 2em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.2em;}
p {font-size: 1em; font-weight: 400; line-height: 1.8em;}

.headline {font-size: 1.5em; font-weight: 300; letter-spacing: -0.025em; line-height: 1.4;}
.headline.headline-small {font-size: 1.2em;}
.headline.headline-large {font-size: 2em;}
.headline.headline-jumbo {font-size: 2.4em;}
.headline.headline-thin {font-weight: 100;}
.terms {font-size: .8em;}

a {
	color: #30b36b;
	text-decoration: none;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
a:hover {
	color: #148953;
	text-decoration: underline;
}

blockquote {
	padding: 0 0 0 20px;
	margin: 0 0 30px;
	font-size: 1.4em;
	color: #707272;
	border-left: 5px solid #799ea9;
}

code {
	padding: 2px 5px;
	font-size: .85em;
	color: #1c1733;
}

pre {
	padding: 15px;
	margin: 0 0 20px;
	background: #1c1733;
	color: #fff;
	font-size: .8em;
}

sup {
	font-size: .7em;
}

hr {
	border-top-color: #ddd;
}

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

iframe {
	max-width: 100%;
	margin: 0 0 20px;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

/* ---------- helpers ---------- */
.helper-text {
	font-size: .8em;
	font-weight: 400;
	color: #999;
}
.screen-reader-text {
	display: none;
}
.capitalize {
	text-transform: capitalize;
}
.caps {
	text-transform: uppercase;
}
.centered {
	text-align: center;
}
.clear {
	clear: both;
}
.bold {
	font-weight: 700 !important;
}
.spaced-3 {
	letter-spacing: 3px;
}
.spaced-5 {
	letter-spacing: 5px;
}
.font-200 {
	font-weight: 200 !important;
}
.font-300 {
	font-weight: 300 !important;
}
.font-700 {
	font-weight: 700 !important;
}
.font-800 {
	font-weight: 800 !important;
}

.no-margin {
	margin: 0 !important;
}
.margin-b-10 {
	margin: 0 0 10px !important;
}
.embed-left {
	float: left;
	margin: 0 20px 10px 0;
}
.embed-right {
	float: right;
	margin: 0 0 10px 20px;
}
.embed-center {
	margin: 0 auto;
}
.embed-image {
	margin: 0 0 20px;
}
.embed-screenshot {
	margin: 0 0 30px;
}
.embed-static {
	margin: 0 0 20px;
}
.embed-video {
	margin: 0 0 20px;
}
.embed-full {
	display: block;
	width: 100%;
	margin: 0 0 20px;
}

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

.pull-up-50 {
	margin-top: -50px !important;
}
.pull-up-100 {
	margin-top: -100px !important
}
.pull-up-200 {
	margin-top: -200px !important
}
.pull-up-250 {
	margin-top: -250px !important
}

.credo-brand {
	display: block;
	width: 250px;
}
.credo-brand.brand-small {
	width: 150px;
}

.avatar {
	border-radius: 500px;
}
.avatar-profile {
	max-width: 150px;
	margin: 0 auto;
	background: #fff;
	border: 5px solid #fff;
	border-radius: 500px;
}
.size-thumbnail {
	width: 75px;
}

/* ---------- colors ---------- */
/* brand colors */
.color-green {color: #30b36b !important;}
.color-green-dark {color: #148953 !important;}
.color-green-light {color: #20d681 !important}

.color-blue {color: #006ab4 !important;}
.color-blue-light {color: #2499ea !important;}
.color-teal {color: #1fb7b9 !important;}
.color-navy {color: #1c1733 !important;}

.color-yellow {color: #ffb400 !important;}
.color-orange {color: #fd6001 !important;}
.color-red {color: #e53057 !important;}

/* neutral colors */
.color-white {color: #fff !important;}
.color-grey-light {color: #f2f4f4 !important;}
.color-grey {color: #dce3e3 !important;}
.color-grey-light {color: #f2f4f4 !important;}
.color-grey-medium {color: #a3a8a8 !important;}
.color-grey-dark {color: #707272 !important;}
.color-charcoal {color: #4b4a50 !important;}

.color-slate {color: #ccdde2 !important;}
.color-slate-light {color: #f4f8f9 !important;}
.color-slate-medium {color: #799ea9 !important;}
.color-slate-dark {color: #526b72 !important;}

/* transparent colors */
.color-trans-black-25 {color: rgba(255, 255, 255, .25) !important;}
.color-trans-black-50 {color: rgba(255, 255, 255, .5) !important;}
.color-trans-black-75 {color: rgba(255, 255, 255, .75) !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;}

/* ---------- backgrounds ---------- */
.bg-green {background: #30b36b !important;}
.bg-green-dark {background: #148953 !important;}
.bg-green-light {background:  #20d681 !important;}

.bg-blue {background: #006ab4 !important;}

.bg-white {background: #fff !important;}
.bg-grey {background: #dce3e3 !important;}
.bg-grey-light {background: #f2f4f4 !important;}
.bg-grey-medium {background: #a3a8a8 !important;}
.bg-grey-dark {background: #707272 !important;}
.bg-charcoal {background: #4b4a50 !important;}
.bg-navy {background: #1c1733 !important;}

.bg-slate {background: #ccdde2 !important;}
.bg-slate-light {background: #f4f8f9 !important;}
.bg-slate-medium {background: #799ea9 !important;}
.bg-slate-dark {background: #526b72 !important;}

/* gradient backgrounds */
.bg-gradient-green {
	background: #148953;
	background: -moz-linear-gradient(45deg, #148953 0%, #30b36b 100%);
	background: -webkit-linear-gradient(45deg, #148953 0%,#30b36b 100%);
	background: linear-gradient(45deg, #148953 0%,#30b36b 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#148953', endColorstr='#30b36b',GradientType=1 );
}
.bg-gradient-navy {
	background: #1c1733;
	background: -moz-linear-gradient(-45deg, #1c1733 0%, #526b72 100%);
	background: -webkit-linear-gradient(-45deg, #1c1733 0%,#526b72 100%);
	background: linear-gradient(135deg, #1c1733 0%,#526b72 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1733', endColorstr='#526b72',GradientType=1 );
}
.bg-gradient-slate {
	background: #526b72;
	background: -moz-linear-gradient(-45deg, #526b72 0%, #799ea9 100%);
	background: -webkit-linear-gradient(-45deg, #526b72 0%,#799ea9 100%);
	background: linear-gradient(135deg, #526b72 0%,#799ea9 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#526b72', endColorstr='#799ea9',GradientType=1 );
}

/* ---------- icons ---------- */
.icon-left {
	margin-right: 5px;
}
.icon-right {
	margin-left: 5px;
}
.icon-jumbo {
	font-size: 5em;
	line-height: 1;
	margin: 0 0 20px;
}
.icon-super {
	font-size: 10em;
	margin: 0 0 20px;
}
.icon-centered {
	display: block;
	text-align: center;
}
.icon-embed-150 {
	display: block;
	width: 150px;
	margin: 0 0 20px;
}
.icon-credo {
	display: block;
	width: 100px;
}
.icon-credo.icon-centered {
	margin: 0 auto 20px;
}
.icon-credo.icon-inline {
	display: inline-block;
	width: 40px;
	margin: -4px 5px 0 0;
	vertical-align: top;
}
.icon-feature {
	display: inline-block;
	width: 50px;
	margin: 0 0 20px;
}

/* ---------- buttons ---------- */
.btn {
	display: inline-block;
	padding: 12px 30px;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.2;
	border: none;
	border-radius: 100px;
	text-decoration: none;
	white-space: inherit;
}
.btn.btn-cta {
	background: #1fb7b9;
	color: #fff;
	border: 2px solid #1fb7b9;
}
.btn.btn-cta:hover {
	background: #058587;
	border-color: #058587; 
}
.btn.btn-cancel {
	background: none;
	color: #526b72;
	border: 2px solid #ccc;
}
.btn.btn-cancel:hover {
	color: #526b72;
	border-color: #526b72;
}
.btn.btn-default {
	background: none;
	color: #1c1733;
	border: 2px solid #1c1733;
}
.btn.btn-default:hover {
	background: #1c1733;
	color: #fff;
	border-color: #1c1733;
}
.btn.btn-default-green {
	background: none;
	color: #30b36b;
	border: 2px solid #30b36b;
}
.btn.btn-default-green:hover {
	background: #30b36b;
	color: #fff;
	border-color: #30b36b;
}
.btn.btn-grey {
	background: none;
	color: #526b72;
	border: 2px solid #526b72;
}
.btn.btn-grey:hover {
	background: #526b72;
	color: #fff;
	border-color: #526b72;
}
.btn.btn-danger {
	background: #c00;
	color: #fff;
	border: 2px solid #c00;
}
.btn.btn-danger:hover {
	background: #900;
	color: #fff;
	border-color: #900;
}
.btn.btn-primary,
.btn.btn-save {
	background: #30b36b;
	color: #fff;
	border: 2px solid #30b36b;
}
.btn.btn-primary:hover,
.btn.btn-save:hover {
	background: #148953;
	color: #fff;
	border: 2px solid #148953;
}
.btn.btn-blue {
	background: #006ab4;
	color: #fff;
	border: 2px solid #006ab4;
}
.btn.btn-blue:hover {
	background: #014270;
	border-color: #014270;
}
.btn.btn-trans {
	background: none;
	color: #fff;
	border: 2px solid rgba(255, 255, 255, .5);
}
.btn.btn-trans:hover {
	background: #fff;
	color: #30b36b;
	border: 2px solid #fff;
}
.btn.btn-white {
	background: #fff;
	color: #30b36b;
	border: 2px solid #fff;
}
.btn.btn-white:hover {
	background: none;
	color: #fff;
	border: 2px solid rgba(255, 255, 255, .5);
}
/* option buttons */
.btn.btn-option {
	background: none;
	color: #30b36b;
	border: 2px solid #ccc;
}
.btn.btn-option:hover {
	border-color: #30b36b;
}
.btn.btn-option i.option-empty {
	display: inline-block;
}
.btn.btn-option i.option-checked {
	display: none;
}
.btn.btn-option.option-selected {
	background: #1c1733;
	color: #fff;
}
.btn.btn-option.option-selected i.option-empty {
	display: none;
}
.btn.btn-option.option-selected i.option-checked {
	display: inline-block;
}
/* button sizes */
.btn-micro {
	font-size: .75em;
	padding: 5px 15px;
}
.btn-sm {
	font-size: .85em;
	padding: 8px 20px;
}
.btn-lg {
	font-size: 1.2em;
	padding: 15px 40px;
}
.btn-xl {
	font-size: 1.5em;
	padding: 15px 40px;
}
/* button variations */
.btn-block {
	margin: 0 0 10px;
}
.btn-inline {
	vertical-align: top;
	margin-left: 5px;
}
.btn-wide {
	padding-right: 100px;
	padding-left: 100px;
}
.btn-width-200 {
	width: 200px;
}
.btn.btn-status {
	background: none;
	color: #999;
	border: 2px solid #ccc;
}

/* legacy buttons */
.tag-action-button {
	display: inline-block;
	padding: 12px 30px;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.2;
	background: #30b36b;
	color: #fff;
	border: 2px solid #30b36b;
	border-radius: 100px;
	text-decoration: none;
	white-space: inherit;
}
.tag-action-button:hover {
	background: #148953;
	color: #fff;
	border: 2px solid #148953;
}
.tag-action-button.apply {
	padding: 0;
	background: none;
	border: none;
}
.tag-action-button.apply:hover {
	background: none;
}
.tag-action-button.apply .job-tag-action-button {
	display: block;
	padding: 15px 50px;
	background: #30b36b;
	color: #fff;
	border-radius: 100px;
}
.tag-action-button.apply .job-tag-action-button:hover {
	background: #148953;
}

/* ---------- links ---------- */
.link-trans {
	color: #fff;
}
.link-trans:hover {
	text-decoration: underline;
}
.link-mint {
	color: #20d681;
	text-decoration: underline;
}
.link-mint:hover {
	color: #fff;
	text-decoration: none;
}
.more-link {
	font-weight: 700;
}

/* ---------- content ---------- */
.content-small p {
	font-size: .8em;
}

/* ---------- lists ---------- */
ul,
ol {
	margin: 0 0 20px 22px;
}
ul li,
ol li {
	margin: 0 0 10px;
}
.list {
	list-style: square;
	margin: 0 0 20px 20px;
}
.list li {
	margin: 0 0 10px;
}
/* check list */
.list-check {
	list-style: none;
	margin: 0 0 20px;
}
.list-check li {
	position: relative;
	padding-left: 30px;
	margin: 0 0 15px;
}
.list-check li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "\f058";
	font-family: FontAwesome;
	color: #20d681;
}
/* icon list */
.list-icon {
	list-style: none;
	font-weight: 700;
	color: #333;
	margin: 0 0 20px;
}
.list-icon li {
	position: relative;
	padding: 10px 0 10px 30px;
	line-height: 1.4;
}
.list-icon li i {
	position: absolute;
	top: 11px;
	left: 0;
	width: 20px;
	font-size: 1.2em;
	text-align: center;
}
/* inline list */
.list-inline {
	list-style: none;
	margin: 0;
	color: #33505e;
}
.list-inline li {
	display: inline-block;
	margin: 0 20px 0 0;
}
.list-inline li i {
	color: #85a6b5;
}
/* item list */
.list-item {
	list-style: none;
	margin: 0 0 20px;
}
.list-item li {
	margin: 0 0 20px;
}
.list-item li .item-meta {
	display: block;
	margin: 0;
	color: #aaa;
}
.list-item li .item-title {
	display: block;
	font-weight: 700;
	margin: 0;
}
.list-item li > a {
	text-decoration: none;
}
.list-item li > a:hover .item-title {
	color: #30b36b;
}
/* nav list */
.list-nav {
	list-style: none;
	font-weight: 400;
	margin: 0 0 20px;
}
.list-nav li {
	margin: 0;
	border-top: 1px solid #ddd;
}
.list-nav li a {
	position: relative;
	display: block;
	padding: 15px;
	text-decoration: none;
}
.list-nav li a:hover {
	background: #30b36b;
	color: #fff;
}
.list-nav li.list-current a {
	background: #eee;
	color: #333;
}
.list-nav li a > i {
	position: absolute;
	top: 17px;
	right: 15px;
}
/* option list */
.list-option {
	list-style: none;
	color: #333;
	margin: 0 0 20px;
}
.list-option li {
	position: relative;
	padding: 15px 0 15px 30px;
	margin: 0;
	border-top: 1px solid #ddd;
}
.list-option li i {
	position: absolute;
	top: 13px;
	left: 0;
	width: 20px;
	font-size: 1.2em;
	text-align: center;
}
.list-option li label {
	font-weight: 700;
	margin: 0;
}
/* steps list */
.list-steps {
	list-style: none;
	margin: 0 0 30px;
}
.list-steps li {
	position: relative;
	padding: 5px 0 5px 40px;
	margin: 0 0 10px;
}
.list-steps li > a {
	display: block;
}
.list-steps li .step-number {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	padding: 5px 0;
	background: #1c1733;
	color: #fff;
	font-size: .8em;
	text-align: center;
	border-radius: 100px;
}
.list-steps li .step-desc {
	display: block;
	color: #999;
	font-weight: 300;
}
.list-steps li > a:hover {
	text-decoration: none;
}
.list-steps li > a:hover .step-number {
	background: #148953;
}
.list-steps li.active .step-number {
	background: #30b36b;
}
.list-steps.step-columns {
	font-size: 0;
	margin-left: -3%;
}
.list-steps.step-columns li {
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	width: 30.33%;
	padding: 0;
	margin: 0 0 3% 3%;
	vertical-align: top;
}
.list-steps.step-columns li a {
	position: relative;
	min-height: 130px;
	padding: 25px 25px 25px 65px;
	border: 2px solid #ddd;
}
.list-steps.step-columns li a:hover {
	background: #fff;
	border-color: #30b36b;
}
.list-steps.step-columns li a .step-number {
	top: 25px;
	left: 25px;
}
.list-steps.step-columns li a .step-title {
	font-size: 1.2em;
}
/* terms list */
.list-terms {
	list-style: none;
	margin: 0;
}
.list-terms li {
	display: inline-block;
	padding: 2px 5px;
	margin: 0 0 3px 0;
	background: #f5f5f5;
	font-size: .9em;
}
/* list columns */
.list-columns-2 li {
	display: inline-block;
	width: 48%;
	vertical-align: top;
}
.list-columns-3 li {
	display: inline-block;
	width: 32%;
	vertical-align: top;
}
/* list sizes */
.list-small {
	font-size: .85em;
}
.list-large {
	font-size: 1.2em;
}

/* ---------- titles ---------- */
.title-preferred {
	font-weight: 300;
	letter-spacing: 5px;
	text-transform: uppercase;
}
.title-preferred sup {
	letter-spacing: 0;
	text-transform: none;
}
.title-preferred.color-white sup a {
	color: #20d681;
}
.title-preferred.color-white sup a:hover {
	color: #fff;
}
.title-seo {
	font-size: 1.4em;
	font-weight: 300;
	line-height: 1.6;
}
.title-small {
	font-size: 1.5em;
}
.title-slug {
	font-size: 2em;
	font-weight: 700;
	text-transform: uppercase;
}

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

/* 02: Header
========================================================================================================================= */
.site-header {
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 1000;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.site-header > .container {
	position: relative;
}
/* header top */
.site-header .header-top {
	height: 38px;
	background: #f4f8f9;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.site-header .header-top .top-nav {
	list-style: none;
	font-size: .75em;
	font-weight: 700;
	text-align: right;
	margin: 0;
}
.site-header .header-top .top-nav li {
	display: inline-block;
	margin: 0;
}
.site-header .header-top .top-nav li a {
	display: block;
	padding: 10px;
	color: #526b72;
}
.site-header .header-top .top-nav li a i {
	margin-right: 5px;
	opacity: .5;
}
/* header brand */
.site-header .header-brand {
	position: absolute;
	top: 12px;
	left: 15px;
	width: 175px;
	z-index: 1002;
}
.site-header .header-brand img {
	display: block;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.site-header .header-brand:hover img {
	opacity: .5;
}
/* header nav */
.site-header .header-nav {
	float: right;
}
.site-header .header-nav ul {
	list-style: none;
	font-size: 1em;
	font-weight: 400;
	padding: 12px 0;
	margin: 0;
}
.site-header .header-nav ul > li {
	position: relative;
	display: inline-block;
	margin: 0 0 0 5px;
}
.site-header .header-nav ul > li > a {
	display: block;
	padding: 10px 20px 12px;
	color: #526b72;
	line-height: 1.2;
	text-decoration: none;
	border-radius: 100px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	vertical-align: top;
}
.site-header .header-nav ul > li:hover > a,
.site-header .header-nav ul > li > a:hover {
	background: #526b72;
	color: #fff;
}
.site-header .header-nav ul > li.nav-cta > a {
	padding: 8px 30px 10px;
	font-weight: 700;
	color: #30b36b;
	border: 2px solid;
}
.site-header .header-nav ul > li.nav-cta > a:hover {
	background: #30b36b;
	color: #fff;
	border-color: #30b36b;
}
.site-header .header-nav ul > li.nav-dropdown > a {
	background: rgba(255, 255, 255, .15);
	font-weight: 700;
}
.site-header .header-nav ul > li.nav-dropdown > a:hover {
	background: #eee;
}
.site-header .header-nav ul > li.nav-utility > a {
	font-weight: 700;
	text-transform: uppercase;
}
.site-header .header-nav ul > li > a > i {
	margin-right: 5px;
}
/* hover sub-menu */
.site-header .header-nav ul > li.nav-hover-menu:hover > a,
.site-header .header-nav ul > li.nav-hover-menu > a:hover {
	background: #f4f8f9;
	color: #1c1733;
	border-radius: 0;
}
/* sub menu */
.site-header .header-nav .nav-sub-menu {
	display: none;
}
.site-header .header-nav li:hover .nav-sub-menu {
	display: block;
	position: absolute;
	top: 40px;
	left: 0;
	width: 220px;
	padding: 10px;
	background: #f4f8f9;
	font-size: .9em;
	font-weight: 400;
	margin: 0;
}
.site-header .header-nav li:hover .nav-sub-menu li {
	display: block;
	float: none;
	border-left: none;
	border-top: 1px solid rgba(0, 0, 0, .1);
}
.site-header .header-nav li:hover .nav-sub-menu li:first-child {
	border-top: none;
}
.site-header .header-nav li:hover .nav-sub-menu li.nav-divider {
	border-top-color: #fff;
}
.site-header .header-nav li:hover .nav-sub-menu li a {
	position: relative;
	display: block;
	height: auto;
	padding: 15px 7px;
	color: #1c1733;
	text-align: left;
	border-radius: 0;
}
.site-header .header-nav li:hover .nav-sub-menu li a:hover {
	padding-left: 15px;
	background: rgba(0, 0, 0, .1);
}
.site-header .header-nav li:hover .nav-sub-menu li a i {
	position: absolute;
	top: 20px;
	right: 5px;
	opacity: .7;
}

/* mega menu */
.site-header .header-nav .nav-mega-menu {
	display: none;
}
.site-header .header-nav li:hover .nav-mega-menu {
	display: block;
	position: absolute;
	top: 40px;
	left: -426px;
	width: 1170px;
	background: #f4f8f9;
	font-size: .9em;
	font-weight: 400;
	margin: 0;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .15);
}
.site-header .header-nav li:hover .nav-mega-menu .menu-wrap {
	display: table;
	width: 100%;
}
.site-header .header-nav li:hover .nav-mega-menu .menu-column {
	display: table-cell;
	padding: 20px;
	vertical-align: top;
}
.site-header .header-nav li:hover .nav-mega-menu .menu-column.column-25 {
	width: 25%;
}
.site-header .header-nav li:hover .nav-mega-menu .menu-column.column-75 {
	width: 75%;
}
.site-header .header-nav li:hover .nav-mega-menu .menu-column.column-featured {
	background: rgba(0, 0, 0, .05);
}
.site-header .header-nav li:hover .nav-mega-menu .menu-column.column-featured .menu-label {
	margin: 0;
	border: none;
}
.site-header .header-nav li:hover .nav-mega-menu .menu-label {
	display: block;
	padding: 0 0 10px;
	margin: 0 0 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.site-header .header-nav li:hover .nav-mega-menu .menu-title {
	margin: 0 0 5px;
}
.site-header .header-nav li:hover .nav-mega-menu .column-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}
.site-header .header-nav li:hover .nav-mega-menu .column-menu li {
	display: block;
	float: none;
	margin: 0;
	border: none;
}
.site-header .header-nav li:hover .nav-mega-menu .column-menu li:hover,
.site-header .header-nav li:hover .nav-mega-menu .column-menu li:hover a {
	background: none;
}
.site-header .header-nav li:hover .nav-mega-menu .column-menu li a {
	position: relative;
	display: block;
	height: auto;
	padding: 8px 0;
	color: #1c1733;
	text-align: left;
	border-radius: 0;
}
.site-header .header-nav li:hover .nav-mega-menu .column-menu li a:hover {
	padding-left: 8px;
	background: rgba(0, 0, 0, .1);
}
.site-header .header-nav li:hover .nav-mega-menu .column-menu li ul {
	padding: 0;
	margin: 0 0 0 10px;
}

/* dropdown (click) */
.site-header .header-nav li.nav-dropdown {
	position: relative;
}
.site-header .header-nav li.nav-dropdown.open > a {
	background: #fff;
	color: #333;
	border-radius: 0;
	border-color: #fff;
}
.site-header .header-nav li.nav-dropdown > a .dropdown-icon {
	margin-right: 5px;
}
.site-header .header-nav .dropdown-menu {
	top: auto;
	right: 0;
	min-width: 220px;
	padding: 10px;
	margin: 0;
	font-size: .85em;
	background: #fff;
	border: none;
	border-radius: 0; 
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .15);
}
.site-header .header-nav .dropdown-menu li {
	display: block;
	float: none;
	margin: 0;
	border-left: none;
	border-top: 1px solid rgba(0, 0, 0, .1);
}
.site-header .header-nav .dropdown-menu li.divider {
	background: rgba(0, 0, 0, .1);
}
.site-header .header-nav .dropdown-menu li:first-child {
	border-top: none;
}
.site-header .header-nav .dropdown-menu li a {
	position: relative;
	display: block;
	height: auto;
	padding: 15px;
	font-weight: 300;
	color: #666;
	border-radius: 0;
}
.site-header .header-nav .dropdown-menu li a i {
	position: absolute;
	top: 17px;
	right: 10px;
	width: 20px;
	text-align: center;
}
.site-header .header-nav .dropdown-menu li a:hover {
	background: #ccdde2;
	color: #000;
}

/* mobile */
.site-header .header-mobile-navicon {
	display: none;
	position: absolute;
	top: 5px;
	right: 0;
	padding: 12px 15px;
	line-height: 1;
    cursor: pointer;
    user-select: none;
    -webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	z-index: 1001;
}
.site-header .header-mobile-navicon .bars {
	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);
}

/* restyle header styling (on scroll down) */
.site-header.header-restyle {
	box-shadow: 0 5px 5px rgba(0, 0, 0, .05);
}
.site-header.header-restyle .header-top {
	height: 0px;
	overflow: hidden;
}

/* conversion headers (hide navigation elements) */
.page-template- .site-header .header-top,
.page-template- .site-header .header-nav,
.page-template- .site-header .header-mobile-navicon {
	display: none;
}
.page-template- .site-header .header-brand {
	position: static;
	display: block;
	padding: 15px 0;
	margin: 0 auto;
}

/* templates that hide header all together */
.page-template-page-lead-gen-one-column .site-header,
.page-template-page-lead-gen-two-column .site-header,
.page-template-page-credo-pro .site-header,
.page-template-page-lp-hero .site-header,
.page-template-page-lp-offer .site-header,
.page-template-page-lp-squeeze .site-header,
.page-template-page-event .site-header {
	display: none;
}

/* member header (logged in) */
.site-header.header-member {
	background: #1c1733;
}
.site-header.header-member .header-top {
	
}
.site-header.header-member .header-brand:after {
	position: absolute;
	top: 6px;
	right: -90px;
	content: "Member";
	font-weight: 300;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #20d681;
}
.site-header.header-member .header-nav ul > li > a {
	color: #fff;
}
.site-header.header-member .header-nav ul > li.nav-cta > a {
	background: #30b36b;
	color: #fff;
	border: 2px solid #30b36b;
}
.site-header.header-member .header-nav ul > li.nav-cta > a:hover {
	background: #fff;
	color: #30b36b;
	border: 2px solid #fff;
}
.site-header.header-member .header-nav ul > li.nav-dropdown > a {
	padding: 8px 30px 10px;
	background: none;
	border: 2px solid #fff;
}
.site-header.header-member .header-nav ul > li.nav-dropdown > a:hover {
	background: #fff;
	color: #30b36b;
	border-color: #fff;
}
.site-header.header-member .header-nav ul > li.nav-dropdown.open > a {
	background: #fff;
	color: #30b36b;
}
.site-header.header-member .header-nav .dropdown-menu li a {
	color: #213240;
}
.site-header.header-member .header-nav li:hover .nav-mega-menu {
	left: -716px;
}
.site-header.header-member .header-mobile-navicon .bars {
	background: #fff;
}
.site-header.header-member .header-mobile-navicon .bars:before,
.site-header.header-member .header-mobile-navicon .bars:after {
	background: #fff;
}
.site-header.header-member .header-mobile-navicon.navicon-close .bars {
	background: transparent;
}

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

/* 03: Structure
========================================================================================================================= */
.site-wrap {
	position: relative;
	margin: 103px 0 0;
}
.site-wrap.wrap-member {
	margin: 65px 0 0;
}
.site-wrap.wrap-lp {
	margin: 65px 0 0;
}
.site-wrap.wrap-squeeze {
	margin: 0;
}
/* two-column lead gen full height styling */
.page-template-page-lead-gen-two-column .site-wrap {
	min-height: 100vh;
}

/* ---------- Grids ---------- */
/* responsive grid */
.rsp-grid {
	font-size: 0;
}
.rsp-grid .grid-container {
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
}
.rsp-grid .grid-container.container-20 {
	width: 20%;
}
.rsp-grid .grid-container.container-25 {
	width: 25%;
}
.rsp-grid .grid-container.container-30 {
	width: 30%;
}
.rsp-grid .grid-container.container-33 {
	width: 33.33%;
}
.rsp-grid .grid-container.container-40 {
	width: 40%;
}
.rsp-grid .grid-container.container-50 {
	width: 50%;
}
.rsp-grid .grid-container.container-66 {
	width: 66.66%;
}
.rsp-grid .grid-container.container-75 {
	width: 75%;
}
/* 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-20 {
	width: 18%;
}
.rsp-grid.grid-spaced .grid-container.container-25 {
	width: 23%;
}
.rsp-grid.grid-spaced .grid-container.container-30 {
	width: 28%;
}
.rsp-grid.grid-spaced .grid-container.container-33 {
	width: 31.33%;
}
.rsp-grid.grid-spaced .grid-container.container-40 {
	width: 38%;
}
.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%;
}

/* ---------- Layouts ---------- */
.column-layout {
	display: table;
	width: 100%;
	min-height: 100vh;
}
/* two-column lead gen full height styling */
.page-template-page-lead-gen-two-column .column-layout {
	height: 100vh;
}
.column-layout .layout-body,
.column-layout .layout-rail {
	display: table-cell;
	vertical-align: top;
}
.column-layout .layout-body {
	width: 65%;
	padding: 50px 0;
}
.column-layout .layout-rail {
	width: 35%;
	padding: 50px 0;
}
.column-layout .layout-rail.rail-gradient-dark {
	background: #1c1733;
	background: -moz-linear-gradient(-45deg, #1c1733 0%, #526b72 100%);
	background: -webkit-linear-gradient(-45deg, #1c1733 0%,#526b72 100%);
	background: linear-gradient(135deg, #1c1733 0%,#526b72 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1733', endColorstr='#526b72',GradientType=1 );
}
.column-layout .layout-rail.rail-gradient-green {
	background: #148953;
	background: -moz-linear-gradient(-45deg, #148953 0%, #30b36b 100%);
	background: -webkit-linear-gradient(-45deg, #148953 0%,#30b36b 100%);
	background: linear-gradient(135deg, #148953 0%,#30b36b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#148953', endColorstr='#30b36b',GradientType=1 );
}
.column-layout .layout-content {
	width: 80%;
	max-width: 650px;
	margin: 0 auto;
}
.column-layout .layout-brand {
	display: block;
	width: 200px;
	margin: 0 0 20px;
}
/* layout with hero */
.column-layout .layout-body.body-with-hero {
	padding: 0 0 50px;
}
.column-layout .layout-body.body-with-hero .hero {
	padding: 15% 10%;
}
.column-layout .layout-body.body-with-hero .layout-content {
	padding: 30px 0 0;
}

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

/* ---------- Hero ---------- */
.hero {
	position: relative;
	width: 100%;
	padding: 70px 0;
	background: #1c1733;
	background: -moz-linear-gradient(-45deg, #1c1733 0%, #526b72 100%);
	background: -webkit-linear-gradient(-45deg, #1c1733 0%,#526b72 100%);
	background: linear-gradient(135deg, #1c1733 0%,#526b72 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1733', endColorstr='#526b72',GradientType=1 );
}

.hero .hero-content {
	width: 70%;
}
.hero .hero-emph {
	display: block;
	font-weight: 700;
}
.hero .hero-typed-text {
	color: #aef28f;
}
.hero .hero-mobile-image {
	display: none; /* only show for mobile */
}
.hero .quickstart-form {
	width: 70%;
}

.hero .breadcrumb {
	color: rgba(255, 255, 255, .5);
}
.hero .hero-copy p,
.hero .hero-copy ul,
.hero .hero-copy ol {
	color: #fff;
}
.hero p:last-child {
	margin: 0;
}
.hero .hero-brand {
	width: 200px;
	margin: 0 0 20px;
}
.hero .hero-brand img {
	display: block;
}
.hero .hero-cta {
	padding: 20px;
	border: 2px solid rgba(255, 255, 255, .15);
}
.hero .hero-cta.cta-40 {
	padding: 40px;
	background: rgba(0, 0, 0, .25);
	border: none;
}
.hero .hero-nav {
	padding: 20px 0 0;
	margin: 20px 0 0;
	border-top: 1px solid rgba(255, 255, 255, .5);
}
.hero .hero-nav ul {
	list-style: none;
	font-weight: 700;
	margin: 0;
}
.hero .hero-nav ul li {
	display: inline-block;
}
.hero .hero-nav ul li:first-child {
	border-left: none;
}
.hero .hero-nav ul li a {
	display: block;
	padding: 10px 25px;
	color: #fff;
	border-radius: 100px;
}
.hero .hero-nav ul li a:hover {
	background: #fff;
	color: #30b36b;
	text-decoration: none;
}
.hero .hero-nav ul li a i {
	margin-right: 7px;
	opacity: .5;
}

.hero.hero-homepage .headline {
	margin: 0 0 30px;
}

/* hero bg variations */
.hero.hero-green {
	background: url(images/hero-bg-logo-gradient-green.jpg) center center #1c1733;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.hero.hero-navy {
	background: url(images/hero-bg-logo-gradient-navy.jpg) center center #1c1733;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.hero.hero-slate {
	background: #526b72;
	background: -moz-linear-gradient(-45deg, #526b72 0%, #799ea9 100%);
	background: -webkit-linear-gradient(-45deg, #526b72 0%,#799ea9 100%);
	background: linear-gradient(135deg, #526b72 0%,#799ea9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#526b72', endColorstr='#799ea9',GradientType=1 );
}
.hero.hero-homepage {
	padding: 100px;
	background: url(images/hero-bg-logo-gradient.jpg) center center #1c1733;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.hero.hero-pro {
	background: url(images/section-bg-network.jpg) center center #1c1733;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.hero.hero-skyline {
	background: url(images/section-bg-city-green.jpg) center center #1c1733;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* landing page hero */
.hero.hero-lp {
	padding: 0 0 30px;
	background: url(images/hero-bg-lp.jpg) center center #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.hero.hero-lp .hero-content {
	display: inline-block;
	width: 60%;
	padding: 50px;
	vertical-align: top;
}
.hero.hero-lp .hero-content .quote {
	padding: 20px 0 0;
	background: none;
	border-top: 1px solid rgba(255, 255, 255, .15);
}
.hero.hero-lp .hero-form {
	display: inline-block;
	width: 35%;
	padding: 50px;
	background: rgba(0, 51, 102, .5);
}
.hero.hero-lp .hero-form input[type="text"],
.hero.hero-lp .hero-form input[type="email"],
.hero.hero-lp .hero-form input[type="password"] {
	padding: 12px;
	border: none;
}
.hero.hero-lp .hero-form input[type="submit"] {
	display: block;
	width: 100%;
	padding: 15px 0;
}
/* hero variations */
.hero.hero-full {
	min-height: 100vh;
}
.hero.hero-slim {
	padding: 30px 0; 
}

/* -------------------- Overlay -------------------- */
.overlay {
    display: none; /* hidden by default; show with JS */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 40px 0;
    background: rgba(28, 23, 51, .95);
    z-index: 2000;
    overflow: scroll;
}
.overlay.open {
    display: block;
}
.overlay-header {
    position: relative;
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid #20d681;
}
.overlay-header .header-title {
	font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}
.overlay-header .header-title i {
    font-size: .85em;
}
.overlay-header .header-close {
    position: absolute;
    top: -10px;
    right: 0;
    font-size: 4em;
    font-weight: 300;
    line-height: 1;
    color: rgba(255, 255, 255, .5);
    text-decoration: none;
}
.overlay-header .header-close:hover {
    color: #fff;
}
.overlay-menu-title {
	font-size: 1.2em;
	font-weight: 700;
    color: #fff;
}
.overlay-menu {
    list-style: none;
    font-size: .9em;
    font-weight: 300;
    margin: 0 0 30px;
}
.overlay-menu li {
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
}
.overlay-menu li a {
    display: block;
    padding: 12px 15px;
    color: rgba(255, 255, 255, .7);
}
.overlay-menu li a:hover {
    background: #30b36b;
    color: #fff;
}
.overlay-menu li ul {
    list-style: none;
    font-weight: 300;
    margin: 0;
}
.overlay-menu li ul li a {
    padding: 10px 20px;
}
.overlay-menu.menu-feature li a {
	position: relative;
	padding: 20px 20px 20px 45px
}
.overlay-menu.menu-feature li a .feature-icon {
	position: absolute;
	top: 20px;
	left: 15px;
	width: 25px;
	text-align: center;
}
.overlay-menu.menu-feature li a .feature-title {
	display: block;
	font-size: 1.2em;
	color: #fff;
}
.overlay-menu.menu-feature li a .feature-desc {
	display: block;
}
/* overlay dropdowns */
.overlay .dropdown .dropdown-toggle {
	display: block;
	width: 100%;
	padding: 12px 15px;
	margin: 0 0 30px;
	font-weight: 400;
	color: rgba(255, 255, 255, .7);
	border: 2px solid rgba(255, 255, 255, .15);
	border-radius: 0;
}
.overlay .dropdown .dropdown-toggle:hover {
	background: #30b36b;
    color: #fff;
}
.overlay .dropdown.open .dropdown-toggle {
	background: #fff;
	color: #30b36b;
	border-color: #fff;
}
.overlay .dropdown .dropdown-menu {
	width: 100%;
	border: none;
}
.overlay .dropdown .dropdown-menu li {
	border-top: 1px solid #eee;
}
.overlay .dropdown .dropdown-menu li a {
	padding: 12px 15px;
	color: #1c1733;
}
.overlay .dropdown .dropdown-menu li a:hover {
	background: #30b36b;
	color: #fff;
}
/* transparent overlays */
.overlay.overlay-trans {
    background: rgba(0, 0, 0, .85);
}

/* ---------- Page header ---------- */
.page-header {
	position: relative;
	padding: 50px 0;
	margin: 0;
	border: none;
	background: #526b72;
	background: -moz-linear-gradient(-45deg, #526b72 0%, #799ea9 100%);
	background: -webkit-linear-gradient(-45deg, #526b72 0%,#799ea9 100%);
	background: linear-gradient(135deg, #526b72 0%,#799ea9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#526b72', endColorstr='#799ea9',GradientType=1 );
}
.page-header .header-label {
	display: block;
	font-weight: 700;
	margin: 0 0 15px;
	color: #fff;
}
.page-header .header-label .label {
	display: inline-block;
	padding: 10px 20px;
	font-size: 1.2em;
	font-weight: 300;
}
.page-header .header-label.label-title {
	letter-spacing: 5px;
	text-transform: uppercase;
}
.page-header .header-label > i {
	margin-right: 5px;
}
.page-header .header-label a {
	color: #fff;
}
.page-header .header-label a:hover {
	text-decoration: none;
	color: rgba(255, 255, 255, .5);
}
.page-header h1 {
	padding: 0;
	margin: 0 0 20px;
	color: #fff;
	border: none;
}
.page-header h1:last-child {
	margin: 0;
}
.page-header h1 > i {
	position: static;
	top: inherit;
	line-height: 1;
	margin: 0 5px 0 0;
	opacity: .35;
	vertical-align: top;
}

.page-header .breadcrumb {
	color: rgba(255, 255, 255, .5);
}
.page-header .breadcrumb a:hover {
	color: #fff;
}

.page-header .header-content {
	width: 75%;
}
.page-header .header-content p {
	color: #fff;
}
.page-header .header-cta {
	padding: 20px;
	border: 2px solid rgba(255, 255, 255, .15);
}

/* header nav */
.page-header .header-nav {
	padding: 20px 0 0;
	margin: 20px 0 0;
	border-top: 1px solid rgba(255, 255, 255, .15);
}
.page-header .header-nav ul {
	margin: 0;
}
.page-header .header-nav ul li {
	display: inline-block;
	margin: 0;
	border-left: 1px solid rgba(255, 255, 255, .1);
}
.page-header .header-nav ul li:first-child {
	border-left: none;
}
.page-header .header-nav ul li a {
	display: block;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
}
.page-header .header-nav ul li a:hover {
	background: rgba(0, 0, 0, .25);
}
.page-header .header-nav ul li a i {
	display: inline-block;
	width: 16px;
	margin: 3px 5px 0 0;
	color: #20d681;
	vertical-align: top;
}

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

/* header overlay */
.page-header .header-overlay {
	padding: 30px 0 10px;
	margin: 50px 0 0;
	background: rgba(0, 0, 0, .35);
}

/* white headers */
.page-header.header-white {
	background: #fff;
}
.page-header.header-white h1 {
	color: #213240;
}

/* slim headers */
.page-header.header-slim {
	padding: 100px 0 30px;
}

/* utility headers */
.page-header.header-with-utility .container {
	position: relative;
	padding-right: 200px;
}
.page-header.header-with-utility .header-utility {
	position: absolute;
	bottom: 15px;
	right: 30px;
}
.page-header.header-with-utility .header-utility .utility-link {
	display: block;
	padding: 10px 20px;
	background: rgba(255, 255, 255, .15);
	color: #fff;
	border-radius: 100px;
}

/* post headers */
.page-header.header-post {
	min-height: 400px;
}

/* profile headers */
.page-header.header-profile {
	background: url(images/hero-bg-logo-gradient.jpg) center center #1c1733;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	overflow: hidden;
}
.page-header.header-profile.header-with-overlay {
	padding-bottom: 0;
}
.page-header.header-profile.profile-light {
	background: url(images/hero-bg-logo-light.jpg) center center #f4f8f9;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-header.header-profile .profile-content {
	position: relative;
	min-height: 140px;
	padding-left: 140px;
	margin: 15px 0;
}
.page-header.header-profile .profile-content .header-profile-image {
	position: absolute;
	top: -5px;
	left: 0;
	width: 120px;
}
.page-header.header-profile .profile-content .content-header .header-profile-image img {
	background: #fff;
	border-radius: 100px;
	border: 5px solid #fff;
}
.page-header.header-profile .profile-content .content-header h1 {
	line-height: 1.2;
}
.page-header.header-profile .profile-content .content-header .header-label .label {
	padding: 5px 15px;
	font-size: 1em;
}
.page-header.header-profile .profile-content .content-header .meta {
	font-size: 1.2em;
}

/* app headers */
.page-header.header-app {
	padding: 30px 0;
}
.page-header.header-app h1 {
	font-size: 2em;
}

/* admin headers */
.page-header.header-admin {
	background: url(images/hero-bg-logo-gradient-green.jpg) center center #1c1733;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* ---------- Page section ---------- */
.page-section {
	position: relative;
	padding: 50px 0;
}
.page-section .section-label {
	display: block;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin: 0 0 10px;
}
.page-section .section-nav {
	padding: 20px 0 0;
	margin: 20px 0 0;
	border-top: 1px solid rgba(255, 255, 255, .15);
}
.page-section .section-nav ul {
	list-style: none;
	font-weight: 700;
	text-align: center;
	margin: 0;
}
.page-section .section-nav ul li {
	display: inline-block;
}
.page-section .section-nav ul li:first-child {
	border-left: none;
}
.page-section .section-nav ul li a {
	display: block;
	padding: 10px 20px;
	color: #fff;
	border-radius: 100px;
}
.page-section .section-nav ul li a:hover {
	background: #fff;
	color: #1985e3;
	text-decoration: none;
}
.page-section .section-nav ul li.active a {
	background: rgba(255, 255, 255, .1);
}

.page-section.section-slim {
	padding: 30px 0;
}
.page-section.section-no-pad {
	padding: 0;
}
.page-section.section-no-top-pad {
	padding-top: 0;
}
.page-section.section-no-bottom-pad {
	padding-bottom: 0;
}
.page-section.section-breadcrumb {
	padding: 15px 0;
}
.page-section.section-breadcrumb .breadcrumb {
	margin: 0;
}

.page-section.section-with-utility > .container {
	position: relative;
	padding-right: 200px;
}
.page-section.section-with-utility .section-utility {
	position: absolute;
	top: -15px;
	right: 15px;
}
.page-section.section-with-utility .section-utility .dropdown .dropdown-link {
	display: block;
	padding: 15px;
	font-weight: 700;
	line-height: 1;
	color: #1c1733;
}
.page-section.section-with-utility .section-utility .dropdown.open .dropdown-link {
	background: #fff;
}

/* section colors */
.page-section.section-white {
	background: #fff;
}
.page-section.section-light {
	background: #f5f8fb;
}
.page-section.section-dark {
	background: #213240;
}

.page-section.section-confirmation {
	padding: 100px 0 30px;
}

/* sections with background images */
.page-section.section-credo-story {
	padding: 100px 0;
	background: url(images/section-bg-credo-story.jpg) #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-city {
	background: url(images/section-bg-city-green.jpg) #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-analytics {
	background: url(images/section-bg-analytics-blue.jpg) #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-desk {
	padding: 100px 0;
	background: url(images/section-bg-desk.jpg) bottom center #151515;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.page-section.section-cta {
	padding: 100px 0;
	background: #526b72;
	background: -moz-linear-gradient(-45deg, #526b72 0%, #799ea9 100%);
	background: -webkit-linear-gradient(-45deg, #526b72 0%,#799ea9 100%);
	background: linear-gradient(135deg, #526b72 0%,#799ea9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#526b72', endColorstr='#799ea9',GradientType=1 );
}
.page-section.section-credo-icon-trans {
	background: url(images/credo-icon-trans-10.png) no-repeat #f4f8f9;
	background-position: 80% 70%;
}
.page-section.section-credo-icon-white-trans {
	background: url(images/credo-icon-white-trans-25.png) no-repeat #f4f8f9;
	background-position: 80% 70%;
}

/* ---------- Section Content ---------- */
.section-row {
    margin: 50px 0 100px;
}
.section-content {
    padding: 30px;
}
.section-image {
	position: relative;
	display: block;
	z-index: 5;
}
.section-image.image-screenshot {
	background: #fff;
}
.section-image.image-screenshot .screenshot-image {
	margin: 0 auto;
}
.section-image.image-screenshot.image-padded-50 .screenshot-image {
	padding: 50px;
}
.section-image.image-screenshot.image-padded-100 .screenshot-image {
	padding: 100px;
}
.section-image.image-screenshot.image-bordered .screenshot-image {
	border: 2px solid #ddd;
}

/* -------------------- Landing Pages -------------------- */
.lp-header {
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .05);
	z-index: 1000;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.lp-header > .container {
	position: relative;
}
/* header brand */
.lp-header .header-brand {
	position: absolute;
	top: 12px;
	left: 15px;
	width: 175px;
	z-index: 1002;
}
.lp-header .header-brand img {
	display: block;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.lp-header .header-brand:hover img {
	opacity: .5;
}
/* header nav */
.lp-header .header-nav {
	float: right;
}
.lp-header .header-nav ul {
	list-style: none;
	font-size: 1em;
	font-weight: 400;
	padding: 12px 0;
	margin: 0;
}
.lp-header .header-nav ul > li {
	display: inline-block;
	margin: 0 0 0 5px;
}
.lp-header .header-nav ul > li > a {
	display: block;
	padding: 10px 20px 12px;
	color: #526b72;
	line-height: 1.2;
	text-decoration: none;
	border-radius: 100px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	vertical-align: top;
}
.lp-header .header-nav ul > li > a:hover {
	background: #526b72;
	color: #fff;
}
.lp-header .header-nav ul > li.nav-cta > a {
	padding: 8px 30px 10px;
	font-weight: 700;
	color: #30b36b;
	border: 2px solid;
}
.lp-header .header-nav ul > li.nav-cta > a:hover {
	background: #30b36b;
	color: #fff;
	border-color: #30b36b;
}

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

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

/* 04: Components
========================================================================================================================= */
/* ---------- Accordions ---------- */
.accordion {
    width: 100%;
    border-top: 1px solid #ddd;
}
.accordion-toggle {
    position: relative;
    display: block;
    padding: 20px 20px 20px 70px;
    font-weight: 400;
    text-decoration: none !important;
    color: #333;
}
.accordion-toggle:hover {
    text-decoration: none;
}
.accordion-toggle .toggle-icon {
    position: absolute;
    top: 18px;
    left: 15px;
    font-size: 1.5em;
    line-height: 1;
    color: #1985e3;
}
.accordion-toggle.open {
    color: #1985e3;
}
.accordion-content {
    display: none;
    padding: 0 20px 20px 70px;
}
.accordion-content p {
    font-size: .9em;
}
.accordion-content p:last-child {
    margin: 0;
}

/* ---------- Brand ---------- */
.brand {
	position: relative;
	display: block;
	padding: 30px;
}
.brand img {
	margin: 0 auto;
}
/* squeeze brand */
.brand.brand-squeeze {
	width: 200px;
	padding: 0;
	margin: 0 0 15px;
}
.brand.brand-squeeze .brand-tag {
	position: absolute;
	top: 8px;
	left: 220px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

/* ---------- Breadcrumb ---------- */
.breadcrumb {
	padding: 0;
	background: none;
	font-size: .85em;
}
.breadcrumb span {
	display: inline-block;
	padding: 0 3px;
}
.breadcrumb span:first-child {
	padding-left: 0;
}

/* ---------- Card ---------- */
.card {
	margin: 0 0 20px;
	background: #fff;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .15); 
}
.card .card-header {
	padding: 30px 30px 0;
}
.card .card-image {
	position: relative;
	background: #213240;
}
.card .card-image > a {
	display: block;
}
.card .card-image img {
	display: block;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.card .card-image:hover img {
	opacity: .5;
}
.card .card-image .card-icon {
	position: absolute;
	bottom: -15px;
	left: 30px;
	z-index: 10;
}
.card .card-image .card-icon a {
	display: block;
	width: 72px;
	padding: 20px 0;
	font-size: 2em;
	line-height: 1;
	text-align: center;
	background: #1c1733;
	color: #fff;
}
.card .card-image .image-label {
	position: absolute;
	bottom: 20px;
	left: 0;
	padding: 7px 15px;
	font-weight: 900;
	background: #fc0;
	color: #151515;
}
.card .card-image .image-content {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 15px;
	background: linear-gradient(transparent, rgba(0, 0, 0, .8));
}
.card .card-content {
	padding: 30px;
}
.card .card-content .card-title {
	margin: 0 0 10px;
}
.card .card-content .card-title a {
	color: #1c1733;
}
.card .card-content .card-title a:hover {
	color: #30b36b;
}
.card .card-content p {
	font-size: .85em;
}
.card .card-label {
	display: block;
	min-height: 42px;
	padding: 10px 30px;
	margin: 20px 0 0;
	background: #ccdde2;
	color: #4b4a50;
}
.card .card-label.label-preferred {
	background: #006ab4;
	color: #fff;
	/*
	background: #30b36b;
	background: -moz-linear-gradient(45deg, #30b36b 0%, #20d681 100%);
	background: -webkit-linear-gradient(45deg, #30b36b 0%,#20d681 100%);
	background: linear-gradient(45deg, #30b36b 0%,#20d681 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30b36b', endColorstr='#20d681',GradientType=1 );
	*/
}

/* card columns */
.card .card-column {
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
}
.card .card-column.column-profile {
	width: 220px;
}
.card .card-column.column-description {
	width: 450px;
}
.card .card-column.column-metric {
	width: 150px;
}
.card .card-column.column-rank {
	width: 100px;
}
.card .card-column.column-action {
	float: right;
	margin: 0 0 10px;
}

.card .card-column .metric-label {
	display: block;
	font-size: .85em;
	margin: 5px 0;
	color: #799ea9;
}
.card .card-column .metric-value {
	display: block;
	font-size: 1.8em;
	line-height: 1.4;
	color: #1c1733;
}
.card .card-column .metric-value.value-small {
	font-size: 1.2em;
	padding: 5px 0 0;
}
.card .card-column .metric-rank {
	display: inline-block;
	padding: 10px 0;
	width: 42px;
	background: #799ea9;
	color: #fff;
	text-align: center;
	border-radius: 100px;
}
.card .metric-rank.rank-top {
	background: #148953;
}
.card .metric-rank.rank-high {
	background: #30b36b;
}
.card .metric-rank.rank-medium {
	background: #1fb7b9;
}
.card .metric-rank.rank-low {
	background: #fc0;
}

/* plan cards */
.card.card-plan .plan-header {
	padding: 50px;
}
.card.card-plan .plan-header .plan-label {
	display: inline-block;
	padding: 0 0 10px;
	margin: 0 0 10px;
	color: #fff;
	font-size: .85em;
	border-bottom: 2px solid rgba(255, 255, 255, .25);
}
.card.card-plan .plan-header .plan-title {
	font-size: 1.8em;
	font-weight: 400;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #fff;
	margin: 0;
}
.card.card-plan .card-content {
	padding: 50px;
}
.card.card-plan .card-content p {
	font-size: 1em;
}

/* product cards */
.card.card-product {
	position: relative;
	padding: 40px;
}
.card.card-product .product-title {
	font-size: 1.5em;
	font-weight: 700;
}
.card.card-product .product-price {
	font-size: 1.4em;
	font-weight: 700;
	letter-spacing: -1px;
	color: #333;
	margin: 0 0 5px;
}
.card.card-product .product-price .price-sub {
	font-weight: 300;
	color: #999;
}
.card.card-product p {
	font-size: 1em;
}
.card.card-product.product-recommended {
	margin-top: -15px;
	z-index: 10;
}
.card.card-product .card-content {
	padding: 0;
}
.card.card-product.card-blue {
	border-top: 10px solid #006ab4;
}
.card.card-product.card-green {
	border-top: 10px solid #30b36b;
}
.card.card-product.card-teal {
	border-top: 10px solid #1fb7b9;
}
/* item cards */
.card.card-item {
	position: relative;
	padding: 0 0 0 100px;
	border-left: 5px solid #ccdde2;
}
.card.card-item.item-preferred {
	border-color: #006ab4;
}
.card.card-item .item-image {
	position: absolute;
	top: 20px;
	left: 20px;
}
.card.card-item .item-image img {
	width: 80px;
	border-radius: 100px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.card.card-item .item-image img:hover {
	transform: scale(1.05);
}
.card.card-item .card-content {
	padding: 20px;
}
/* listing cards */
.card.card-listing {
	margin: 0;
}
.card.card-listing .card-content p {
	min-height: 100px;
}
/* resource cards */
.card.card-resource .card-title {
	min-height: 70px;
}
.card.card-resource p {
	min-height: 100px;
}
/* fixed height cards */
.card.card-fixed-height .card-header {
	min-height: 120px;
}

/* ---------- Case Study ---------- */
.case-study-text {
	display: block;
}

/* ---------- Comments ---------- */
/* hide all the default WP stuff */
.comments-container .form-allowed-tags,
.comments-container .logged-in-as,
.comments-container br {
	display: none;
}
.comment-list {
	list-style: none;
	margin: 0 0 20px;
}
.comment-list .comment {
	position: relative;
	padding: 15px 0 0 54px;
	border-top: 1px solid #ddd;
}
.comment-list .comment.bypostauthor:after {
	position: absolute;
	top: 15px;
	right: 0;
	content: "Author";
	font-size: .8em;
	font-weight: 700;
	text-transform: uppercase;
	color: #0fc294;
	z-index: 5;
}
.comment-list .comment .avatar {
	position: absolute;
	top: 15px;
	left: 0;
	width: 44px;
	border-radius: 50px;
}
.comment-list .comment .comment-meta {
	font-size: .85em;
	font-weight: 700;
	color: #333;
	margin: 0 0 10px;
}
.comment-list .comment.bypostauthor .comment-meta {
	padding-right: 100px;
}
.comment-list .comment .comment-meta .fn {
	color: #30b36b;
}
.comment-list .comment .comment-meta .fn > a {
	color: #30b36b;
}
.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;
}
.comment-list .comment .children {
	list-style: none;
	/*
 	border-left: 2px solid #eee;
 	padding-left: 30px;
 	*/
    margin: 0;
}
.comment-reply-link {
	font-size: .8em;
}

.comment-form label {
	margin: 0;
}
.comment-form .comment-subscription-form .subscribe-label {
	padding-left: 5px;
	margin: 0;
	font-size: .9em;
	font-weight: 400;
}
.no-comments {
	padding: 15px;
	background: #eee;
}

/* ---------- Entry ---------- */
.entry p {
	font-size: 1.2em;
}
.entry ul,
.entry ol {
	font-size: 1.2em;
}

/* ---------- Feature ---------- */
.feature {
	position: relative;
	padding-left: 80px;
	margin: 0 0 30px;
}
.feature .feature-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 65px;
	font-size: 3em;
	line-height: 1;
	text-align: center;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.feature .feature-title {
	display: block;
	font-weight: 400;
	line-height: 1.4;
	margin: 0 0 10px;
}
/* item features */
.feature.feature-item {
	display: block;
	min-height: 80px;
	padding: 17px 20px 0 70px;
	margin: 0;
}
.feature.feature-item .feature-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	padding: 15px 0;
	font-size: 2em;
	color: #748ca2;
}
.feature.feature-item .feature-title {
	font-size: 1em;
	font-weight: 700;
}
/* link features */
.feature.feature-link {
	display: block;
	padding: 30px 30px 30px 100px;
	border: 2px solid #ddd;
}
.feature.feature-link .feature-icon {
	top: 25px;
	left: 20px;
}
.feature.feature-link .feature-title {
	display: block;
	font-size: 1.4em;
	font-weight: 700;
}
.feature.feature-link .feature-desc {
	display: block;
	color: #999;
}
.feature.feature-link:hover {
	background: #eee;
	border-color: #30b36b;
	text-decoration: none;
}
/* tile features */
.feature.feature-tile {
	display: block;
	padding: 30px 30px 30px 100px;
	margin: 0;
	background: #fff;
	border: 1px solid #ddd;
	border-left: 5px solid #ccc;
}
.feature.feature-tile .feature-icon {
	top: 30px;
	left: 20px;
	color: #ccc;
}
.feature.feature-tile .feature-title {
	font-size: 1.2em;
}
.feature.feature-tile .feature-desc {
	color: #858585;
}
.feature.feature-tile:hover {
	border-color: #1985e3;
	text-decoration: none;
}
.feature.feature-tile:hover .feature-icon {
	color: #1985e3;
	transform: scale(1.10);
}

/* stacked features */
.feature.feature-stacked {
	padding: 0;
}
.feature.feature-stacked .feature-icon {
	position: static;
	display: block;
	width: 100px;
	margin: 0 0 20px;
}

/* centered features */
.feature.feature-centered .feature-icon {
	position: static;
	display: block;
	width: 100px;
	margin: 0 auto 20px;
}
.feature.feature-centered .feature-title,
.feature.feature-centered .feature-desc {
	text-align: center;
}

/* circle features */
.feature.feature-circle .feature-icon {
	display: inline-block;
	width: 60px;
	height: 60px;
	padding: 17px 0;
	font-size: 1.5em;
	line-height: 1;
	text-align: center;
	background: #fff;
	color: #1c1733;
	border-radius: 300px;
}

/* ---------- Filter ---------- */
.filter .filter-group {
	margin: 0 0 20px;
}
.filter.filter-with-actions {
	position: relative;
	padding-right: 300px;
}
.filter.filter-with-actions .filter-actions {
	position: absolute;
	top: 35px;
	right: 0;
}

/* ---------- Image Links ---------- */
.image-link {
	display: block;
}
.image-link .link-thumb {
	position: relative;
	display: block;
	overflow: hidden;
	background: #213240;
}
.image-link .link-thumb img {
	display: block;
	width: 100%;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.image-link .link-thumb:hover img {
	opacity: .5;
	transform: scale(1.10);
}
.image-link .link-title {
	display: block;
	font-size: 1.2em;
	text-align: center;
	margin: 15px 0 0;
}
.image-link:hover {
	text-decoration: none;
	color: #213240;
}

/* ---------- Items ---------- */
.item {
	position: relative;
	padding: 20px 0;
	border-top: 1px solid #ccc;
}
/* items with images */
.item.item-with-image {
	min-height: 160px;
	padding: 20px 0 20px 140px;
}
.item.item-with-image .item-image {
	position: absolute;
	top: 20px;
	left: 0;
	width: 120px;
}
.item.item-with-image .item-image img {
	display: block;
	width: 100%;
	border-radius: 100px;
}
.item.item-with-image .item-content {
}

.item .item-title {
	font-weight: 700;
	margin: 0 0 10px;
}
.item .item-title a {
	color: #1c1733;
}
.item .item-title a:hover {
	color: #30b36b;
}
.item p {
	font-size: .9em;
	margin: 0 0 10px;
}
.item p:last-child {
	margin: 0;
}
/* items with numbers */
.item.item-with-number {
	padding: 20px 0 20px 65px;
}
.item.item-with-number .item-number {
	position: absolute;
	top: 20px;
	left: 0;
	width: 50px;
	padding: 17px 0;
	font-size: 1.2em;
	font-weight: 700;
	text-align: center;
	background: #333;
	color: #fff;
	border-radius: 100px;
}
.item.item-with-number .item-content p {
	font-size: .85em;
}
/* large items */
.item.item-large.item-with-image {
	min-height: 270px;
	padding: 20px 0 20px 320px;
}
.item.item-large.item-with-image .item-image {
	width: 300px;
}
/* small items */
.item.item-small {
	padding: 15px 0;
}
.item.item-small.item-with-image {
	min-height: 120px;
	padding: 20px 0 20px 100px;
}
.item.item-small .item-image {
	width: 80px;
}
.item.item-small .meta .meta-label {
	font-weight: 400;
}
.item.item-small .item-title {
	font-size: 1.2em;
}
.item.item-small p {
	font-size: .85em;
}
/* micro items */
.item.item-micro {
	padding: 15px 0;
}
.item.item-micro.item-with-image {
	min-height: 100px;
	padding: 15px 0 15px 75px;
}
.item.item-micro .item-image {
	width: 60px;
}
.item.item-micro .meta .meta-label {
	font-weight: 400;
}
.item.item-micro .item-title {
	font-size: .9em;
	margin: 0;
}
.item.item-micro p {
	font-size: .8em;
}

/* item feed */
.item-feed .item:first-child,
.item-feed .item.item-with-image:first-child {
	padding-top: 0;
	border-top: none;
}
.item-feed .item.item-with-image:first-child .item-image {
	top: 0;
}

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

/* ---------- Meta ---------- */
.meta {
	font-size: .85em;
}
.meta .meta-label {
	display: inline-block;
	font-weight: 700;
	margin: 0 10px 10px 0;
	color: #999;
}
.meta .meta-label.label-cat,
.meta .meta-label.label-cat a {
	color: #1c1733
}
.meta .meta-label.label-cat a:hover {
	color: #6abf44;
}
.meta.meta-detail .meta-label {
	color: #1c1733;
}

/* ---------- Metric ---------- */
.metric {
	position: relative;
	display: inline-block;
	padding: 0 0 0 80px;
	margin: 0 0 20px;
	vertical-align: top;
}
.metric .metric-icon {
	position: absolute;
	top: 0;
	left: 15px;
	width: 50px;
	font-size: 3em;
	line-height: 1;
	text-align: center;
	color: #aaa;
}
.metric .metric-label {
	display: block;
	font-weight: 700;
	margin: 0 0 5px;
}
.metric .metric-value {
	display: block;
	font-size: 2em;
	font-weight: 200;
	line-height: 1.2;
	margin: 0;
}
.metric .metric-value.value-small {
	font-size: 1.2em;
	margin: 0 0 5px;
}
/* small metrics */
.metric.metric-small {
	padding-left: 75px;
}
.metric.metric-small .metric-icon {
	width: 50px;
	font-size: 2.5em;
}
.metric.metric-small .metric-value {
	font-size: 1.2em;
}
/* metrics without icons */
.metric.metric-no-icon {
	padding-left: 20px;
	border-left: 3px solid #ccc;
}
/* stacked metrics */
.metric.metric-stacked {
	display: block;
	min-height: 110px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0;
	border-top: 1px solid #ccc;
}
.metric.metric-stacked .metric-icon {
	top: 25px;
}

/* ---------- Pagination ---------- */
.pagination,
.facetwp-pager {
	display: block;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 0;
}
.pagination .page-numbers,
.facetwp-pager .facetwp-pager-label {
	display: inline-block;
	padding: 5px 10px;
	border: 2px solid #ccc;
}
.facetwp-pager .facetwp-page {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 5px 5px 0;
	border: 2px solid #ccc;
	text-decoration: none;
}
.pagination .page-numbers:hover,
.facetwp-pager .facetwp-page:hover {
	border-color: #30b36b;
}
.pagination .page-numbers.current,
.facetwp-pager .facetwp-page.active {
	background: #30b36b;
	color: #fff;
	border-color: #30b36b;
}
.pagination.credo-paging {
	display: none;
}

/* ---------- Post ---------- */
.post {
	position: relative;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .1);
}

/* ---------- ET blog entry ---------- */
.post-item {
	position: relative;
	padding: 30px 0 30px 60px;
	border-top: 1px solid #ddd;
}
.post-item:before {
	position: absolute;
	top: 30px;
	left: 0;
	content: "\f15c";
	font-family: FontAwesome;
	font-size: 3em;
	font-weight: 300;
	line-height: 1;
	color: #799ea9;
}
.feed .post-item:first-child {
	padding-top: 0;
	border-top: none;
}
.feed .post-item:first-child:before {
	top: 0;
}
.post-item .item-image {
	margin: 0 0 20px;
}
.post-item .item-title {
	font-size: 2em;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 10px;
}
.post-item .meta {
	font-size: .9em;
	font-weight: 700;
}

/* ----- post header ----- */
.post-header {
	position: relative;
	margin: -300px 0 30px;
	z-index: 5;
}
.post-header > img {
	display: block;
	width: 100%;
	margin: 0 0 20px;
}
.post-header .header-title {
	font-size: 2em;
	font-weight: 700;
	margin: 0;
}
.post-header .user {
	margin: 20px 0 0;
}

/* ----- post image ----- */
.post-image {
	display: block;
	margin: 0 0 20px;
}

/* ----- post content ----- */
.post-content {
	position: relative;
}
.post-content ul,
.post-content ol {
	margin-left: 40px;
}
.post-content .share-links {
	margin: 0 auto 30px;
}
.post-content .share-links.links-sticky {
	display: none;
    position: fixed;
    top: 80px;
    width: 60px;
    margin-left: -80px;
    z-index: 100;
}
.post-content .share-links.links-sticky li {
    margin: 0 0 10px;
}

/* ----- post body ----- */
.post-body {
	padding: 30px;
	background: #fff;
}

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

/* ----------- Quickstart ----------- */
.quickstart-form {
	position: relative;
	background: #eee;
	padding: 10px 170px 10px 10px;
	margin: 0 0 15px;
	border-radius: 100px;
}
.quickstart-form input[type="text"],
.quickstart-form input[type="email"] {
	background: none;
	border: none;
	outline: none;
}
.quickstart-form select {
	height: 49px;
	font-size: 1.2em;
	font-weight: 700;
	background: none;
	border: none;
	outline: none;
	-moz-appearance: none;
}
.quickstart-form input[type="submit"] {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 15px 30px;
	font-size: 1em;
	border: none;
}

/* ---------- Quotes ---------- */
.quote {
	position: relative;
	padding: 30px;
	margin: 0 0 30px;
}
.quote blockquote {
	position: relative;
	padding: 30px 0;
	margin: 0 0 20px;
	background: none;
	border: none;
	font-style: italic;
}
.quote blockquote:before {
	position: absolute;
	top: 0;
	left: -20px;
	content: "\f10d";
	font-family: FontAwesome;
	font-size: 3em;
	font-style: normal;
	line-height: 1;
	color: #20d681;
	opacity: .15;
}
.quote blockquote:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100px;
	height: 2px;
	background: rgba(0, 0, 0, .1);
}
.quote .quote-title {
	margin: 0 0 5px;
}
.quote .quote-label {
	margin: 0;
}
.quote.quote-small {
	padding: 0;
}
.quote.quote-small blockquote {
	font-size: 1.2em;
}
.quote.quote-large blockquote {
	font-size: 1.5em;
}
.quote-thumb {
	display: block;
	margin: 0 auto 20px;
	border-radius: 300px;
}
.quote-thumb.thumb-spaced {
	margin-top: 30px;
}

/* light quotes */
.quote.quote-light blockquote:after {
	background: rgba(255, 255, 255, .15);
}

/* ---------- Ratings ---------- */
.rating {
	margin: 0 0 10px;
}
.rating .rating-stars {
	display: inline-block;
	width: 85px;
	background: url(images/newstars.png) 0 -15px no-repeat;
    text-indent: -9999px;
    height: 17px;
    line-height: 17px;
    vertical-align: top;
}
.rating .rating-count {
	display: inline-block;
	font-size: .8em;
	font-weight: 700;
	vertical-align: top;
}

/* ---------- Resource ---------- */
.resource .resource-image {
	display: block;
	margin: 0 0 10px;
}
.resource .resource-title {
	margin: 0 0 10px;
}

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

/* ----------- Search ----------- */
.search {
	position: relative;
	background: #eee;
	padding-right: 50px;
	margin: 0 0 15px;
	border-radius: 100px;
}
.search .search-input {
	padding: 15px 20px;
	background: none;
	border: none;
	outline: none;
}
.search .search-submit {
	position: absolute;
	top: 0;
	right: 5px;
	padding: 15px;
	background: none;
	color: #999;
	font-size: 1.2em;
	border: none;
}
.search .search-submit:hover {
	background: none;
	color: #333;
}

/* ---------- Social share links ---------- */
.share-links {
	list-style: none;
	font-size: 1em;
	margin: 0;
}
.share-links li {
	display: inline-block;
	margin: 0;
}
.share-links li a {
	display: inline-block;
	vertical-align: top;
	padding: 10px 0;
	width: 42px;
	background: #30b36b;
	color: #fff;
	text-align: center;
	border-radius: 100px;
}
.share-links li a:hover {
	background: #148953;
}
.share-links li.facebook a {
	background: #4c66a4;
}
.share-links li.facebook a:hover {
	background: #2b4585;
}
.share-links li.twitter a {
	background: #55acee;
}
.share-links li.twitter a:hover {
	background: #277ec1;
}
.share-links li.google a {
	background: #dd4b39;
}
.share-links li.google a:hover {
	background: #ad2312;
}
.share-links li.linkedin a {
    background: #287bbc;
}
.share-links li.linkedin a:hover {
    background: #1b5480;
}

/* ---------- Sidebar ---------- */
.sidebar {
	margin: 0 0 30px;

}

/* ---------- Social nav ---------- */
.social-nav {
	list-style: none;
	margin: 0;
}
.social-nav li {
	display: inline-block;
	margin: 0 5px 5px 0;
}
.social-nav li a {
	display: inline-block;
	line-height: 1;
	text-align: center;
	padding: 12px 0;
	width: 44px;
	color: #30b36b;
	border: 2px solid;
	border-radius: 100px;
}
.social-nav li a:hover {
	background: #30b36b;
	color: #fff;
	border-color: #30b36b;
}
.social-nav.nav-large {
	font-size: 1.5em;
}
.social-nav.nav-large li a {
	width: 60px;
	height: 60px;
	padding: 18px 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;
}

/* ---------- Status Steps ---------- */
.status-steps {
    position: relative;
    display: table;
    width: 100%;
    border: 2px solid rgba(255, 255, 255, .25);
}
.status-steps .step {
	display: table-cell;
	padding: 10px;
	border-left: 2px solid rgba(255, 255, 255, .25);
}
.status-steps .step:first-child {
	border-left: none;
}
.status-steps .step label {
    position: relative;
    display: inline-block;
    padding: 10px 15px 10px 45px;
    margin: 0;
    color: rgba(255, 255, 255, .6);
}
.status-steps .step.active label {
    color: #fff;
}
.status-steps .step label .step-number {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 0;
    width: 34px;
    color: rgba(255, 255, 255, .5);
    font-size: .85em;
    text-align: center;
    border: 2px solid;
    border-radius: 30px;
}
.status-steps .step.active label .step-number {
    background: #fff;
    color: #151515;
    border-color: #fff;
}
.status-steps.steps-3 .step {
    width: 33.33%;
}

/* ---------- Steps ---------- */
.step {
	position: relative;
	padding-left: 70px;
	margin: 0 0 20px;
}
.step .step-number {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	padding: 15px 0;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	background: #1c1733;
	color: #fff;
	border-radius: 100px;
	z-index: 5;
}
.step .step-number.number-active {
	background: #6abf44;
}
.step .step-title {
	line-height: 1.2;
	padding: 10px 0 0;
	margin: 0 0 5px;
}
/* super steps */
.step.step-super {
	margin: 0 0 70px;
}
.step.step-super:after {
	content: "";
	position: absolute;
	left: 25px;
	top: 60px;
	height: 100%;
	width: 2px;
	background: rgba(0, 0, 0, .1);
}
.step.step-super.step-last:after {
	display: none;
}
.step.step-super .step-title {
	margin: 0 0 20px;
}

/* ---------- Sticky Footer ---------- */
.sticky-footer {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	background: #1c1733;
	z-index: 1000;
}
.sticky-footer p {
	font-size: .8em;
	color: #fff;
	margin: 0;
}

/* ---------- tags ----------- */
.tags {
	font-size: .8em;
}
.tag-cloud-link,
.tags a {
	display: inline-block;
	padding: 7px 15px;
	margin: 0 1px 5px 0;
	color: #30b36b;
	font-size: 1em !important;
	line-height: 1.2;
	border-radius: 30px;
	border: 2px solid #ddd;
}
.tag-cloud-link:hover,
.tags a:hover {
	background: #30b36b;
	color: #fff;
	border-color: #30b36b;
}

/* ---------- Users ---------- */
.user {
	position: relative;
	min-height: 80px;
	padding-left: 100px;
}
.user .user-avatar {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
}
.user .user-avatar img {
	border-radius: 100px;
}
.user .user-label {
	display: block;
	font-weight: 300;
	margin: 0 0 5px;
}
.user .user-title {
	display: block;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 5px;
}
.user .user-title a {
	color: #1c1733;
}
.user .user-title a:hover {
	color: #30b36b;
}
.user .user-desc {
	display: block;
	font-size: .85em;
	font-weight: 300;
}
.user-rating {
	display: block;
	margin: 0 0 5px;
	color: #09c;
}
.user-signature {
	display: block;
	width: 250px;
}
/* user sizes */
.user.user-micro {
	min-height: 60px;
	padding-left: 55px;
}
.user.user-micro .user-avatar {
	width: 40px;
}
.user.user-micro .user-label {
	margin: 0;
}
.user.user-small {
	min-height: 60px;
	padding-left: 75px;
}
.user.user-small .user-avatar {
	width: 60px;
}
.user.user-large {
	padding-left: 120px;
	margin: 0 0 30px;
}
.user.user-large .user-avatar {
	width: 100px;
}
.user.user-jumbo {
	padding-left: 170px;
	margin: 0 0 30px;
}
.user.user-jumbo .user-avatar {
	width: 150px;
}
/* centered users */
.user.user-centered {
	padding: 0;
}
.user.user-centered .user-avatar {
	position: static;
	display: block;
	width: 100px;
	margin: 0 auto 20px;
}
.user.user-centered .user-label,
.user.user-centered .user-title {
	text-align: center;
}

/* ---------- Widget ---------- */
.widget {
	position: relative;
	padding: 30px;
	margin: 0 0 30px;
	background: #f4f8f9;
}
.widget .widget-label {
	display: block;
	padding: 0 0 15px;
	margin: 0 0 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
}
.widget .widget-title,
.widget .widgettitle {
	font-size: 1.2em;
	font-weight: 700;
	margin: 0 0 10px;
}

.widget ul {
	list-style: none;
	font-size: .9em;
	margin: 0 0 20px;
}
.widget ul li {
	margin: 0;
}
.widget ul li a {
	display: block;
	padding: 10px 0;
}

.widget.widget-dark {
	background: #1c1733;
}

/* form widgets */
.widget.widget-form input[type="submit"] {
	display: block;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}

/* metric widgets */
.widget.widget-metric {
	padding: 30px 30px 30px 100px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.widget.widget-metric .textwidget:before,
.widget.widget-metric .execphpwidget:before {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 50px;
	font-size: 3em;
    line-height: 1;
    text-align: center;
    color: #30b36b;
}
.widget.widget-metric.metric-location .textwidget:before {
	content: "\f041";
	font-family: FontAwesome;
}
.widget.widget-metric.metric-certifications .textwidget:before {
	content: "\f127";
	font-family: Flaticon;
}
.widget.widget-metric.metric-channels .textwidget:before {
	content: "\f116";
	font-family: Flaticon;
}
.widget.widget-metric.metric-rate .execphpwidget:before {
	content: "\f10a";
	font-family: Flaticon;
}
.widget.widget-metric.metric-services .textwidget:before {
	content: "\f123";
	font-family: Flaticon;
}
.widget.widget-metric.metric-specialty .execphpwidget:before {
	content: "\f102";
	font-family: Flaticon;
}
.widget.widget-metric.metric-website .execphpwidget:before {
	content: "\f112";
	font-family: Flaticon;
}

/* gravity form entries widget */
.widget.widget_gv_recent_entries li {
	padding: 15px 0;
	border-top: 2px solid rgba(0, 0, 0, .1);
}
.widget.widget_gv_recent_entries li a {
	font-weight: 700;
	color: #536B73;
	cursor: pointer;
	pointer-events: none;
}

/* sidebar specific widget styling */
.sidebar .widget form {
	background: none;
}
.sidebar .widget form input[type="email"],
.sidebar .widget form input[type="text"] {
	display: block;
	width: 100% !important;
	margin: 0 0 0px;
}
.sidebar section#custom_html-2 input[type="submit"] {
    margin-top: 10px;
}
/* mailchimp styling */
.sidebar .widget #mc_embed_signup {
	background: none;
}
.sidebar .widget #mc_embed_signup br {
	display: none;
}
.sidebar .widget #mc_embed_signup input[type="submit"] {
	display: block;
	width: 100%;
}

/* -------------------- Legacy styles from Credo 2.0 -------------------- */
.best-content-div {
	padding: 30px;
	margin: 0 0 30px;
	background: #f2f5f5;
}
/* shortcode menu styling */
.wpsm-menu.enhance_shortcode_menu_inline {
	font-size: 0;
	margin-left: -2% !important;
}
.wpsm-menu.enhance_shortcode_menu_inline li {
	display: inline-block;
	width: 48%;
	margin: 0 0 2% 2%;
	padding: 0;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
}
.wpsm-menu.enhance_shortcode_menu_inline li:first-child {
	margin: 0 0 2% 2%; 
}
.wpsm-menu.enhance_shortcode_menu_inline li a {
	display: block;
	padding: 20px 40px 20px 20px;
	background: #fff;
	font-size: 1.2em;
	font-weight: 700;
	box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}
.wpsm-menu.enhance_shortcode_menu_inline li a:after {
	position: absolute;
	top: 15px;
	right: 15px;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 1.4em;
	color: rgba(0, 0, 0, .25);
	z-index: 5;
}
.wpsm-menu.enhance_shortcode_menu_inline li a:hover {
	background: #30b36b;
	color: #fff;
}


/* 05: Footer
========================================================================================================================= */
.site-footer {
	background: #1c1733;
	padding: 30px 0;
}
.site-footer .footer-wrap {
	position: relative;
	padding-left: 100px;
}
.site-footer .footer-wrap .icon-credo {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
}
.site-footer .footer-column {
	padding: 15px 0; 
}
.site-footer .footer-column.column-about {
	padding-right: 30px;
}
.site-footer p {
	font-size: 1em;
	color: rgba(255, 255, 255, .7);
}
.site-footer p a {
	color: #fff;
}
.site-footer p a:hover {
	text-decoration: underline;
}
.site-footer hr {
	border-top-color: rgba(255, 255, 255, .15);
}
.site-footer .footer-title {
	font-size: 1.1em;
	font-weight: 700;
	margin: 0 0 15px;
	color: #fff;
}
.footer-nav {
	list-style: none;
	font-weight: 300;
	line-height: 1.4;
	margin: 0 0 20px;
}
.footer-nav li {
	margin: 0;
}
.footer-nav li a {
	position: relative;
	display: block;
	color: rgba(255, 255, 255, .7);
	padding: 10px 0;
}
.footer-nav li a:hover {
	color: #20d681;
	text-decoration: none;
}
.footer-nav li:first-child a {
	padding-top: 0;
}
/* nav with icons */
.footer-nav.nav-with-icons li {
	border-top: 1px solid rgba(255, 255, 255, .15);
}
.footer-nav.nav-with-icons li:first-child {
	border-top: none;
}
.footer-nav.nav-with-icons li a {
	padding: 10px 30px 10px 0;
	color: #30b36b;
}
.footer-nav.nav-with-icons li:first-child a {
	padding-top: 0;
}
.footer-nav.nav-with-icons li a:after {
	position: absolute;
	top: 10px;
	right: 15px;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 1em;
	opacity: .5;
}
.footer-nav.nav-with-icons li:first-child a:after {
	top: 0;
}
.footer-nav.nav-with-icons li a:hover {
	color: #fff;
}

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

/* copyright */
.site-footer p.copyright {
	color: rgba(255, 255, 255, .35);
	font-size: .8em;
	margin: 0;
}
.site-footer p.copyright a {
	color: rgba(255, 255, 255, .35);
	text-decoration: underline;
}
.site-footer p.copyright a:hover {
	color: #fff;
	text-decoration: none;
}

/* hide footer content */
.page-template-page-squeeze-lp .footer-wrap,
.page-template-page-squeeze-lp .site-footer hr,
.page-template-page-lp-offer .site-footer .footer-wrap,
.page-template-page-lp-offer .site-footer hr,
.page-template-page-lp-squeeze .site-footer .footer-wrap,
.page-template-page-lp-squeeze .site-footer hr {
	display: none;
}
.page-template-page-checkout .site-footer {
	padding: 0;
	background: none;
}

/* templates that hide header all together */
.page-template-page-lead-gen-two-column .site-footer,
.page-template-page-lead-gen-one-column .site-footer,
.page-template-page-lp-hero .site-footer,
.page-template-page-event .site-footer {
	display: none;
}

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

/* 06: Forms
========================================================================================================================= */
.form-container {
	padding: 30px;
	border: 1px solid #ccc;
}
.input-container {
	margin: 0 0 15px;
}

/* ---------- labels ---------- */
label {
	display: block;
	font-weight: 700;
	color: #333;
	margin-bottom: 10px;
}

.mobile-label {
	display: none; /* only show for mobile */
}

.label-helper {
	font-size: .85em;
	font-weight: 300;
	color: #999;
}
.label-blank {
	visibility: hidden;
}
.label-block {
	display: block;
	margin: 0 0 10px;
}
/* option labels */
.label-option {
	position: relative;
	display: block;
	line-height: 1.2;
	padding: 10px 15px 10px 35px;
	border: 1px solid #ddd;
	border-radius: 3px;
	cursor: pointer;
}
.label-option input {
	position: absolute;
	top: 12px;
	left: 10px;
}
.label-option .option-title {
	display: block;
	font-size: .9em;
}
.label-option .option-desc {
	display: block;
	font-size: .85em;
	font-weight: 300;
	color: #999;
	margin: 5px 0 0;
}
.label-option:hover {
	border-color: #333;
}
/* check labels */
.label-check {
	position: relative;
	padding: 0 0 0 25px;
	margin: 0 0 20px;
	font-size: .85em;
	cursor: pointer;
}
.label-check input {
	position: absolute;
	top: -2px;
	left: 0;
}

/* inputs */
input[type="text"],
input[type="email"],
input[type="phone"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"],
textarea {
	display: block;
	width: 100%;
	padding: 13px;
	height: auto;
	background: #fff;
	border: 2px solid #ddd;
	box-shadow: none;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="phone"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
textarea:focus {
	border-color: #9fd1fc;
}
select,
select[multiple], select[size] {
	width: 100%;
	height: 52px;
	padding: 10px;
	border-radius: 3px;
	background: #fff;
	color: #333;
	border: 2px solid #ddd;
}
textarea {
	height: 120px;
}
input[type="submit"],
button[type="submit"] {
	color: #fff;
	background: #30b36b;
	padding: 15px 50px;
	font-weight: 700;
	font-size: 1em;
	line-height: 1.2;
	border-radius: 100px;
	border: none;
	cursor: pointer;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
input[type="submit"]:hover,
button[type="submit"]:hover {
	background: #148953;
	color: #fff;
}

.required {
	color: #c00;
}

/* form variations */
.form-dark {
	background: #1c1733 !important;
}
.form-dark h1,
.form-dark h2,
.form-dark h3 {
	color: #fff;
}
.form-dark p,
.form-dark label,
.form-dark span,
.form-dark .gfield_description {
	color: #fff;
}

/* ---------- Auth ---------- */
.auth-container {
	width: 60%;
	padding: 50px;
	margin: 0 auto;
	background: #fff;
}

/* ---------- Admin View buttons ----------- */
.gv-buy-button a {
    color: #fff;
}

.gv-buy-button {
    display: inline-block;
    padding: 12px 30px;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2;
    background: #30b36b;
    color: #fff;
    border: 2px solid #30b36b;
    border-radius: 100px;
    text-decoration: none;
    white-space: inherit;
    margin-bottom: 20px;
}

/* 07: Tables
========================================================================================================================= */
.column-icon {
	width: 50px;
}
.column-id {
	width: 50px;
}
.column-action {
	text-align: right;
}
.column-label {
	display: block;
	font-weight: 700;
}

.row-dark {
    background: #1c1733;
}
.postid-16738 table {
    border: 1px solid;
}
.postid-16738 table td {
    border: 1px solid;
    padding: 10px;
}

/* action tables */
.table.table-action thead {
	border-top: 1px solid;
}
.table.table-action th,
.table.table-action td {
	padding: 15px 0;
	vertical-align: middle;
}
.table.table-action th {
	color: #213240;
}
.table.table-action .column-name {
	min-width: 300px;
}
.table.table-action .column-desc {
	font-size: .9em;
}
.table.table-action .column-action {
	min-width: 250px;
}
.table.table-action select {
	height: auto;
}

/* comparison table */
.table.table-compare {
	font-size: 1em;
	color: #1a1b21;
	margin: 0 0 30px;
	border: none;
}
.table.table-compare thead {
	background: none;
}
.table.table-compare thead th {
	font-weight: 700;
	border-bottom: 2px solid #ccc;
}
.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 th {
	position: relative;
	width: 400px;
	padding-left: 50px;
	font-weight: 700;
}
.table.table-compare tbody th i {
	position: absolute;
	top: 18px;
	left: 0;
	width: 40px;
	font-size: 1.4em;
	font-weight: 300;
	text-align: center;
}
.table.table-compare tbody th .btn {
	margin: -3px 0 0 10px;
	vertical-align: top;
}
.table.table-compare tbody td {
	text-align: center;
}
.table.table-compare tbody td i {
	font-size: 1.5em;
	line-height: 1;
	margin-right: 5px;
}
.table.table-compare tbody td.column-yes {
	font-weight: 700;
}
.table.table-compare tbody tr:hover th,
.table.table-compare tbody tr:hover td {
	background: #f5f5f5;
}
.table.table-compare tbody tr.row-header th,
.table.table-compare tbody tr.row-header td {
	font-weight: 700;
	background: #f9f9f9;
	border-top: 1px solid #ccc;
}
.table.table-compare tbody tr.row-header th {
	font-weight: 300;
	letter-spacing: 5px;
	text-transform: uppercase;
}

/* code tables */
.table.table-code {
    font-family: consolas;
    border: 1px solid #ddd;
}
.table.table-code th,
.table.table-code td {
    padding: 15px;
}
.table.table-code tbody th {
    width: 150px;
    background: rgba(0, 0, 0, .25);
    color: #fff;
}

/* data tables */
.table.table-data {
	font-size: .85em;
	background: #fff;
	border: 1px solid #ddd;
}
.table.table-data thead {
	background: #f5f5f5;
}
.table.table-data th,
.table.table-data td {
	min-width: 120px;
	padding: 15px;
}
.table.table-data tbody th {
	width: 250px;
}

/* list tables */
.table.table-list {
	border-top: 2px solid #213240;
	border-bottom: 1px solid #ccc;
	margin: 0 0 30px;
}
.table.table-list th,
.table.table-list td {
	padding: 15px;
	border-top: 1px solid #ccc;
	vertical-align: middle;
}
.table.table-list thead {
	text-transform: uppercase;
}
.table.table-list th {
	color: #213240;
}
.table.table-list th i {
	width: 18px;
	text-align: center;
	margin-right: 10px;
	color: #333;
}

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

/* 08: Bootstrap
========================================================================================= */
.container {
	width: 1200px;
}

/* ----- alert ----- */
.alert {
	color: #1c1733;
	border: none;
	border-radius: 0;
}
.alert p:last-child {
	margin: 0;
}
.alert.alert-danger {
	background: #feecee;
	border-left: 4px solid #c00;
}
.alert.alert-info {
	background: #f0f9ff;
	border-left: 4px solid #006ab4;
}
.alert.alert-primary {
	background: #f5f5f5;
	border-left: 4px solid #1c1733;
}
.alert.alert-success {
	background: #e8fdf2;
	border-left: 4px solid #30b36b;
}

.alert.alert-warning {
	background: #fef3ec;
	border-left: 4px solid #f60;
}

/* ----- breadcrumb ----- */
.breadcrumb a {
	display: inline-block;
	margin: 0 5px;
}
.breadcrumb a:first-child {
	margin-left: 0;
}

/* ----- carousel ----- */
.carousel .item {
	padding: 0;
	border: none;
	background: none;
}
.carousel-indicators li,
.carousel-indicators .active {
	width: 15px;
	height: 15px;
	margin: 0 5px;
}
/* quotes carousel */
.carousel.carousel-quotes {
	min-height: 300px;
	padding: 0 100px;
	background: none;
}
.carousel.carousel-quotes blockquote {
	margin: 0 0 20px;
	background: none;
	color: #fff;
	font-size: 1.2em;
	font-weight: 200;
}
.carousel.carousel-quotes .name {
	font-weight: 700;
	color: #eee;
}
.carousel.carousel-quotes .carousel-control {
	width: 10%;
	background: none;
}
.carousel.carousel-quotes .carousel-control .glyphicon-chevron-left,
.carousel.carousel-quotes .carousel-control .glyphicon-chevron-right {
	top: 20px;
}

/* ----- dropdown menu ----- */
.dropdown-menu {
	min-width: 200px;
	border-radius: 0;
}
.dropdown-menu li {
	margin: 0;
}
.dropdown-menu li a {
	padding: 15px;
}

/* ----- labels ----- */
.label {
	padding: 5px 10px;
	border-radius: 0;
}
.label.label-dark {
	background: #213240;
}
.label.label-active,
.label.label-green {
	background: #6abf44;
}
.label.label-preferred,
.label.label-blue {
	background: #006ab4;
	color: #fff;
}
.label.label-plan {
	padding: 8px 15px;
	font-size: .9em;
}
.label-license {
	display: inline-block;
	padding: 10px 30px;
	margin: 0;
}
.label-license.license-primary {
	background: #213240;
	color: #fff;
}
.label-license.license-staging {
	background: #748ca2;
	color: #fff;
}

/* ----- 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: 20px 50px 20px 30px;
	background: #799ea9;
}
.modal-header.header-navy {
	background: #1c1733;
}
.modal-header .modal-title {
	font-size: 1.5em;
	color: #fff;
	margin: 0;
}
.modal-header p {
	margin: 10px 0 0;
}
.modal-header .close {
	position: absolute;
	top: 5px;
	right: 20px;
	font-family: Helvetica Neue, sans-serif;
	font-size: 3.2em;
	font-weight: 300;
	margin: 0;
	color: #fff;
	text-shadow: none;
}
.modal-body {
	padding: 30px;
}
.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 textarea {
	height: 100px;
}
.modal input[type="submit"],
.modal button[type="submit"] {
	display: block;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}
.modal-footer {
	background: #eee;
	padding: 20px 30px;
	margin-top: 0;
	text-align: left;
}
.modal-footer .btn {
	margin: 0 5px 0 0;
}
.modal-footer p:last-child {
	margin: 0;
}
/* color modals */
.modal.modal-blue .modal-header {
	background: #006ab4;
}
/* wide modals */
.modal.modal-wide .modal-dialog {
	width: 960px;
}

/* ----- nav ----- */
.nav.nav-inline li {
	display: inline-block;
	border-left: 1px solid #ddd;
}
.nav.nav-inline li:first-child {
	border-left: none;
}
.nav.nav-pills {
	font-size: .85em;
}
.nav.nav-pills li a i {
	color: rgba(0, 0, 0, .25);
}
.nav.nav-pills li a sup {
	display: inline-block;
	font-size: .75em;
	font-weight: 700;
	margin: 12px 0 0 5px;
	vertical-align: top;
}
.nav.nav-pills li.active a {
	background: #213240;
}
.nav.nav-pills li.active a i {
	color: #1985e3;
}
.nav.nav-pills.nav-inline {
	display: inline-block;
	border: 1px solid;
	border-radius: 4px;
}
.nav.nav-pills.nav-inline li {
	float: none;
	display: inline-block;
}

.nav.nav-tabs {
	font-size: .85em;
	font-weight: 700;
}

/* ----- panels ----- */
.panel {
	border-radius: 0;
}
.panel .panel-heading,
.panel .panel-body {
	padding: 30px;
}

/* ----- tabs ----- */
.tab-content {
	padding: 20px 0;
}

/* ----- wells ----- */
.well {
	padding: 30px;
	margin: 0 0 30px;
	background: #f2f4f4;
	border-radius: 0;
	box-shadow: none;
}
.well.well-dashed {
	background: none;
	border: 2px dashed #ccc;
}
.single-post .well {
    margin-top: 30px;
}
.well.well-trans {
	background: none;
	border-color: #ccc;
}
.well.well-white {
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.well.well-padded {
	padding: 50px;
}
.well.well-dark {
	background: #1c1733;
	border: none;
}
.well.well-dark .list-nav li {
	border-color: rgba(255, 255, 255, .15);
}	
/* utility wells */
.well.well-with-utility {
	position: relative;
}
.well.well-with-utility .well-utility {
	position: absolute;
	top: 30px;
	right: 30px;
}
/* raised wells */
.well.well-raised {
	position: relative;
	margin-top: -300px;
	border: none;
	z-index: 5;
}
/* form wells */
.well.well-form form {
	background: none;
}
.well.well-form form input[type="email"],
.well.well-form form input[type="text"] {
	display: block;
	width: 100% !important;
	margin: 0 0 15px;
}
.well.well-form form .gfield input[type="email"],
.well.well-form form .gfield input[type="text"] {
	margin: 0;
}
.well.well-form form input[type="submit"] {
	display: block;
	width: 100%;
}

/* 09: Plugins
========================================================================================= */
/* ---------- ACF (Advanced Custom Fields) ---------- */
.acf-fields > .acf-field {
	padding: 20px 0;
}

/* front end form styling */
.front-end-acf {
	position: relative;
	border: 1px solid #ddd;
}
.front-end-acf .updated {
	display: none; /* hide "Post updated" message */
}
.front-end-acf .form-external-btn {
	position: absolute;
	left: 160px;
	bottom: 17px;
}
.front-end-acf .acf-fields > .acf-field {
	padding: 20px;
}
.front-end-acf .acf-field .acf-label label {
	font-size: 1em;
}
.front-end-acf .acf-field input[type="text"],
.front-end-acf .acf-field input[type="password"],
.front-end-acf .acf-field input[type="number"],
.front-end-acf .acf-field input[type="search"],
.front-end-acf .acf-field input[type="email"],
.front-end-acf .acf-field input[type="url"],
.front-end-acf .acf-field textarea,
.front-end-acf .acf-field select {
	height: auto;
	padding: 10px;
	font-size: 1em;
}
.front-end-acf .acf-field select {
	height: 46px;
}
.front-end-acf .acf-field--post-content .acf-label {
	display: none; /* hide post_content label */
}
.front-end-acf .acf-form-submit {
	padding: 20px;
	background: #f9f9f9;
}
.front-end-acf .acf-field .description {
	font-size: .85em;
}
.front-end-acf .acf-true-false label {
	position: relative;
	display: block;
	padding-left: 22px;
}
.front-end-acf .acf-true-false label input {
	position: absolute;
	top: 2px;
	left: 0;
	margin: 0;
}
.front-end-acf ul.acf-radio-list li,
.front-end-acf ul.acf-checkbox-list li {
	font-size: 1em;
	line-height: 1.4;
	margin: 0 0 10px;
}
.front-end-acf ul.acf-checkbox-list li label {
	display: block;
}
.front-end-acf ul.acf-checkbox-list li label input {
	display: inline-block;
	margin: -2px 10px 0 0;
}
.front-end-acf .acf-taxonomy-field .categorychecklist-holder {
	max-height: 300px;
}
.front-end-acf .acf-taxonomy-field .categorychecklist-holder ul {
	font-size: .85em;
}
/* modal custom field styling */
.modal .acf-fields > .acf-field {
	padding: 0;
	margin: 0 0 15px;
	border: none;
}
.modal .acf-fields > .acf-field input[type="text"],
.modal .acf-fields > .acf-field textarea {
	height: auto;
	padding: 10px;
}
/* front end tables */
.acf-table {
	border-collapse: inherit;
}
/* UI upload */
.uploader-inline-content .upload-ui,
.supports-drag-drop .uploader-inline .drop-instructions,
.uploader-inline-content .post-upload-ui,
.uploader-inline p,
.uploader-inline h2,
.uploader-inline h3 {
	text-align: center;
}
/* Front-end buttons */
.front-end-acf .acf-actions {
	text-align: left;
}
.front-end-acf .acf-actions .acf-button,
.front-end-acf .acf-fields .acf-button {
	display: inline-block;
	padding: 8px 20px;
	margin: 10px 0 0;
	font-size: .85em;
	font-weight: 700;
	line-height: 1;
	border: 2px solid;
	border-radius: 100px;
}

/* Front-end image uploading UI */
.acf-soh .acf-soh-target {
	position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}
.acf-soh .acf-soh-target .-pencil {
	display: none; /* hide image editing from users */
}
.acf-form-submit {
	padding: 15px 0 0;
}
.acf-media-modal .details .edit-attachment {
	display: none; /* hide the "Edit Attachment" link */
}
.crop-section .button.init-crop-button {
	display: inline-block;
	padding: 8px 20px;
	margin: 10px 0 0;
	font-size: .85em;
	font-weight: 700;
	line-height: 1;
	border: 2px solid;
}


/* ---------- Drip ---------- */
.drip-full-page input[type="email"],
.drip-full-page input[type="text"] {
	margin: 0 0 15px;
}

.drip-description {
	margin: 0 0 15px;
}

/* ---------- FacetWP ---------- */
.fs-wrap.multiple {
	width: 100%;
	height: 52px;
	padding: 10px;
	border-radius: 3px;
	background: #fff;
	color: #333;
	border: 2px solid #ddd;
}
.facet-wrap {
	position: relative;
}
.facet-wrap .js-facets-loading {
	display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(28, 23, 51, .5);
    z-index: 100;
}
.facet-wrap .js-facets-loading .loading-status {
	top: 135px;
}
.filter-group .facetwp-facet {
	margin: 0;
}
.filter-group .fs-label-wrap {
	border: none;
}
.filter-group .facetwp-type-fselect .fs-wrap,
.filter-group .facetwp-type-fselect .fs-dropdown {
	width: 100%;
}

/* ---------- Gravity Forms ---------- */
.gform_fields {
	list-style: none;
	margin: 0;
}
.gform_fields .gfield {
	margin: 0 0 20px;
}
.gform_fields .gfield select {
	width: 100%;
}
/* hide labels */
.gform-hide-labels .gform_fields .gfield_label,
.gform-hide-labels .gform_fields .ginput_counter {
	display: none;
}
/* hide sub-labels */
.gform_fields .name_first label,
.gform_fields .name_last label {
	display: none;
}
.gform_fields .name_first {
	display: block;
	margin: 0 0 15px;
}
.gfield_description {
	display: block;
	font-size: .9em;
	margin: 5px 0;
}
/* complex first/last name fields */
.ginput_complex.has_first_name {
	margin-left: -3%;
	clear: both;
}
.ginput_complex.has_first_name .name_first,
.ginput_complex.has_first_name .name_last {
	float: left;
	width: 47%;
	margin: 0 0 15px 3%; 
}
.ginput_complex.has_first_name.no_last_name {
	margin-left: 0;
}
.ginput_complex.has_first_name.no_last_name .name_first {
	width: 100%;
	margin: 0 0 15px;
}
/* checkbox / radio */
.gfield_checkbox,
.gfield_radio {
	list-style: none;
	font-size: .9em;
	margin: 0 0 20px;
}
.gfield_checkbox li,
.gfield_radio li {
	position: relative;
	padding-left: 25px;
}
.gfield_checkbox li input[type="checkbox"],
.gfield_radio li input[type="radio"] {
	position: absolute;
	top: -3px;
	left: 0;
}
.gfield_checkbox li input[value="Other"],
.gfield_radio li input[value="Other"] {
	padding: 0;
	background: none;
	border: none;
	border-bottom: 2px solid #ddd;
	border-radius: 0;
}
.gfield_checkbox li label,
.gfield_radio li label {
	font-weight: 300;
}
.gfield_list {
	width: 100%;
	font-size: .85em;
	border: 1px solid #ddd;
}
.gfield_list thead {
	background: #f5f5f5;
}
.gfield_list th,
.gfield_list td {
	padding: 10px;
	border-top: 1px solid #ddd;
}
.gfield_list_cell {
	padding: 0 10px 10px 0;
}
.gfield .ginput_container_consent {
	position: relative;
	padding-left: 25px;
}
.gfield .ginput_container_consent input {
	position: absolute;
	top: 0;
	left: 0;
}
.gfield .ginput_container_consent .gfield_consent_label {
	font-size: .9em;
	font-weight: 300;
}
/* error styling */
.gform_wrapper .validation_error {
	display: block;
	padding: 10px;
	margin: 0 0 15px;
	font-size: .85em;
	background: #c00;
	color: #fff;
}
.gform_fields .gfield .validation_message {
	display: block;
	margin: 5px 0 0;
	font-size: .85em;
	color: #c00;
}
.hero .hero-form .gform_fields .gfield .validation_message {
	color: #f90;
}
/* success styling */
.gform_confirmation_message {
	display: block;
	padding: 10px;
	margin: 0 0 15px;
	font-size: .85em;
	background: #690;
	color: #fff;
}

.gfield_required {
	color: #c00;
}
.gfield_visibility_hidden {
	display: none;
}

/* ----- progress bar ----- */
.gf_progressbar_wrapper {
	margin: 0 0 20px;
}
.gf_progressbar_title {
	font-size: 1.2em;
	margin: 0 0 5px;
	color: #148953;
}
.gf_progressbar {
	display: none;
	padding: 5px;
	border: 2px solid #ccc;
    border-radius: 100px;
}
.gf_progressbar .gf_progressbar_percentage {
	padding: 5px 10px;
	background: #09c;
    color: #fff;
    font-size: .85em;
    font-weight: 700;
    border-radius: 100px;
}

.gform_fields .gfield #gf_coupons_container_80 {
    display: -webkit-box;
}

.gform_fields .gfield #gf_coupon_button {
    display: inline-block;
    padding: 12px 30px;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2;
    border: none;
    border-radius: 100px;
    text-decoration: none;
    white-space: inherit;
    background: #CDDDE2;
    color: #fff;
    border: 2px solid #CDDDE2;
    cursor: pointer;
}
/* credit card field */
.gform_fields .gfield .ginput_container_creditcard label {
	font-size: .85em;
	font-weight: 400;
}
.gform_fields .gfield .ginput_container_creditcard .gform_card_icon_container {
	display: block;
	background: url(images/credit-card-logos.png) top left no-repeat;
	background-size: 285px auto;
	margin: 0 0 5px;
}
.gform_fields .gfield .ginput_container_creditcard .gform_card_icon_container .gform_card_icon {
	display: none;
}
.gform_fields .gfield .ginput_container_creditcard .ginput_cardinfo_left {
	display: inline-block;
	margin: 0 20px 0 0;
	vertical-align: top;
}
.gform_fields .gfield .ginput_container_creditcard .ginput_cardinfo_right {
	display: inline-block;
	vertical-align: top;
}
.gform_fields .gfield .ginput_container_creditcard .ginput_card_security_code_icon {
	display: none;
}
.gform_fields .gfield .ginput_container_creditcard .ginput_card_expiration {
	width: auto;
}

/* ----- footer ----- */
.gform_page_footer {
    padding: 20px 0 0;
    margin: 20px 0;
}
.gform_page_footer input {
	padding: 15px 50px;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.2;
	background: #30b36b;
	color: #fff;
	border: none;
	border-radius: 100px;
	text-decoration: none;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.gform_page_footer input:hover {
	background: #148953;
}
.gform_page_footer .gform_previous_button {
	background: #eee;
	color: #333;
}
.gform_page_footer .gform_previous_button:hover {
	background: #ddd;
}

/* hidden fields */
.hidden-answer,
.hidden-field {
	display: none !important; /* we only show these in the email report */
}
.gfield.gform_validation_container {
	display: none !important; /* GF honeypot validation field */
}

/* hide partial entries warning */
.partial_entry_warning {
	display: none !important;
}

/* ----- special gravityforms styling ----- */
.single-team-member .gform-wrapper-custom {
	padding: 30px;
	background: #f2f4f4;
	border: 1px solid #ccc;
}
.layout-form .gfield_label {
	display: none; /* hide labels on /free-consultation/ form */
}

/* ---------- GravityView ---------- */
.gv-widgets-header .gv-widget-custom-content {
	padding: 15px;
	margin: 0 0 20px;
	background: #e8fdf2;
	border-left: 4px solid #30b36b;
}
.gv-list-view-content h4 {
	font-size: 1.2em;
	margin: 0 0 10px;
}


/* ---------- Paid Memberships Pro ---------- */
table.pmpro_checkout {
	width: 100%;
	margin: 0 0 20px;
}
table.pmpro_checkout thead {
	text-transform: uppercase;
}
table.pmpro_checkout th,
table.pmpro_checkout td {
	padding: 15px;
}
table.pmpro_checkout tbody th,
table.pmpro_checkout tbody td {
	border-top: 1px solid #ddd;
}
table.pmpro_checkout .pmpro_btn-select {
	background: none;
	color: #30b36b;
	border: 2px solid #30b36b;
	border-radius: 100px;
}
table.pmpro_checkout .pmpro_btn-select:hover {
	background: #30b36b;
	color: #fff;
	border-color: #30b36b;
}


/* ---------- WP Customer Reviews (ratings) ---------- */
.wpcr3_pagination {
	display: none; /* hide rating pagination */
}
/* hide review content within cards and page headers */
.card .wpcr3_review,
.page-header .wpcr3_review {
	display: none; /* hide full review */
}
.card div.wpcr3_review_item div.wpcr3_item_name,
.page-header div.wpcr3_review_item div.wpcr3_item_name {
	display: none;
}
.card .wpcr3_aggregateRating_overallText,
.page-header .wpcr3_aggregateRating_overallText {
	display: none;
}

.card div.wpcr3_aggregateRating,
.page-header div.wpcr3_aggregateRating {
	margin: 0;
}
.card div.wpcr3_dotline,
.card div.wpcr3_review div.wpcr3_dotline,
.page-header div.wpcr3_dotline,
.page-header div.wpcr3_review div.wpcr3_dotline {
	display: none !important;
}

.wpcr3_table_2 th,
.wpcr3_table_2 td {
	padding: 10px 0;
}

.wpcr3_button_1 {
	padding: 7px 20px;
	font-size: .9em;
	background: none;
	color: #30b36b;
	border: 2px solid #30b36b;
	border-radius: 100px;
}
.wpcr3_button_1:hover {
	background: #30b36b;
	color: #fff;
	border-color: #30b36b;
}
.wpcr3_button_1.wpcr3_cancel_btn {
	border-color: #ccc;
}
.wpcr3_button_1.wpcr3_cancel_btn:hover {
	background: #eee;
	color: #30b36b;
}

/* ---------- WP Pagenavi (pagination) ---------- */
.wp-pagenavi {
	padding: 20px 0 0;
	margin: 0 0 20px;
	border-top: 1px solid #ddd;
}
.wp-pagenavi a,
.wp-pagenavi span {
	display: inline-block;
    border: none;
    padding: 10px 17px;
    margin: 0 5px 5px 0;
}
.wp-pagenavi span.pages {
	background: #f4f8f9;
	color: #1c1733;
	border-left: 3px solid #ccdde2;
}
.wp-pagenavi a {
	background: #30b36b;
	color: #fff;
}
.wp-pagenavi a:hover {
	background: #148953;
}
.wp-pagenavi span.current {
	background: #1c1733;
	color: #fff;
}


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

/* fixed guide headers */
.js-guide-header {
	position: fixed;
	top: 65px;
	width: 100%;
	height: 0;
	background: rgba(28, 23, 51, .9);
	overflow: hidden;
	z-index: 500;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.js-guide-header.header-visible {
	height: 44px;
	padding: 10px 0;
}
.js-guide-header > .container {
	position: relative;
}
.js-guide-header .header-title {
	color: #fff;
}
.js-guide-header .header-utility {
	position: absolute;
	top: 0;
	right: 30px;
}
.js-guide-header .header-top-link {
	display: inline-block;
	padding: 3px;
	font-size: .85em;
	color: rgba(255, 255, 255, .5);
}
.js-guide-header .header-top-link:hover {
	color: #fff;
}
.js-guide-header .header-top-link.link-action {
	color: #20d681;
	margin-left: 5px;
}
.js-guide-header .header-top-link.link-action:hover {
	color: #fff;
}


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

}

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

	/* ----- UI Guide ----- */
    .ui-guide-body .container {
        width: auto;
        padding: 0 50px;
    }

}

@media (max-width: 1199px) {

	/* ----- Hero ----- */
	.hero .hero-content {
		width: auto;
	}

	/* ----- Bootstrap ----- */
	.container {
		width: auto;
		padding: 0 30px;
	}

}

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

	.site-wrap,
	.site-wrap.wrap-member,
	.site-wrap.wrap-lp {
		margin: 60px 0 0;
	}

	.container.container-app {
		padding: 0;
	}

	/* ----- Header ----- */
	.site-header {
		height: 60px;
		padding: 0;
	}
	.site-header .header-top {
		display: none;
	}
	.site-header .header-brand {
		top: 12px;
		left: 10px;
		width: 150px;
	}
	.page-template-page-plans .site-header .header-brand {
		padding: 13px 0;
	}
	.site-header .header-mobile-navicon {
		display: inline-block;
	}
	.site-header .header-nav {
		position: fixed;
		top: 60px;
		left: 0;
		height: 0;
		background: #f5f8fb;
		overflow: hidden;
		z-index: 1000;
	}
	.mobile-nav-open {
		overflow: hidden;
	}
	.mobile-nav-open .header-top {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
	}
	.mobile-nav-open .header-restyle .header-top {
		height: 40px;
	}
	.mobile-nav-open .header-top .container {
		padding: 0;
	}
	.mobile-nav-open .header-top .top-nav {
		font-size: .7em;
		text-align: center;
	}
	.mobile-nav-open .header-top .top-nav li a {
		padding: 12px 10px;
	}
	.mobile-nav-open .site-header .header-nav {
		width: 100%;
		height: 100%;
		padding: 20px 20px 80px;
		border-top: 1px solid #ddd;
		overflow: auto;
	}
	.mobile-nav-open .site-header .header-nav ul {
		padding: 0;
	}
	.mobile-nav-open .site-header .header-nav ul > li {
		float: none;
		display: block;
		margin: 0;
	}
	.mobile-nav-open .site-header .header-nav ul > li > a,
	.mobile-nav-open .site-header .header-nav ul > li.nav-dropdown > a {
		height: auto;
		padding: 15px;
		text-align: center;
	}
	.mobile-nav-open .site-header .header-nav ul > li.nav-cta {
		margin: 10px 0;
	}
	.mobile-nav-open .site-header .header-nav .dropdown-menu {
		width: 100%;
		min-height: 300px;
	}
	.mobile-nav-open .site-header.header-member .header-nav {
		background: #526b72;
	}
	.mobile-nav-open .site-header .header-nav .nav-sub-menu,
	.mobile-nav-open .site-header .header-nav .nav-mega-menu {
		display: none !important;
	}
	.mobile-nav-open .site-header .header-nav ul li a .fa-caret-down {
		display: none;
	}

	/* ----- Layouts ----- */
	.column-layout,
	.column-layout .layout-body,
	.column-layout .layout-rail {
		display: block;
	}
	.column-layout .layout-body,
	.column-layout .layout-rail {
		width: 100%;
	}
	
	/* ----- Page Header ----- */
	.page-header.header-post {
		min-height: inherit;
	}
	.post-header {
		margin: -80px 0 30px;
	}

	/* ----- Page Section ----- */
	.page-section.section-confirmation {
		padding: 80px 0 30px;
	}

	/* ----- Hero ----- */
	.hero {
		padding: 50px 0;
	}

	/* ----- Landing Pages ----- */
	.lp-header {
		height: 60px;
		padding: 0;
	}
	.lp-header > .container {
		padding-right: 15px;
	}
	.lp-header .header-brand {
		top: 12px;
		left: 10px;
		width: 150px;
	}
	.lp-header .header-nav {
		font-size: .8em;
	}

	/* ----- JS (behavioral) ----- */
	.js-guide-header {
		display: none;
	}
	
}

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

	/* ----- Lists ----- */
	.list-steps.step-columns li {
		width: 47%;
	}

	/* ----- Page Header ----- */
	.page-header .header-cta {
		margin: 20px 0 0;
	}

	/* ----- Hero ----- */
	.hero .hero-cta {
		margin: 20px 0 0;
	}
	.hero.hero-lp .hero-content,
	.hero.hero-lp .hero-form {
		display: block;
		width: 100%;
	}

	/* ----- widget ----- */
	.widget.pull-up-250 {
		margin-top: 0px !important
	}

	/* ----- Bootstrap ----- */
	.well.well-raised {
		margin-top: 0;
	}

}

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

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

	/* ----- Global ----- */
	h1 {font-size: 2.2em;}
	h2 {font-size: 1.6em;}
	h3 {font-size: 1.4em;}
	h4 {font-size: 1.2em;}
	
	.headline {
		font-size: 1.2em;
		letter-spacing: 0;
	}
	.headline.headline-large {
		font-size: 1.4em;
	}
	
	.btn.btn-xl {
		font-size: 1.2em;
		padding: 10px 20px;
	}

	.page-template-page-squeeze-lp .well.pull-up-200 {
		margin: 0 0 20px !important;
	}

	/* ----- Grids ----- */
	.rsp-grid .grid-container {
		width: 47% !important;
	}

	/* ----- Page header ----- */
	.page-header .header-content {
		width: auto;
	}
	.page-header .search {
		margin: 20px 0 0;
	}
	.page-header.header-post {
		padding: 100px 0 30px;
	}
	
	/* ----- Page section ----- */
	.page-section {
		padding: 30px 0;
	}
	.page-section.section-slim {
		padding: 15px 0;
	}
	.page-section.section-cta.cta-profile p {
		text-align: center;
	}
	.page-section.section-cta.cta-profile .avatar-profile {
		margin: 30px auto 0;
	}
	
	/* ----- Hero ----- */
	.hero.hero-homepage {
		padding: 70px 50px 50px;
	}
	.hero .hero-content h1 {
		font-size: 2.4em;
	}
	.hero .quickstart-form {
		width: auto;
	}

	/* ----- Overlay ----- */
	.overlay-header .header-close {
		top: -8px;
		font-size: 3em;
	}

	/* ----- Filter ----- */
	.filter.filter-with-actions {
		padding: 0;
	}
	.filter.filter-with-actions .filter-actions {
		position: static;
		top: inherit;
	}

	/* ----- Tables ----- */
	/* responsive tables */
	.table-responsive thead {
		display: none;
	}
	.table-responsive tbody,
	.table-responsive tr,
	.table-responsive th,
	.table-responsive td {
		display: block;
		width: 100%;
	}
	.table-responsive-guide {
		margin-bottom: 0;
		overflow: hidden;
		overflow-x: scroll;
		display: block;
		white-space: nowrap;
	}
	.table-responsive tr {
		border-top: 1px solid #ddd;
	}
	.table-responsive th,
	.table-responsive td {
		border: none !important;
	}
	.column-action {
		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 th {
		width: 100%;
		border-top: 1px solid #036;
	}
	.table.table-compare tbody td {
		position: relative;
		padding-left: 120px;
		border-left: none;
		text-align: right;
	}
	.table.table-compare tbody tr.row-header th {
		padding: 20px 0;
		text-align: center;
	}
	.table.table-compare tbody td .mobile-label {
		position: absolute;
		top: 20px;
		left: 0;
		font-weight: 700;
		letter-spacing: 3px;
		text-transform: uppercase;
	}
	.table.table-compare tfoot td {
		padding: 20px 0;
	}
	.table.table-compare tfoot td .mobile-label {
		display: block;
		font-weight: 700;
		letter-spacing: 3px;
		text-transform: uppercase;
		margin: 0 0 10px;
	}
	.table.table-compare tfoot td .centered {
		text-align: left;
	}
	.table.table-compare .hide-mobile {
		display: none !important;
	}

	.table.table-data th,
	.table.table-data td {
		padding: 15px 15px 0;
	}
	.table.table-data th {
		width: auto;
	}
	.table.table-data tr td:last-child {
		padding-bottom: 15px;
	}

	/* ----- Bootstrap ----- */
	.well.well-with-utility .well-utility {
		position: static;
	}

}

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

	/* ----- Buttons ----- */
	.btn-mobile-block {
		display: block;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		margin: 0 0 10px;
	}

	/* ----- Lists ----- */
	.list-columns-2 li,
	.list-columns-3 li {
		display: block;
		width: auto;
	}
	.list-steps.step-columns {
		margin-left: 0;
	}
	.list-steps.step-columns li {
		width: 100%;
		margin: 0 0 20px;
	}
	
	/* ----- Grids ----- */
	.rsp-grid {
		margin-left: 0;
	}
	.rsp-grid .grid-container {
		display: block;
		width: 100% !important;
		margin: 0 0 15px;
	}

	/* ----- Layouts ------ */
	.column-layout .layout-body,
	.column-layout .layout-rail {
		padding: 30px 0;
	} 
	
	/* ----- Page header ----- */
	.page-header {
		padding: 30px 0;
	}
	.page-header .headline {
		margin: 0;
	}
	.page-header.header-profile .profile-content {
		padding: 0;
	}
	.page-header.header-profile .profile-content .content-header .header-profile-image {
		position: relative;
		display: block;
		width: 150px;
		margin: 0 auto 15px;
	}
	.page-header.header-profile .profile-content .content-header .header-label {
		display: block;
		text-align: center;
	}
	.page-header.header-profile .profile-content .content-header h1,
	.page-header.header-profile .profile-content .content-header p,
	.page-header.header-profile .profile-content .content-header .meta {
		text-align: center;
	}

	/* ----- Page section ----- */
	.page-section.section-cta .btn {
		display: block;
		width: 100%;
		margin: 0 0 10px; 
	}
	.page-section.section-auth {
		padding: 80px 0 50px;
	}
	.page-section .title-preferred {
		font-size: .85em;
	}

	/* ----- Brand ----- */
	.brand {
		padding: 35px 70px;
	}

	/* ----- Post ----- */
	.post-nav a {
		font-size: .9em;
	}
	.post-content {
		padding-left: 0;
	}
	.post-content .share-links {
	    position: static;
	    width: auto;
	}
	.post-content .share-links li {
	    margin: 0 0 5px;
	}
	
	/* ----- Hero ----- */
	.hero {
		padding: 30px 0;
	}
	.hero.hero-homepage {
		padding: 50px 15px;
	}
	.hero .quickstart-form select {
		height: 39px;
		font-size: 1em;
	}
	.hero .btn {
		display: block;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		margin: 0 0 10px;
		font-size: 1em;
	}

	/* ----- Metric ----- */
	.metric .metric-value {
		font-size: 1.5em;
	}

	/* ----- Posts ----- */
	.post-item {
		padding-left: 45px;
	}
	.post-item:before {
		font-size: 2em;
	}
	.post-item .item-title {
		font-size: 1.5em;
	}

	/* ----- User ----- */
	.user.user-jumbo {
		padding-left: 70px;
	}
	.user.user-jumbo .user-avatar {
		width: 50px;
	}

	/* ----- Sticky Footer ----- */
	.sticky-footer {
		display: block;
	}

	/* ----- Site Footer ----- */
	.site-footer .footer-wrap {
		padding: 0;
	}
	.site-footer .footer-wrap .icon-credo {
		position: static;
		display: block;
		margin: 0 0 15px;
	}
	.footer-nav li {
		display: block;
	}
	.footer-nav li:first-child {
		border-top: none;
	}
	.footer-nav li a {
		display: block;
		padding: 5px 0;
	}

	/* ----- Forms ----- */
	.quickstart-form {
		padding-right: 150px;
	}
	.quickstart-form input[type="text"],
	.quickstart-form input[type="email"] {
		padding: 10px;
	}
	.quickstart-form input[type="submit"] {
		padding: 10px 20px;
	}

	/* ----- Bootstrap ----- */
	.carousel.carousel-quotes {
		padding: 0 50px;
	}
	.modal.modal-super .modal-body .body-rail {
		padding: 30px;
	}
	.nav.nav-inline {
		font-size: .7em;
	}
	.nav.nav-pills li a sup {
		margin: 8px 0 0 5px;
	}
	.well.well-padded {
		padding: 30px;
	}

}

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

	/* ----- Hero ----- */
	.hero .hero-content h1 {
		font-size: 1.8em;
	}
	.hero .quickstart-form {
		padding: 0;
		background: none;
	}
	.hero .quickstart-form select {
		width: 100%;
		margin: 0 0 10px;
		background: #fff;
	}
	.hero .quickstart-form input[type="submit"] {
		position: static;
		display: block;
		width: 100%;
		padding: 15px 0;
	}

	/* ----- Card ----- */
	.card.card-product {
		padding: 30px;
	}

	/* ----- User ----- */
	.user.user-large {
		min-height: 70px;
		padding-left: 70px;
	}
	.user.user-large .user-avatar {
		width: 50px;
	}

	/* ----- Fractional CMO ----- */
	.manual-pro {
    	height: 100% !important;
	}
	
	/* offers/consulting page */
	.offer {
		display: block;
		padding: 20px 40px 20px 20px;
		margin-right: 0px !important;
		margin-bottom: 20px;
		width: 100% !important;
		background: #fff;
		font-size: 1.2em;
		font-weight: 700;
		box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	}
	
}

/* 12: Miscellaneous
========================================================================================================== */
/* A lot of page specific styles */

.manual-pro {
    border: 1px solid #f2f5f5;
    border-radius: 4px;
    padding: 20px;
    height: 200px;
    margin-bottom: 20px;
}

span.manual-pro-image {
    float: left;
    margin-right: 20px;
}

span.manual-pro-image img {
    border-radius: 50%;
}

span.manual-pro-bio {
    line-height: 1.4em !important;
    margin: 0 auto;
    display: table-cell;
    height: 160px;
}

/* seen on ribbon images */

.seen-on li {
    display: -webkit-inline-box;
    margin-right: 30px;
    margin-top: 4px;
}

.seen-on {
    text-align: center;
}
/* success stories page */

.testimonial-individual {
    background-color: #f2f5f5;
    padding: 30px 20px 10px;
    margin-bottom: 20px;
    border-radius: 4px;
}

/* topic links on /hire-a-consultant/ index page */
p#topic-link a {
    display: block;
    padding: 20px 40px 20px 20px;
    background: #fff;
    font-size: 1.2em;
    font-weight: 700;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}

/* styles for lead gen pages */

.porter-testimonial {
    border-radius: 4px;
    background-color: #F4F8FA;
    padding: 20px 20px 10px 20px;
    margin: 20px 0px 20px;
}

/* offers */
.offer {
    display: block;
    padding: 20px 40px 20px 20px;
    margin-right: 10px;
    width: 45%;
    background: #fff;
    font-size: 1.2em;
    font-weight: 700;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}

/* category CTA below bottom form */
	a.cat-cta {
		color: #fff;
	}
	a.cat-cta:hover {
		text-decoration: underline;
	}
/* FAQ question styles */
	.faq {
		display: block;
		padding: 20px 40px 20px 20px;
		background: #fff;
		font-size: 1.2em;
		font-weight: 700;
		box-shadow: 0 0 10px rgba(0, 0, 0, .15);
		margin-bottom: 20px;
	}
/* calendly scheduling on /s-confirmation/ */
	.calendly-inline-widget {
		border: 1px solid #f2f5f5;
		padding: 10px;
		height: 950px !important;
		border-radius: 4px;
	}
/* featured jobs */
	.card.card-promoted {
		background-color: rgba(255, 181, 0, .5);
	}
/* hide the "you will be redirected to an external site" text on Calendly widget */
	small.muted {
		display: none;
	}
/* Adding 30px of margin below the embedded player */
	.mejs-container {
		margin-bottom: 30px;
	}
/* Better formatting of links to categories at the top of blog posts */
	body.single-post .page-header a {
		color: #fff;
		text-decoration: underline;
	}

/* Hide steps on Pro Vetting form */
	div#gform_wrapper_94 h3.gf_progressbar_title {
		display: none;
	}

/* formatting consent checkbox on pro application correctly */

	.html-block-application {
		font-size: 1.3em;
		background-color: #f2f5f5;
		padding: 20px 19px 5px;
		margin-bottom: 20px;
	}

input#gform_previous_button_67 {
    display: none;
}

li#field_67_3 label {
    margin-top: 5px;
}

/* WHY WON'T YOU WORK */
	.page-id-57239 .ginput_container.ginput_container_consent { 
		display: -webkit-inline-box !important;
	}

	.page-id-57239 .ginput_container.ginput_container_consent input#input_95_6_1 { 
		margin-right: 10px;
	}

	.page-id-57239 .ginput_container.ginput_container_consent input#input_95_6_1, .page-id-57239 .ginput_container.ginput_container_consent input#input_95_28_1 {
		margin-right: 10px;
	}

/* moving save for later link 10px left */
	a#gform_save_95_link {
		margin-left: 10px;
		position: inherit;
	}

/* table of contents */
	.toc {
		background-color: #f4f8f9;
		padding: 20px;
		margin-bottom: 20px;
		border-radius: 6px;
	}

/* guide table styling */
	.single-guide table tr, .single-guide table td {
		border: 1px solid;
		padding: 8px;
	}

	.single-guide table {
		margin-bottom: 30px;
	}

.page-id-57239 input#input_95_28_1, .page-id-57239 input#input_95_6_1 {
    position: absolute;
    margin-top: 4px;
}
li#field_95_6 label.gfield_consent_label, li#field_95_28 label.gfield_consent_label {
    margin-left: 20px;
    margin-top: -5px;
}

/* lead followup system page */
.page-id-57696 p, .page-id-57703 p, .page-id-57696 li {
    font-size: 1.4em;
}
input#gform_previous_button_97 {
    display: none;
}
select#input_97_3_2_month, select#input_97_3_2_year {
    height: 62px;
}
img.alignleft.size-medium.wp-image-57754 {
    border-radius: 50%;
}
.page-id-57696 blockquote p {
    font-size: 16px;
}
.page-id-57696 blockquote {
    border-left: 0;
    background-color: #f2f5f5;
    padding: 20px;
    border-radius: 4px;
}

/* table formatting for PPC billing post */
.postid-57769 table, .postid-57769 table tr, .postid-57769 table td {
    border: 1px solid #f2f5f5;
    padding: 20px;
}
.postid-57769 table {
    margin-bottom: 30px;
}
/* training pricing form */
/* div#gform_wrapper_103 label , div#gform_wrapper_103 span.ginput_total, div#gform_wrapper_103 .ginput_container_singleproduct {
    color: #fff;
} */

/* style on /confirmation/ page on WWW for form */
body.page-id-5595 div#gform_wrapper_75 {
    padding: 20px;
    border: 1px solid #f2f5f5;
    border-radius: 6px;
    background: #f2f5f5;
    margin-bottom: 30px;
}

/* testimonial styles on /credo-pro-call/confirmed/ */
.page-id-58293 blockquote {
    color: #1c1733 !important;
    background: rgba(0,0,0,.15);
    border-radius: 6px;
    padding: 20px;
    font-size: 18px;
}
/* coaching call credit card style */
li#field_107_5 {
    background-color: #f2f5f5;
    padding: 20px;
}
li#field_107_5 span.ginput_full label {
    margin-left: 6px;
    margin-top: 3px;
    margin-bottom: 15px;
}
/* coaching intake form */
.page-id-58409 .gform-wrapper-custom {
    padding: 30px;
    background: #f2f4f4;
    border: 1px solid #ccc;
}
/* blog author photo */
section#execphp-15 img.avatar.avatar-64.photo {
    float: left;
    margin: 0 20px 0 0;
}
/* blog CTA */
section#custom_html-7 h4 {
    font-size: 36px;
    font-weight: 400;
    color: #fff;
}
section#custom_html-7 {
    background-color: #526b72;
    color: #fff;
}
section#custom_html-13 {
    background-color: #ffb400;
}
section#custom_html-13 h4 {
    font-size: 36px;
    font-weight: 400;
}

div#gform_wrapper_109 {
    background-color: #f2f5f5;
    padding: 20px;
    border-radius: 6px;
}
/* ecomm lead magnet styles */
.single-post ul#gform_fields_109, .single-post ul#gform_fields_111, .single-post ul#gform_fields_112 {
    margin-left: 0px;
}
/*calculoid formatting */
.calculoid-description.ng-binding.ng-scope {
    margin-left: 10px;
}
/* lead followup system form */
.page-id-57696 .gform_fields .gfield .ginput_container_creditcard .ginput_card_expiration {
    height: 60px;
}
.page-id-57696 .gform_fields input {
    border-radius: 6px;
}
/* cta padding */
div#gform_wrapper_112 {
    padding-right: 20px;
    padding-left: 20px;
}