/*
Theme Name: Leangains
Theme URI: https://www.leangains.com
Version: 3.0
Author: Raul Rincon
Author URI: http://www.raulrincon.me
Description: The Birthplace of Interminttent Fasting
*/

:root {
	--black: #181818;
	--dark: #2F2F2F;
	--gray: #838080;
	--lightgray: #BABABA;
	--light: #ffffff;
	--copper: #CC4200;
	--orange: #FB6D00;
	
	--sysfont: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--barlow: 'Barlow', -apple-system, sans-serif;
}

::selection {
  background: #22252A;
	color: var(--lightgray);
}

::-moz-selection {
	background: #22252A;
	color: var(--lightgray);
}

body {
  background-color: var(--black);
  color: var(--light);
  font-family: 'Barlow', sans-serif;
  font-size: 16px;
  overflow-x: hidden;
}

header {
	padding-top: 15px;
	position: relative;
	z-index: 10;
	display: flex;
	flex-flow: row nowrap;
}

@media only screen and (max-width: 60rem) {
	.nav-active {
		overflow-y: hidden;
	}

	.nav-active header {
		position: fixed;
  	width: 100%;	
  }
}

main:not(.home):before {
	content:'';
	width: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	height: 420px;
	background-color: #010101;
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	transition: height 180ms ease-in-out;
	overflow-x: hidden;
}

@media only screen and (max-width: 414px) {
	main:not(.home):before {
		height: 200px;
	}
}

.error404 main:not(.home):before {
	height: 80px;
}

header .leangains {
	text-decoration: none;
	margin: auto 0;
	transition: all 200ms ease-in-out;
}

header h1 {
	position: relative;
	z-index: 200;
	margin: auto 0;
	text-align: left;
}

.intro {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
	padding-left: 10px;
}

@media only screen and (max-width: 375px) {
	.intro {
		font-size: 12px;
	}
}

header svg {
	max-width: 271px;
	max-height: 50px;
	margin: auto 2rem auto .625rem;
	position: relative;
	z-index: 100;
	fill: #ffffff;
}

@media only screen and (max-width: 400px) {
	header svg {
		width: 203px;
		height: 38px;
	}
}

header a span {
	display: none;
}

nav {
	margin: auto 0 auto auto;
}

header .search {
	margin: auto 8px auto 1rem;
	display: flex;
}

header .search input[type="text"] {
	-webkit-appearance: none;
	border: 0;
	background-color: transparent;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23"><path d="M9.5 0L9.5 0C14.8 0 19 4.2 19 9.5 19.1 11.5 18.4 13.5 17.2 15.2L22.3 19.5 22.3 19.5C23.1 20.2 23.2 21.5 22.5 22.3 21.8 23.1 20.6 23.2 19.8 22.5 19.7 22.5 19.6 22.4 19.5 22.3L15.2 17.2 15.2 17.2C11 20.3 5 19.4 1.9 15.2 -1.3 11-0.4 5 3.9 1.9 5.5 0.7 7.5 0 9.5 0L9.5 0ZM9.5 17L9.5 17C13.7 17 17 13.7 17 9.5 17 5.4 13.7 2 9.5 2 5.4 2 2 5.4 2 9.5L2 9.5C2 13.7 5.4 17 9.5 17L9.5 17Z" fill="%23FB6D00"/></svg>');
	background-repeat: no-repeat;
	background-position: center left;
	line-height: 1.6;
	font-size: 1rem;
	font-weight: 500;
	font-style: italic;
	color: #ffffff;
	outline: 0;
	padding-left: 2rem;
	transition: all 220ms ease-in-out;
	width: 23px;
	cursor: pointer;
}

header .search input[type="text"]:focus {
	padding-right: .625rem;
	width: 180px;
}

.search input[type="text"]::-webkit-input-placeholder {
  color: transparent;
  display: none;
  transition: color 180ms ease-in-out;
}

header .search input[type="text"]:focus::-webkit-input-placeholder {
	color: #ffffff;
}

@media only screen and (max-width: 60rem) {
	header .search {
		margin: 0 8px auto 1rem;
		position: absolute;
		top: 18px;
		left: 0;
		right: 13px;
		transition: all 200ms ease-in-out;
		z-index: 100;
	}

	header .search form {
		width: 100%;
	}

	header .search form div {
		text-align: right;
	}

  header .search input[type="text"]:focus {
  	width: 100%;
  }

  .fadeOut {
  	visibility: hidden;
		opacity: 0;
		transition: all 200ms ease-in-out;
	}

	.search-pos {
		left: 0;
	}
}

/*********************************************************************************************
Navigation
*********************************************************************************************/
nav ol {
	display: flex;
}

nav ol li:not(:last-child) {
	margin-right: 20px;
}

nav ol li a {
	text-decoration: none;
	text-transform: uppercase;
	/*font-family: 'Oswald', sans-serif;*/
	font-weight: 600;
	font-size: 1rem;
	color: #ffffff;
	transition: color 180ms ease-in-out;
	padding: 1rem 0;
}

nav ol li a:hover {
	color: var(--orange);
}

nav ol li > ul {
	position: absolute;
	visibility: hidden;
}

nav ol li.menu-item-has-children {
	position: relative;
}

nav ol > li.menu-item-has-children > a:after {
	content:'';
	display: inline-block;
	vertical-align: 1px;
	margin-left: 6px;
	width: 10px;
	height: 7px;
	background-image: url('data:image/svg+xml;utf8,<svg width="10px" height="7px" viewBox="0 0 10 7" xmlns="http://www.w3.org/2000/svg"><polygon fill="%23aaaaaa" fill-rule="nonzero" points="1.41421356 0 0 1.41421356 4.70710678 6.12132034 9.41421356 1.41421356 8 0 4.70710678 3.29289322"></polygon></svg>');
	transition: background-image 180ms ease-in-out;
}

nav ol > li.menu-item-has-children > a:hover:after {
	background-image: url('data:image/svg+xml;utf8,<svg width="10px" height="7px" viewBox="0 0 10 7" xmlns="http://www.w3.org/2000/svg"><polygon fill="%23FB6D00" fill-rule="nonzero" points="1.41421356 0 0 1.41421356 4.70710678 6.12132034 9.41421356 1.41421356 8 0 4.70710678 3.29289322"></polygon></svg>');
}

@media only screen and (max-width: 320px) {
	nav ol > li.menu-item-has-children > a:after {
		background-image: url('data:image/svg+xml;utf8,<svg width="10px" height="7px" viewBox="0 0 10 7" xmlns="http://www.w3.org/2000/svg"><polygon fill="%23FB6D00" fill-rule="nonzero" points="1.41421356 0 0 1.41421356 4.70710678 6.12132034 9.41421356 1.41421356 8 0 4.70710678 3.29289322"></polygon></svg>');
	}
}

nav ol ul {
  position: absolute;
  padding: 10px;
  background-color: rgba(0, 0, 0, .55);
  border: 1px solid var(--orange);
  -webkit-backdrop-filter: blur(10px);
  visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  transform: scale(0.8) skewX(-22deg);
  transition: all 200ms ease-in-out;
  transform-origin: top left;
  min-width: 220px;
  top: 32px;
  left: -10px;
  box-shadow: rgba(23, 43, 99, .15) 0 16px 42px;
  text-align: left;
}

nav ol ul li:not(:last-child) {
	margin-right: 0;
	border-bottom: 1px solid rgba(255,255,255,.2);
}

nav ol ul li {
	padding-left: .625rem;
}

nav ol ul li a {
	display: block;
	padding: 1rem 0 1rem .625rem;
	transition: color 180ms ease-in-out;
	font-weight: 500;
	font-style: normal;
	text-transform: none;
	font-size: 1rem;
	line-height: 1;
	transform: skew(16deg);
}

nav ol ul li a:hover {
	color: var(--light);
}

nav ol li:hover > ul {
  visibility: visible;
  opacity: 1;
  transform: scale(1) skewX(-16deg);
}

nav ol ul li:not(:last-child) {
	margin-right: 0;
	border-bottom: 1px solid rgba(255,255,255,.2);
}

nav ol ul li {
	padding-left: .625rem;
}

nav ol ul li a {
	display: block;
	padding: 1rem 0 1rem .625rem;
	transition: color 180ms ease-in-out;
	font-weight: 500;
	font-style: normal;
	text-transform: none;
	font-size: 1rem;
	line-height: 1;
	transform: skew(16deg);
}

nav ol ul li a:hover {
	color: var(--light);
}

nav ol li:hover > ul {
  visibility: visible;
  opacity: 1;
  transform: scale(1) skewX(-16deg);
}

@media only screen and (max-width: 60rem) {
	.nav-active nav ol li:hover > ul {
		transform: none;
	}
}

header button {
  display: none;
}

@media only screen and (max-width: 60rem) {
	.nav-active main {
		padding-top: 75px;
	}
}

/*********************************************************************************************
Mobile Navigation
*********************************************************************************************/
@media screen and (max-width: 60rem) {
	header {
		position: inherit;
		transition-delay: .2s;
	}

	.nav-active header {
  	top: 0;
  }

  .nav-active header svg {
  	width: 203px;
  	height: 38px;
  }

  #nav-toggle {
  	display: block;
  	-webkit-appearance: none;
  	outline: 0;
    border: 0;
		cursor: pointer;
		position: fixed;
		right: 24px;
    bottom: 55px;
		width: 60px;
  	height: 60px;
  	border-radius: 100%;
  	z-index: 100;
  }

  .nav-toggle {
  	background-color: var(--copper);
  }

  .nav-toggle .icon-hamb {
  	fill: #ffffff;
  	width: 28px;
  	height: 18px;
  	margin: 0 auto;
  }

  .nav-active .nav-toggle .icon-hamb {
  	display: none;
  }

  .nav-toggle .icon-close {
  	display: none;
  	fill: var(--black);
  	width: 20px;
  	height: 20px;
  }

  .nav-active .nav-toggle {
  	transition: .2s;
  	background-color: var(--lightgray);
  }

  .nav-active .nav-toggle .icon-close {
  	display: block;
  	margin: 0 auto;
  }

  .nav-toggle .screen-reader-text {
  	position: absolute !important;
  	clip: rect(1px,1px,1px,1px);
  }

	header nav {
		position: fixed;
		top: 0;
		padding: 0;
		margin: 0;
		-webkit-backdrop-filter: blur(20px);
		background: rgba(0,0,0,.9);
		overflow: hidden;
		opacity: 0;
		visibility: hidden;
		backface-visibility: hidden;
		z-index: -1;
		width: 100%;
		height: 100vh;
		-webkit-transition: 120ms;
		transition: 120ms;
  }

   .nav-active header nav {
  	opacity: 1;
  	visibility: visible;
  	z-index: 90;
  }

  .nav-active > header nav ol {
  	margin-top: 6rem;
  	padding: 0 1rem;
  	z-index: 100;
  	visibility: visible;
  	opacity: 1;
  	transition: 50ms;
  	height: 100%;
  	overflow-y: scroll;
  }

  header nav ol {
  	display: flex;
  	flex-flow: row wrap;
  	align-content: flex-start;
    opacity: 0;
    visibility: hidden;

  }

  header nav ol > li {
  	flex: 0 1 45%;
  	text-align: left;
  	transform: translateY(15px);
  	transition-delay: .13s;
  	opacity: 0;
  	margin-bottom: 1rem;
  }

  header nav ol li:nth-child(even) {
  	margin-right: 0;
  }

  header nav ol > * {
  	-webkit-transition: .2s;
    transition: .2s;
    transform: skew(0) scale(1) translateY(15px);
  }

  header nav ol li:nth-child(2) {
  	transition-delay: .13s;
  }

  header nav ol li:nth-child(3),
  header nav ol li:nth-child(4) {
  	transition-delay: .15s;
  }
  header nav ol li:nth-child(5),
  header nav ol li:nth-child(6) {
  	transition-delay: .2s;
  }

  .nav-active header nav ol li {
  	transform: translateY(0);
  	opacity: 1;
  }

  header nav ol ul li {
  	padding-left: .625rem;
  	margin: 0;
  }

  header nav ol > ul.sub-menu {
  	padding-left: 10px;
  }

  header nav ol li:last-child {
  	margin-bottom: 4rem;
  }

  header nav ol li ul li:last-child {
  	margin-bottom: 0;
  	line-height: 1.2;
  }

  header nav ol li a {
  	font-weight: 800;
  	color: var(--orange);
  	padding: .625rem 0;
  	font-size: 1.5rem;
  	transform: skew(0);
  }

  header nav ol li > ul {
  	min-width: 0;
  	padding: 0;
  	top: 0;
  	left: 0;
  	display: block;
  	visibility: visible;
  	opacity: 1;
  	position: relative;
  	transform: scale(1) skew(0);
  	background-color: transparent;
  	box-shadow: none;
  	-webkit-backdrop-filter: none;
  	border: 0;
  }

  header nav ol li ul li {
  	padding: 6px 0;
  	transform: skewX(-16deg);
  }

  header nav ol li ul li:first-child > a:after {
  	display: none;
  }

  header nav ol li ul li a {
  	font-size: 1rem;
  	padding: .312rem 0;
  	font-weight: 500;
  	color: #ffffff;
  }
}


@media only screen and (max-width: 320px) {
	header nav ol {
		flex-flow: column nowrap;
	}

	header nav ol li {
		flex: 0 1 auto;
		margin: 0 0 1rem 0;
	}

	header nav ol > li a {
		font-size: 1.125rem;
		letter-spacing: -.5px;
		line-height: 1.2;
	}

	nav ol li:not(:last-child) {
		margin-right: .625rem;
	}

	.nav-active > header nav ol {
		padding-bottom: 4rem;
	}
}

/*********************************************************************************************
Hero
*********************************************************************************************/
.hero {
	display: flex;
	flex-flow: row wrap;
	margin-top: -90px;
	padding: 10rem 0 2rem;
	background: linear-gradient(29deg, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0.2) 90%, rgba(0, 0, 0, 1)), url("assets/hero-bg3.jpg") center center no-repeat;
	background-size: cover;
}

@media only screen and (max-width: 414px) {
	.hero .nl-subscribe {
		overflow-x: hidden;
	}
}

.hero > div {
	flex: 1 0 100%;
	margin: auto;
	padding: 1rem 0;
}

.hero svg {
	width: 551px;
	height: 101px;
	margin-bottom: 1rem;
}

.hero h2 {
	font-size: 1.6rem;
	margin: 1rem auto 2rem;
	color: #ffffff;
	font-style: italic;
}

@media only screen and (max-width: 40rem) {
	.hero {
		padding: 6rem 0 1rem;
		height: auto;
		justify-content: center;
	}

	.hero svg {
		max-width: 90%;
		margin: 0 auto;
	}

	.hero h2 {
		padding: 0 .312rem;
		font-size: 1.25rem;
	}

	.hero p {
		padding: 0 .312rem;
		font-size: 1rem;
	}
}

.hero .nl-subscribe {
	text-align: left;
	padding: 1rem 0;
	flex: 0 1 480px;
	margin: 0 0 0 auto ;
	background-color: var(--dark);
	box-shadow: 0 10px 40px 0 rgba(0,0,0,0.50);
	display: flex;
	flex-flow: column wrap;
	align-items: flex-end;
	align-self: flex-end;
	transform: skew(-16deg) translateY(80px);
}

@media only screen and (max-width: 48rem) {
	.nl-subscribe .ck_email_field_group {
		margin-bottom: .625rem;
	}
}

@media only screen and (max-width: 414px) {
	.hero .nl-subscribe {
		transform: skew(-16deg) translateY(80px) translateX(10px);
		flex: 0 1 auto;
		margin: 0;
	}
	.hero .nl-subscribe input#ck_emailField.ck_email_address {
		width: 100%;
	}
}

@media only screen and (max-width: 375px) {
	.hero .nl-subscribe {
		transform: skew(-16deg) translateY(80px) translateX(26px);
	}
}

@media only screen and (max-width: 320px) {
	.hero .nl-subscribe {
		transform: skew(-16deg) translateY(80px) translateX(25px);
	}
}

.nl-subscribe div {
	align-self: flex-start;
	margin: 0 0 10px 2rem;
	text-align: left;
}

@media only screen and (max-width: 414px) {
	.nl-subscribe div {
		margin: 0 auto 10px;
	}
}

.nl-subscribe form div,
.nl-footer form div {
	margin: 0 !important;
}

.nl-subscribe h4 {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
	font-style: italic;
	color: #ffffff;
	margin: auto 0;
	transform: skew(16deg);
	text-transform: uppercase;
}

.nl-subscribe p {
	font-size: .875rem;
	margin-bottom: 0;
}

@media only screen and (max-width: 470px) {
	.nl-subscribe div:nth-child(2) {
		justify-content: center;
		margin: 0 auto;
		padding: 0 1rem;
	}
	.nl-subscribe input:not([type="submit"]) {
		min-width: 100px !important;
	}
	.nl-subscribe h4 {
		font-size: 1rem;
	}
}

#ck_success_msg,
#ck_error_msg {
	text-align: left;
	padding: 10px 0;
}

#ck_success_msg p,
#ck_error_msg p {
	position: relative;
	padding: 0;
}

#ck_success_msg p:before,
#ck_error_msg p:before {
	content:'';
	width: 26px;
	height: 26px;
	position: absolute;
	top: -2px;
	left: -32px;
	background-size: 100%;
	background-image: url('data:image/svg+xml;utf8,<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M16,32 C7.163444,32 0,24.836556 0,16 C0,7.163444 7.163444,0 16,0 C24.836556,0 32,7.163444 32,16 C32,24.836556 24.836556,32 16,32 Z M22.7826087,10 L14.6595652,18.4117647 L10.2173913,13.8235294 L8,16.1176471 L14.6595652,23 L25,12.2941176 L22.7826087,10 Z" fill="%237ED321"></path></svg>');
}

.nl-subscribe #ck_error_msg p:before {
	background-image: url('data:image/svg+xml;utf8,<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M16,32 C7.163444,32 0,24.836556 0,16 C0,7.163444 7.163444,0 16,0 C24.836556,0 32,7.163444 32,16 C32,24.836556 24.836556,32 16,32 Z M17,23 L17,21 L15,21 L15,23 L17,23 Z M17,18 L17,9 L15,9 L15,18 L17,18 Z" fill="%23FE4444"></path></svg>');
}

#ck_error_msg small,
#ck_success_msg small {
	font-size: .75rem;
}

@media only screen and (max-width: 40rem) {
	#ck_success_msg,
	#ck_error_msg {
		margin: 0 auto;
	}

	#ck_success_msg p,
	#ck_error_msg p {
		position: relative;
		padding-left: 32px;
	}

	#ck_success_msg p:before,
	#ck_error_msg p:before {
		left: 0;
	}

	#ck_error_msg small,
	#ck_success_msg small {
		font-size: .75rem;
		color: #ffffff;
	}
}

.nl-subscribe input:not([type="submit"]),
.nl-footer input:not([type="submit"]),
aside input:not([type="submit"]):not([type="image"]) {
	padding: 20px 30px;
	text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: transparent;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #ffffff;
  color: var(--dark);
  outline: 0;
  border: 1px solid transparent;
  font-size: 1rem;
  transition: all 160ms ease-in-out;
}

.nl-subscribe input:not([type="submit"]):focus,
.nl-footer input:not([type="submit"]):focus,
aside input:not([type="submit"]):focus,
aside #custom_html-3 input:not([type="submit"]):focus {
	border: 1px solid var(--orange);
}

aside #custom_html-3 input:not([type="submit"]) {
	min-width: 0;
}

aside	#ck_success_msg,
aside	#ck_error_msg {
	margin: 1rem 0;
}

aside	#ck_success_msg p:before,
aside	#ck_error_msg p:before {
	left: 0;
}

aside	#ck_success_msg p,
aside	#ck_error_msg p {
	padding-left: 32px;
}

@media only screen and (max-width: 48rem) {
	.nl-footer input[type="email"] {
		min-width: 0;
		width: 100%;
		margin: 0;
	}

	.nl-footer form button {
		width: 90%;
	}
}

.nl-subscribe input:not([type="text"]):not([type="email"]),
.nl-footer input:not([type="text"]):not([type="email"]),
.nl-subscribe button,
.nl-footer button,
aside .widget button {
	width: 60px;
	height: 60px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	border: 0;
	transform: skew(-8deg);
	background-color: var(--orange);
	background-image: url('data:image/svg+xml;utf8,<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M23.0210422,0.0880140714 L23.0210421,0.0880141015 C23.3327257,-0.0927034912 23.7317113,0.0137821217 23.9122027,0.325856882 C23.9908428,0.461827787 24.017878,0.621630742 23.9883482,0.775947539 L20.2352807,20.3570884 L20.2352807,20.3570883 C20.1513556,20.7843424 19.7373961,21.0625802 19.3106758,20.9785495 C19.2738855,20.9713047 19.2376589,20.9614382 19.202273,20.9490252 L13.3628579,18.759714 L10.8736697,23.7434296 L10.8736696,23.7434296 C10.7593759,23.9725181 10.4812425,24.0654612 10.2524418,23.9510247 C10.0954369,23.8724977 9.99625853,23.7118528 9.996294,23.5361291 L9.996294,18.204595 L9.99629396,18.2045978 C10.0019045,17.7480725 10.1578774,17.3061723 10.4400017,16.9474885 C10.7639029,16.5769589 19.983572,4.49645356 19.983572,4.49645356 C19.983572,4.49645356 7.63475619,15.5454089 7.1490792,15.9392498 L7.14907922,15.9392498 C6.74430061,16.2810675 6.19104502,16.3873625 5.68865087,16.2198358 L0.438882844,14.4223646 L0.438882855,14.4223646 C0.100044093,14.3064354 -0.0807780308,13.9374285 0.035007043,13.5981651 C0.0858534915,13.4491774 0.189046237,13.3237701 0.325370036,13.2452941 L23.0210422,0.0880140714 Z" fill="%23FFFFFF"></path></svg>');
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 160ms ease-in-out;
	box-shadow: rgba(23, 43, 99, 0.15) 0 4px 10px;
}

.nl-subscribe button {
	transform: none;
}

.page .ck_form.ck_minimal {
	max-width: none !important;
}

.ck_form.ck_minimal .ck_subscribe_button {
	background-color: var(--orange) !important;
	font-size: .875rem !important;
	text-transform: uppercase;
	font-weight: 700 !important;
	color: #ffffff;
}

aside .widget input:not([type="submit"]):not([type="image"]) {
	display: block;
	width: 100%;
	max-width: 220px !important;
	min-width: 0;
	margin-bottom: .625rem;
	border: 1px solid #d8d8d8 !important;
	padding: 14px 15px;
}

aside .widget button {
	width: 100%;
	max-width: 220px;
	height: 40px;
}

aside .widget .paypl {
	margin: 1rem 0 0;
}

aside .widget .paypl input:not([type="submit"]):not([type="image"]) {
	width: auto;
	margin-left: 0;
}

@media only screen and (max-width: 40rem) {
	aside .widget input:not([type="submit"]) {
		max-width: 100% !important;
		margin-left: 0;
	}

	aside .widget button {
		max-width: 100% !important;
	}
}

.single .post-content form#ck_subscribe_form.ck_subscribe_form,
.page .post-content form#ck_subscribe_form.ck_subscribe_form {
	display: block !important;
}

.single .post-content .ck_description,
.single .post-content .ck_guarantee,
.page .post-content .ck_description,
.page .post-content .ck_guarantee {
	display: none !important;
}

form#ck_subscribe_form.ck_subscribe_form {
	display: flex;
}

aside form#ck_subscribe_form.ck_subscribe_form {
	display: block;
}

aside .ck_subscribe_form {
	margin-top: 1rem;
}

/* main {
	position: relative;
	z-index: 100;
}*/

/*********************************************************************************************
Styles
*********************************************************************************************/
main h1 {
	font-size: 4rem;
	font-weight: 700;
	color: var(--orange);
}

main h2 {
	font-size: 3rem;
	font-weight: 400;
	color: var(--copper);
}

main h3 {
	color: var(--light);
	font-size: 1.8rem;
	font-weight: 600;
}

main h4 {
	color: var(--light);
	font-size: 1.6rem;
	font-weight: 500;
}

main h5 {
	font-size: 1.4rem;
	margin-bottom: 1rem;
	font-weight: 700;
	color: var(--copper);
}

/*********************************************************************************************
Layout
*********************************************************************************************/
.area {
	max-width: 1200px;
	margin: 0 auto .625rem;
}

main .home.area {
	max-width: none;
	background-color: var(--dark);
	color: var(--lightgray);
	padding: 4rem 0;
}

@media only screen and (max-width: 77.5rem) {
	main .home.area {
		padding: 0 .625rem;
	}
}

@media only screen and (max-width: 75rem) {
	main .home.area {
		padding: 0 .625rem;
	}
}

@media only screen and (max-width: 40rem) {
	main .home.area {
		flex-direction: column;
		padding: 0;
	}
}

.new:after {
	content: "New";
	position: relative;
	display: inline;
	padding: 0 4px;
	margin-left: 8px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: var(--orange);
	border-radius: 3px;
	vertical-align: 4px;
}

.pag-links {
	margin: 2rem auto;
	text-align: center;
}

.pag-links .prev-post,
.pag-links .next-post {
	-webkit-appearance: none;
  display: inline-block;
  padding: 20px 40px;
  margin: 10px 4px 0 0;
  font-size: .875rem;
  font-weight: 700;
  border: 1px solid transparent;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  color: #ffffff;
  background-image: none;
  background-color: var(--orange);
  transition: all 180ms linear;
  box-shadow: rgba(23,43,99,0.26) 0 7px 42px;
  transform: skew(-8deg);
  text-transform: uppercase;
}

.pag-links .next-post {
	background-color: var(--black);
	color: #ffffff;
}

.prev-post:active,
.next-post:active {
	transform: skew(-8deg) scale3d(.95,.95,.95) !important;
}

/*********************************************************************************************
Featured
*********************************************************************************************/
.feat {
	margin: 0 auto;
	padding: 2rem 0 5rem;
}

@media only screen and (max-width: 83rem) {
	.feat {
		padding: 2.5rem 0 4.5rem;
	}

	.feat .sect-meta {
		padding: 0 1rem;
	}
}

.feat .sect-meta {
	max-width: 1200px;
	margin: 1rem auto 2rem;
	display: flex;
	justify-content: center;
}

@media only screen and (max-width: 40rem) {
	.feat .sect-meta {
		flex-direction: column;
		justify-content: flex-start;
	}

	.feat .sect-meta a {
		display: block;
		text-align: left;
		margin-top: 1rem !important;
	}
}

.feat .sect-meta h4,
.area h4,
.recommended h4,
.about h4,
.about-follow p,
.about-cu .client-update h2 a,
.leangains-patreon h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 2.25rem;
	font-weight: 900;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	font-style: italic;
}

@media only screen and (max-width: 20rem) {
	.feat .sect-meta h4,
	.area h4,
	.recommended h4,
	.about h4,
	.about-follow p,
	.about-cu .client-update h2 a {
	font-size: 24px;
	}
}

aside section:nth-child(odd) > h4 {
	color: var(--orange) !important;
}

.sect-meta a.more,
aside .more {
	margin: auto 0;
	font-size: .875rem;
	color: #575757;
	text-decoration: none;
	font-weight: 600;
}

.sect-meta a.more:after,
aside .more:after,
.post-rm a:after,
.sect-rm a:after {
	content: '';
	display: inline-block;
	width: 5px;
	height: 9px;
	margin-left: 4px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9"><path d="M4.8 4C5.1 4.3 5.1 4.7 4.8 5L1.1 8.8C0.9 9.1 0.4 9.1 0.2 8.8 -0.1 8.5-0.1 8.1 0.2 7.8L3.4 4.5 0.2 1.2C-0.1 0.9-0.1 0.5 0.2 0.2 0.4-0.1 0.9-0.1 1.1 0.2L4.8 4Z" fill="%23ffffff"/></svg>');
	transition: margin-left 180ms ease-in-out;
}

.sect-meta a.more:hover:after,
aside .more:hover:after,
.post-rm a:hover:after,
.sect-rm a:hover:after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9"><path d="M4.8 4C5.1 4.3 5.1 4.7 4.8 5L1.1 8.8C0.9 9.1 0.4 9.1 0.2 8.8 -0.1 8.5-0.1 8.1 0.2 7.8L3.4 4.5 0.2 1.2C-0.1 0.9-0.1 0.5 0.2 0.2 0.4-0.1 0.9-0.1 1.1 0.2L4.8 4Z" fill="%23FB6D00"/></svg>');
}

.feat ul {
	max-width: 1300px;
	margin: 0 auto;
	padding-bottom: 1rem;
	display: flex;
	list-style: none;
	list-style-position: inside;
	counter-reset: count;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

.feat ul::-webkit-scrollbar {
  background: transparent;
}

.feat ul {
		overflow-y: scroll;
		scrollbar-width: none; /* Firefox */
		-ms-overflow-style: none;  /* Internet Explorer 10+ */
}

.feat ul::-webkit-scrollbar { /* WebKit */
		width: 0;
		height: 0;
}

.feat ul::-webkit-scrollbar { /* WebKit */
		width: 0;
		height: 0;
}

aside ul {
	list-style-type: none;
	list-style-position: inside;
	counter-reset: count;
}

.feat ul li,
aside ul li {
	text-align: left;
	flex: 1 0 500px;
	position: relative;
	padding-left: 30px;
}

@media only screen and (max-width: 40rem) {
	.feat ul li {
		flex: 0 0 320px;
		padding-left: 0;
		margin-right: 20px;
	}

	.feat ul li a figure img {
		max-width: 100%;
	}
}

@media only screen and (max-width: 20rem) {
	.feat ul li {
		flex: 0 0 280px;
	}
}

.feat ul li:first-child {
	margin-left: 1rem;
}

aside ul li:before {
	counter-increment: count;
	content: counter(count);
	display: block;
	position: absolute;
	bottom: 10px;
	left: 0;
	font-size: 1.75rem;
	font-weight: 700;
	text-decoration: underline;
	text-transform: uppercase;
	line-height: 1.4;
	vertical-align: bottom;
	border-radius: 50%;
	color: var(--orange);
}

.feat ul li a {
	text-decoration: none;
}

.feat ul li figure {
	margin-bottom: .625rem;
}

.feat ul li h3,
aside ul li h3 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	line-height: 1.4;
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--dark);
	margin-bottom: .25rem;
}

.feat ul li > p,
aside ul li > p {
	font-size: .875rem;
	color: var(--gray);
}

.feat ul li > p a {
	text-decoration: none;
	font-weight: 700;
	color: var(--dark);
}

.feat-posts {
	background-color: var(--black);
}

.home .feat-posts {
	margin-top: 0 !important;
}

.page .feat-posts {
	margin-top: 6rem;
}

.feat.feat-posts h4 {
	color: #ffffff;
}

.feat.feat-posts h4:after {
	background-color: var(--lightgray);
}

.feat.feat-posts .sect-meta a {
	color: var(--lightgray);
}

.feat.feat-posts ul li h3 {
	color: var(--light);
}

.feat.feat-posts ul li p a,
.feat.feat-posts ul li p {
	color: var(--lightgray);
}

.scroll-buttons {
	transform: skew(-16deg);
	display: inline-block;
	margin: 0 auto;
	width: 90%;
}

.scroll-buttons a {
	padding: 10px 40px;
	background-color: var(--orange);
	text-decoration: none;
}

.scroll-buttons > a:first-child {
	margin-right: 2px;
}

.scroll-buttons a svg {
	vertical-align: middle;
	transform: translateY(-2px);
}

/*********************************************************************************************
Buttons
*********************************************************************************************/
.btn {
	-webkit-appearance: none;
	-webkit-user-select: none;
	user-select: none;
  display: inline-block;
  padding: 1rem 1.75rem;
  margin: 10px 4px 0 0;
  font-size: .875rem;
  font-weight: 700;
  border: 1px solid transparent;
  border-radius: 0;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  color: var(--orange);
  background-image: none;
  background-color: #ffffff;
  transition: all 160ms ease-in-out;
  transform: skew(-8deg);
box-shadow:
  0 1.1px 2.2px rgba(0, 0, 0, 0.02),
  0 2.7px 5.3px rgba(0, 0, 0, 0.028),
  0 5px 10px rgba(0, 0, 0, 0.035),
  0 8.9px 17.9px rgba(0, 0, 0, 0.042),
  0 16.7px 33.4px rgba(0, 0, 0, 0.05),
  0 40px 80px rgba(0, 0, 0, 0.07);
}

.btn.btn-orange {
	color: #ffffff;
	background-color: var(--orange);
}

.btn.btn-black {
	background-color: var(--dark);
	color: #ffffff;
}

.btn:hover {
	box-shadow:
  0 1.7px 2.2px rgba(0, 0, 0, 0.037),
  0 4px 5.3px rgba(0, 0, 0, 0.053),
  0 7.5px 10px rgba(0, 0, 0, 0.065),
  0 13.4px 17.9px rgba(0, 0, 0, 0.077),
  0 25.1px 33.4px rgba(0, 0, 0, 0.093),
  0 60px 80px rgba(0, 0, 0, 0.13);
  transform: translateY(-2px) skew(-8deg);
}

.btn:active,
input[type="submit"]:active,
.prev-post:active,
.next-post:active,
button:active {
  transform: scale3d(0.94,0.94,0.94) scale(.95) skew(-8deg);
  box-shadow: rgba(23,43,99,0.24) 0 3px 18px
}


/*********************************************************************************************
Latest Articles & Sidebar
*********************************************************************************************/
.latest-articles {
	display: flex;
	flex-flow: row wrap;
}

.latest-articles .art-container {
	text-align: left;
	max-width: 1200px;
	margin: 0 auto 5rem auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

@media only screen and (max-width: 75rem) {
	main .latest-articles {
		margin-right: 1.25rem;
	}

	main aside {
		margin-left: 1.25rem;
		flex: 0 1 400px;
	}
}

@media only screen and (max-width: 66rem) {
	main .latest-articles {
		flex: 0 1 100%;
		margin-right: 0;
		padding: 0;
	}
}

@media only screen and (max-width: 40rem) {
	.latest-articles {
		flex: 0 1 100%;
	}

	main aside {
		margin-top: 2rem;
		margin-left: 0;
	}
}

.latest-articles h4 {
	flex: 1 1 100%;
	margin-bottom: 5rem;
}

@media only screen and (max-width: 640px) {
	.latest-articles h4 {
		margin-bottom: 2.5rem;
	}
}

.latest-articles article {
	flex: 0 1 47%;
	margin-bottom: 2.5rem;
}

@media only screen and (max-width: 840px) {
	.latest-articles article {
		flex: 0 1 100%;
		margin: 20px 0;
	}
}

.latest-articles article:nth-child(odd) {
	margin-right: 2rem;
}

@media only screen and (max-width: 40rem) {
	.latest-articles article:nth-child(odd) {
		margin-right: 0;
	}

	.latest-articles .art-container article > div,
	.latest-articles .art-container .tags {
		padding: 0 1rem;
	}
}

.latest-articles article > figure,
aside figure {
	max-width: 550px;
	margin-bottom: 1.25rem;
	box-shadow:
  0 1.4px 3.6px rgba(0, 0, 0, 0.017),
  0 3.8px 10px rgba(0, 0, 0, 0.025),
  0 9px 24.1px rgba(0, 0, 0, 0.033),
  0 30px 80px rgba(0, 0, 0, 0.05);
}

.latest-articles article > figure {
	min-height: 240px;
}

@media only screen and (max-width: 414px) {
	.latest-articles article > figure {
		min-height: 0;
	}
}

aside .wp-caption img,
aside figure img {
	max-width: 100%;
}

.latest-articles article > figure img,
aside .client-update .sect-content > figure img {
	max-width: 100%;
}

@media only screen and (max-width: 75rem) {
	.latest-articles > article figure img,
	aside .sect-content > figure img {
		max-width: 100%;
	}
}

@media only screen and (max-width: 40rem) {
	.latest-articles article > figure {
		width: 100%;
	}

	.latest-articles article > figure img,
	aside .sect-content > figure img {
		max-width: 100%;
	}
}

.latest-articles article .post-meta h2,
aside .client-update .sect-content h2 {
	font-size: 2rem;
	line-height: 1;
	font-weight: 600;
	color: var(--dark);
	margin-bottom: .625rem;
}

aside .client-update .sect-content h2 {
	font-size: 1.6rem;
}

.latest-articles article .post-meta h2 a,
aside .client-update .sect-content h2 a {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-size: 1.75rem;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	transition: color 100ms linear;
}

.latest-articles article .post-meta h2 a:hover,
aside .client-update .sect-content h2 a:hover {
	color: var(--lightgray);
}

@media only screen and (max-width: 40rem) {
	.latest-articles article .post-meta h2 a,
	.latest-articles article .post-meta h2 {
		line-height: 1;
	}
}

.latest-articles article .post-meta p,
aside .client-update .sect-meta date {
	font-size: .875rem;
	font-weight: 400;
	color: var(--gray);
}

.latest-articles article .post-meta p a,
aside .client-update .sect-meta p a {
	font-weight: 700;
	color: var(--orange);
	text-decoration: none;
	transition: color 180ms ease-in-out;
}

.latest-articles article .post-meta p a:hover,
aside .client-update .sect-meta p a:hover {
	color: var(--copper);
}

.latest-articles article .post-excerpt {
	margin: .312rem 0;
}

.latest-articles article .post-excerpt p,
aside .client-update .sect-content p,
.wp-caption-text,
aside .textwidget p {
	font-size: 1rem;
	color: var(--lightgray);
	line-height: 1.4;
}

.sect-rm {
	margin-top: .625rem;
}

.post-rm a,
.sect-rm a {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: .875rem;
	color: #ffffff !important;
	transition: color 180ms ease-in-out;
}

.post-rm a {
	font-size: .875rem;
	margin-bottom: 1rem;
}

.post-rm a:hover,
.sect-rm a:hover {
	color: var(--orange) !important;
}

.post-rm a:hover:after {
	margin-left: 12px;
}

aside {
	text-align: left;
	padding-top: 1.875rem;
	flex: 0 0 420px;
}

@media only screen and (max-width: 40rem) {
	aside {
		padding: 1.85rem 0;
	}
}

aside section,
aside section > h4 {
	margin-bottom: 2.5rem;
}

aside .client-update .sect-content .sect-meta:after {
	max-width: 320px;
}

aside .wp-caption {
	max-width: 100% !important;
}

.wp-caption-text {
	font-size: 1rem;
	margin-top: 2rem;
	line-height: 1.6;
}

aside ul {
	margin-bottom: 1rem;
}

aside ul li {
	padding-top: .312rem;
	padding-bottom: .312rem;
	margin-bottom: .625rem;
}

@media only screen and (max-width: 40rem) {
	aside ul li {
		margin-right: 0;
	}
}

aside ul li:before {
	top: -4px;
}

aside ul li h3 {
	color: #575757;
}

aside ul li a {
	text-decoration: none;
}

aside ul li a .info {
	font-size: .75rem;
	color: var(--gray);
}

aside ul li img {
	margin: .625rem 0;
}

/*********************************************************************************************
Newsletter box (Footer)
*********************************************************************************************/
.nl-footer {
	padding: 4rem 0;
	text-align: left;
	background: linear-gradient(29deg, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.7) 58.82%, rgba(0, 0, 0, 0.89)), url("assets/martin-bg-sealrow.jpg") center center no-repeat;
	background-size: cover;
	display: flex;
}

@media only screen and (max-width: 860px) {
	.nl-footer {
		padding: 32px 0;
		flex-flow: column wrap;
	}
}

@media only screen and (max-width: 414px) {
	.nl-footer {
		padding: 50px 0;
	}
}

.nl-footer > div {
	flex: 0 0 50%;
}

@media only screen and (max-width:860px) {
	.nl-footer > div {
		margin: 32px auto;
	}
}

.nl-footer .area {
	padding: 0 .625rem;
	margin-bottom: 0;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
}

.nl-footer .area div {
	margin: 0 auto;
	text-align: center;
	padding: 0;
	flex: 0 1 auto;
}

.nl-footer .area .nl-bot {
	transform: skew(-16deg);
	padding: 0 10px;
}

.nl-footer .area .nl-bot button {
	transform: skew(0);
	width: 60px;
	height: 60px;
}

.ck_errorArea {
	padding: 0;
	flex: none !important;
}

.nl-footer .area div h4,
.nl-footer .tag-cloud h4 {
	font-family: 'Montserrat', sans-serif;
	font-size: 2.25rem;
	color: #ffffff;
	font-weight: 900;
	margin-bottom: .625rem;
	text-transform: uppercase;
	font-style: italic;
}

.tag-cloud .tgc {
	padding: 32px;
	margin: 0 auto;
}

@media only screen and (max-width: 414px) {
	.tag-cloud .tgc {
		padding: 16px;
		max-width: 90%;
	}
}

.tag-cloud h4 {
	text-align: center;
}

.tag-cloud > div {
	padding: 0 64px;
	text-align: center;
}

.tag-cloud > div a,
.tag-cloud > div a:visited {
	color: #ffffff;
	text-decoration: none;
	margin: 0 2px;
	background-color: rgba(259,101,1,.35);
	padding: 6px;
	line-height: 2;
	white-space: nowrap;
	transition: background-color 120ms linear;
}

.tag-cloud > div a:hover,
.tag-cloud > div a:focus {
	background-color: rgba(259,101,1,.75);
} 

@media only screen and (max-width: 414px) {
	.tag-cloud > div {
		padding: 0 16px;
	}
}

.nl-footer .area div h4:after {
	display: none;
}

.nl-footer .area div p {
	color: #ffffff;
	font-size: 1.25rem;
	margin-bottom: 24px;
}

.nl-footer input:not([type="submit"]) {
	border: 1px solid var(--lightgray);
	margin-top: 0;
	padding: 20px 30px;
}

.nl-footer input:not([type="text"]) {
	flex: 0 1 auto;
}

@media only screen and (max-width: 66rem) {
	.nl-footer .area div h4 {
		max-width: none;
	}
}

@media only screen and (max-width: 60rem) {
	.nl-footer .area {
		flex-direction: column;
		text-align: center;
		padding: 0 .625rem;
		max-width: 100%;
	}

	.nl-footer .area div {
		margin: 0 0 1rem 0;
	}

	.nl-footer .area div h4 {
		text-align: center;
	}

	.nl-footer .area div p {
		font-size: 1.25rem;
		margin-bottom: 1rem;
	}

	.nl-footer form {
		justify-content: center;
	}

	.nl-footer form .ck_errorArea {
		margin: 0;
	}

	.nl-footer form > div {
		margin: .625rem 0 0;
	}
}

/*********************************************************************************************
Footer
*********************************************************************************************/
footer .footer-links {
	display: flex;
	justify-content: space-between;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 0;
	text-align: left;
}

@media only screen and (max-width: 76rem) {
	footer .footer-links {
		padding: 40px .625rem;
	}
}

@media only screen and (max-width: 40rem) {
	footer .footer-links {
		flex-direction: column;
	}

	footer .footer-links .left {
		margin-right: 0;
	}

	footer .footer-links div {
		padding: 16px .312rem;
	}
}

footer .footer-links > div {
	flex: 0 0 30%;
	margin-right: 2rem;
}

.footer-links h6 {
	max-width: 280px;
	color: var(--orange);
	font-weight: 700;
	font-size: .875rem;
	text-transform: uppercase;
	padding-bottom: .625rem;
	border-bottom: 1px solid #E3E3E3;
	margin-bottom: 1rem;
}

.footer-links .left div:not(:last-child) {
	margin-bottom: 2.5rem;
}

.footer-links .left div ul {
	display: flex;
	flex-flow: row wrap;
	list-style-type: none;
	list-style-position: inside;
}

.footer-links .left div ul li {
	font-size: .75rem;
	flex: 0 0 50%;
	line-height: 1.6;
	padding: .312rem 0;
}

.footer-links ul li a {
	text-decoration: none;
	color: var(--dark);
	transition: color 160ms ease-in-out;
}

.footer-links ul li a:hover {
	color: var(--orange);
}

.footer-links .right ul {
	columns: 420px 2;
	-webkit-columns: 420px 2;
	list-style-type: decimal;
	list-style-position: inside;
}

@media only screen and (max-width: 75rem) {
	.footer-links .right ul {
		columns: 360px 2;
		-webkit-columns: 360px 2;
	}
}

@media only screen and (max-width: 40rem) {
	.footer-links .right ul {
		columns: 100% 1;
		-webkit-columns: 100% 1;
	}
}

.footer-links .right ul li {
	line-height: 2.3;
	font-size: .75rem;
}

.footer-links .tagcloud a,
aside .tagcloud a {
	text-decoration: none;
	color: var(--dark);
	transition: color 180ms ease-in-out;
}

.footer-links .tagcloud a:hover,
aside .tagcloud a:hover {
	color: var(--orange);
}

footer .credits {
	padding: 20px 1rem;
	display: flex;
	justify-content: space-between;
	background-color: var(--black);
}

@media only screen and (max-width: 414px) {
	footer .credits {
		text-align: center;
	}
}

footer .credits > * {
	flex: 0 1 30%;
}

@media only screen and (max-width: 414px) {
	footer .credits > * {
		flex: 0 1 auto;
	}
}

footer .credits > div {
	text-align: left;
	margin: auto 0;
}

footer .credits svg {
	width: 221px;
	height: 41px;
	margin: auto 0;
}

footer .credits p {
	font-size: .875rem;
	color: #ffffff;
	margin: auto 0;
	text-align: left;
}

@media only screen and (max-width: 40rem) {
	footer .credits {
		justify-content: center;
		flex-direction: column;
	}

	footer .credits svg,
	footer .credits p {
		text-align: center;
		margin: 1rem auto;
	}

	footer .credits a {
		margin: 0 auto;
	}
}

@media only screen and (max-width: 414px) {
	footer .credits svg {
		order: 1;
	}

	footer .credits div {
		margin-bottom: 1rem;
		order: 2;
	}

	footer .credits .patlink {
		order: 3;
	}
}

@media only screen and (max-width: 320px) {
	footer .credits svg {
		margin: 1rem auto;
		width: 80px;
		height: 61px;
	}
}

/*********************************************************************************************
Single Posts & Page
*********************************************************************************************/
.single-content-wrap {
	max-width: 1080px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-flow: row nowrap;
}

@media only screen and (max-width: 68rem) {
	.single-content-wrap {
		padding: 0 .625rem;
	}
}


@media only screen and (max-width: 50rem) {
	.single-content-wrap {
		flex-direction: column;
	}
}

.single-content-wrap .single-entry {
	margin-right: 40px;
	max-width: 800px;
}

@media only screen and (max-width: 68rem) {
	.single-content-wrap .single-entry {
		flex: 0 1 800px;
		margin-right: 20px;
	}
}

@media only screen and (max-width: 40rem) {
	.single-content-wrap .single-entry {
		margin-right: 0;
		padding: 0;
	}
}

.single-content-wrap aside {
	flex: 0 1 220px;
}

.single-content-wrap aside h4 {
	margin-bottom: 1rem;
}

@media only screen and (max-width: 50rem) {
	.single-content-wrap aside {
		padding: 0 1rem;
		margin-top: 4rem;
	}

	.single-content-wrap aside ul {
		columns: auto 2;
		-webkit-columns: auto 2;
	}

	.single-content-wrap aside ul li {
		margin-bottom: 1rem;
	}
}

@media only screen and (max-width: 40rem) {
	.single-content-wrap aside {
		padding: 0;
	}
}

.single-content-wrap aside ul {
	list-style-type: disc;
	list-style-position: inside;
}

.single-content-wrap aside ul li {
	padding: 0;
}

.single-content-wrap aside ul li a {
	font-weight: 500;
	color: var(--orange);
	transition: color 160ms ease-in-out;
}

.single-content-wrap aside ul li a:hover {
	color: var(--dark);
}

.single-content-wrap aside ul li:before {
	display: none;
}

.single-entry {
	max-width: 900px;
	margin: 2.25rem auto 2.5rem auto;
	text-align: left;
}

@media only screen and (max-width: 50rem) {
	.single-entry {
		max-width: 100%;
	}
}

.single-entry .post-meta {
	margin-bottom: 2rem;
}

@media only screen and (max-width: 46rem) {
	.single-entry .post-meta {
		margin-bottom: 1rem;
	}
}

.single-entry .post-meta figure,
.single-entry .post-content figure img {
	margin: 1.75rem auto;
	max-width: 100%;
box-shadow:
  0 1.7px 1.7px -7px rgba(0, 0, 0, 0.025),
  0 4.1px 4px -7px rgba(0, 0, 0, 0.036),
  0 7.6px 7.5px -7px rgba(0, 0, 0, 0.045),
  0 13.6px 13.4px -7px rgba(0, 0, 0, 0.054),
  0 25.5px 25.1px -7px rgba(0, 0, 0, 0.065),
  0 61px 60px -7px rgba(0, 0, 0, 0.09);
}

.single-entry .post-content .single-result figure {
	margin-bottom: 1rem;
}

.single-entry .post-meta figure {
	margin: 1.75rem auto 10px;
}

.single-entry .post-meta figure {
	min-height: 400px;
}

@media only screen and (max-width: 40rem) {
	.single-entry .post-content figure,
	.search-page .single-result figure {
		margin-bottom: 10px !important;
	}
}

@media only screen and (max-width: 414px) {
	.single-entry .post-meta figure {
		min-height: 0;
	}
}

.single-entry .post-content figure {
	margin: 1.75rem auto;
}

.single-entry .post-content figure img {
	margin-bottom: .312rem;
}

.single-entry .post-meta figure img {
	max-width: 100%;
}

.single-entry .post-content figure figcaption {
	font-size: 1rem;
	padding: .625rem 2rem;
	margin: 0 auto;
	text-align: center;
	color: var(--gray);
	line-height: 1.6;
	font-style: italic;
}

.single-entry .post-content hr {
	border: 0;
	outline: 0;
	height: 1px;
	background-color: var(--dark);
	width: 100%;
	margin: 2rem auto;
}

@media only screen and (max-width: 40rem) {
	.single-entry .post-content figure figcaption {
		padding: .625rem 1rem;
	}
}

.single-entry .post-meta h1 {
	max-width: 840px;
	margin: 0 auto;
	font-family: 'Oswald', sans-serif;
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: .625rem;
	padding: 0 10px;
}

@media only screen and (max-width: 50rem) {
	.single-entry .post-meta h1 {
		font-size: 2rem;
	}

	.single-entry .post-meta figure img,
	.single-entry .post-content figure img {
		max-width: 100%;
	}
}

.single-entry .post-meta p,
.search-page .single-result .post-meta p {
	max-width: 840px;
	margin: 0 auto;
	font-size: .875rem;
}

.single-entry .post-meta p {
	color: var(--lightgray);
}

.single .single-entry .post-meta p {
	padding: 0 10px;
}

.single-entry .post-meta p + p {
	margin-top: .625rem;
}

.single-entry .post-meta p a {
	text-decoration: none;
	color: var(--orange);
	font-weight: 700;
	transition: color 160ms ease-in-out;
}

.single-entry .post-meta a:hover {
	color: #ffffff;
}

.single-entry .post-meta p.tags a,
.tags a {
	text-decoration: none;
	color: var(--lightgray);
	padding: 2px 6px 3px;
	font-weight: 700;
	transition: color 140ms linear, border 140ms linear;
	border: 1px solid var(--gray);
	border-radius: 4px;
	font-size: 10px;
	letter-spacing: 1px;
	white-space: nowrap;
	text-transform: uppercase;
	box-shadow: none !important;
}

.single-entry .post-meta p.tags a:hover,
.tags a:hover {
	color: var(--orange);
	background-color: #060606;
	border-color: var(--copper);
}

.single-entry .post-content {
	padding: 0 10px;
	margin: 0 auto;
}

@media only screen and (max-width: 480px) {
	.single-entry .post-content {
		padding: 0 1rem;
	}
}

.post-content p:empty {
	display: none;
}

.single-entry .post-content p,
.single-entry .post-content {
	font-family: 'Barlow', sans-serif;
	font-size: 1.125rem;
	line-height: 1.75;
	max-width: 900px;
	margin: 0 auto 1rem;
	color: var(--lightgray);
}

.single-entry .post-content p a,
.single-entry .post-content a {
	text-decoration: none;
	font-weight: 700;
	color: var(--orange);
	transition: all 100ms linear;
	box-shadow: inset 0 -4px 0 0 rgba(240, 240, 240, .08);
}

.single-entry .post-content p a:hover,
.single-entry .post-content a:hover {
	color: #ffffff;
	box-shadow: inset 0 -18px 0 0 var(--copper);
}

.single-entry .post-content p strong {
	color: #ffffff;
}

.single-entry .post-content h1,
.single-entry .post-content h2,
.single-entry .post-content h3,
.single-entry .post-content h4,
.single-entry .post-content h5 {
	line-height: 1.2;
	font-family: 'Barlow', sans-serif;
}

.single-entry .post-content h1 {
	margin: 2rem 0 1rem;
}

.single-entry .post-content h2 {
	font-size: 2.25rem;
	line-height: 1.2;
	margin-bottom: .625rem;
	font-weight: 600;
	color: var(--orange);
	margin: 2rem 0 1rem;
	max-width: 840px;
}

.single-entry .post-content h3 {
	margin: 2rem 0 1rem;
	color: #ffffff;
}

.single-entry .post-content h4 {
	margin: 2rem 0 1rem;
}

code,
kbd,
pre,
samp {
	font-family: Menlo, Monaco, Courier New, monospace;
	font-size: 1rem;
	border: 0;
}

code {
	font-size: 12px;
	border: 0;
	padding: 10px;
	background: #fafafa;
	border: 1px solid #d8d8d8;
	display: block;
	font-weight: 600;
	font-style: italic;
}

.single-entry .post-content blockquote {
	position: relative;
	display: block;
	padding: 1rem;
	margin-bottom: 1rem;
	border-left: none;
	border-right: none;
	background-color: #0d0d0d;
}

.single-entry .post-content blockquote p {
	margin-bottom: 0;
	font-size: 1rem;
	font-style: italic;
	padding-left: 16px;
	font-weight: 400;
	text-align: left;
	line-height: 1.6;
	color: var(--light);
}

.single-entry .post-content blockquote p + p {
	margin: 1rem 0 0;
}

.single-entry .post-content blockquote ul,
.single-entry .post-content blockquote ol {
	font-weight: 400;
	color: var(--light);
}

.single-entry .post-content blockquote cite {
	display: block;
	margin-top: 6px;
	font-size: .875rem;
	font-weight: 500;
	padding-left: 10px;
}

.single-entry .post-content blockquote cite:before {
	content:'';
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 2px;
	background-color: var(--lightgray);
	margin-right: 6px;
}

.single-entry .post-content blockquote.spot {
	
	background-image: none;
	background-color: #000000;
	color: #ffffff;
}

.single-entry .post-content blockquote.spot p {
	text-align: center;
	padding-left: 0;
	padding: 10px;
	font-family: 'Montserrat', sans-serif;
	font-size: 40px;
	font-style: italic;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1;
	-webkit-background-clip: text;
	color: transparent !important;
	background-image: url("assets/text-bg.jpg");
}

.single-entry .post-content blockquote.spot:before,
.single-entry .post-content blockquote.spot:after {
	display: none;
}

.single-entry .post-content img {
	margin: 2rem auto;
	max-width: 100%;
}

.single-entry .post-content p img,
.single-entry .post-content li img {
	display: inline-block;
	margin: 0;
}

.single-entry .post-content p img.aligncenter {
	margin: 0 auto;
	display: block;
}

.single-entry .post-content iframe {
	margin: 2rem auto !important;
}

@media only screen and (max-width: 40rem) {
	.single-entry .post-content blockquote {
		padding: .5rem 1rem;
	}

	.single-entry .post-content blockquote p {
		font-size: 1rem;
	}
}

.single-entry .post-content ul,
.single-entry .post-content ol {
	margin: 1.25rem auto;
	max-width: 90%;
}

.single-entry .post-content h5 + ul {
	margin-top: 0;
}

.single-entry .post-content ul li ul {
	margin: .312rem auto;
}

.single-entry .article-references,
.single-entry .easy-footnotes-wrapper {
	font-size: .875rem;
	padding-left: 0;
	max-width: none !important;
	list-style-position: inside;
}

.easy-footnotes-wrapper {
	list-style: none;
	counter-reset: lg-counter;
}

.easy-footnotes-wrapper .easy-footnote-to-top {
	margin-left: 1rem;
}

.single-entry .post-content .easy-footnotes-wrapper li {
	padding-left: 1.1rem;
	counter-increment: lg-counter;
	text-indent: -1.1rem;
}

.easy-footnotes-wrapper li:before {
	content: counter(lg-counter);
	margin: 0 10px 0 0;
	font-size: 18px;
	font-weight: 900;
	color: var(--orange);
	position: relative;
	top: 2px;
}

.single-entry .easy-footnotes-wrapper {
	margin-top: 2rem;
	padding: 1.25rem;
	background-color: #000000;
	color: #ffffff;
}

.single-entry .easy-footnotes-wrapper:before {
	content: 'Article Footnotes';
	tex-transform: uppercase;
	font-size: 1rem;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 1rem;
}

.single-entry .easy-footnotes-wrapper li:last-child {
	margin-bottom: 0;
}

.article-references li {
	padding: 0;
}

.easy-footnote sup {
	vertical-align: super;
	font-size: 80%
}

.qtip-content a {
	text-decoration: none;
	color: var(--orange);
	font-weight: 700;
}

@media only screen and (max-width: 40rem) {
	.single-entry .post-content ul,
	.single-entry .post-content ol {
		padding-left: 1rem;
	}
}

.single-entry .post-content li {
	line-height: 1.6;
	padding: .312rem 0;
}

.single-entry .post-content ol > li {
	margin-bottom: .625rem;
}

.single-entry .share-buttons {
	text-align: center;
	margin-top: 2.5rem;
}

.single-entry .share-buttons h5 {
	color: #ffffff;
}

.single-entry .share-buttons:before {
	display: block;
	content:'';
	height: 1px;
	width: 200px;
	position: relative;
	margin: 2.5rem auto;
	background-color: var(--dark);
}

.single-entry div.a2a_kit.a2a_kit_size_32.addtoany_list {
	display: block;
	max-width: 90%;
	line-height: 1.6;
	margin: 0 auto;
}

.single-entry .single-entry-author {
	border-top: 1px solid var(--dark);
  display: flex;
  max-width: 740px;
  margin: 3.5rem auto 1rem;
  padding: 2rem 0;
}

@media only screen and (max-width: 40rem) {
	.single-entry .single-entry-author {
		flex-direction: column;
	}

	.single-entry .single-entry-author > div {
		margin: .625rem auto 1rem auto !important;
		text-align: center;
	}
}

.single-entry-author div {
	margin: auto 0;
	color: var(--dark);
}

.single-entry-author div:first-of-type {
  margin-right: 20px;
}

@media only screen and (max-width: 60rem) {
	.single-entry-author div:first-of-type {
		margin-right: 0;
	}
}

.single-entry-author > div figure {
  width: 160px;
  height: 160px;
  background-color: var(--light);
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #d8d8d8;
}

.single-entry-author > div figure img {
	width: 100%;
	height: 100%;
}

.single-entry-author .author-social-media {
  display: flex;
  flex-flow: row nowrap;
}

.single-entry-author .author-social-media ol {
	display: flex;
	align-items: center;
	justify-content: center;
}

.single-entry-author .author-social-media ol li {
	max-width: 24px;
	max-height: 24px;
}

.single-entry-author .author-social-media ol li:not(:last-child) {
	margin-right: 1.25rem;
}

.single-entry-author .author-social-media ol li img {
	max-width: 100%;
	margin: auto;
}

.author-social-media h3 {
  font-size: 1.375rem;
  color: #ffffff;
  font-weight: 600;
}

.author-social-media ol {
  margin: auto 0 auto 20px;
  list-style: none;
}
.single-entry-author > div p {
  margin-top: .625rem;
  text-align: left;
  color: var(--lightgray);
  line-height: 1.6;
}

@media only screen and (max-width: 40rem) {
	.single-entry-author > div p {
		text-align: center;
	}

	.single-entry-author .author-social-media {
		flex-flow: column wrap;
	}

	.single-entry-author .author-social-media ol {
		margin: 1rem 0 .625rem 0;
	}
}

/*********************************************************************************************
Search Results
*********************************************************************************************/
.search-page .single-entry {
	max-width: 1200px;
	margin: 2rem auto;
}

.search-results .post-meta h4 {
	text-align: center;
	font-size: .875rem;
	margin-bottom: .625rem;
}

.search-page .post-content {
	max-width: 100%;
	display: flex;
	flex-flow: row wrap;
	padding: 0;
	justify-content: space-between;
}

@media only screen and (max-width: 414px) {
	.search-page .post-content .single-result .post-excerpt p {
		font-size: 1rem;
		line-height: 1.6;
	}
}

@media only screen and (max-width: 40rem) {
	.search-page .post-content {
		flex-flow: column wrap;
	}
}

.search-page .post-content .single-result {
	flex: 0 1 550px;
	padding-bottom: 2rem;
}

.search-page .post-content article.single-result > div {
	padding: 0 1rem;
}

.search-page .single-result:last-child {
	margin-bottom: 2rem;
}

.search-page .single-result figure {
	min-height: 244px;
}

@media only screen and (max-width: 414px) {
	.search-page .single-result figure {
		min-height: 0;
	}
}

.search-page .single-result figure,
.search-page .single-result figure img {
	margin-top: 0 !important;
}

.search-page .single-result .post-meta {
	margin-bottom: 0;
	background-color: transparent;
}

.search-page .single-result .post-meta h2 a,
.search-page .single-result .post-meta h2 a:hover {
	box-shadow: none !important;
}

.search-page .post-meta {
	margin-bottom: 2rem;
}

.search-page .post-meta h1 {
	margin: 0 auto;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-style: italic;
	color: #ffffff;
	text-transform: uppercase;
}

.search-page .post-meta p {
	margin: .625rem auto 1rem auto;
	text-align: center;
}

.search-page .single-result .post-meta  {
	margin-bottom: 0;
}

.search-page .single-result .post-meta h2 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	line-height: 1;
}

.search-page .single-result .post-meta h2 a {
	font-size: 1.75rem;
	color: #ffffff;
	transition: color 140ms linear;
}

.search-page .single-result .post-meta h2 a:hover {
	color: var(--lightgray);
}

.search-page .single-result .post-meta p {
	color: #999999;
	margin-top: 0;
	text-align: left;
}

@media only screen and (max-width: 46rem) {
	.search-page .single-result .post-meta h2 {
		line-height: 1;
		margin-bottom: .625rem;
	}
}

.search-page .single-result .post-excerpt {
	margin-top: 8px;
}

@media only screen and (max-width: 46rem) {
	.search-page .single-result .post-excerpt {
		margin-top: .625rem;
	}
}

#amznBanners_assoc_banner_placement_default_0_div img {
	margin: .625rem 0 2rem;
}

.archive .post-content .single-result {
	flex: 0 0 48%;
}

.post-content .single-result .post-excerpt p {
	margin-bottom: 0;
}

.archive .single-content-wrap {
	max-width: 1200px;
	margin: 0 auto;
}

/* recommended */
.recommended {
	background-color: var(--dark);
	color: #ffffff;
	padding: 4rem 0;
}

.recommended ul {
	list-style-type: none;
	max-width: 1200px;
	margin: 2rem auto 0;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
}

.recommended ul li {
	flex: 0 1 220px;
	display: flex;
	flex-direction: column;
	text-align: center;
	background-color: var(--orange);
}

@media only screen and (max-width: 1130px) {
	.recommended ul {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		padding-right: 30px;
	}

	.recommended ul li {
		flex: 0 0 220px;
		margin: 0 1rem;
	}
}

.recommended ul li a {
	position: relative;
	display: block;
	z-index: 100;
	flex: 1 1 auto;
	padding: .625rem;
	color: var(--light);
	background-color: var(--black);
	border: 1px solid var(--dark);
	text-decoration: none;
	transition: all 120ms ease-in-out;
	box-shadow: 0 10px 30px rgba(20, 20, 20, .5);
}

.recommended ul li a:hover {
	border-color: transparent;
	transform: translateY(-8px) translateX(8px);
}

.recommended ul li h4 {
	color: var(--light);
	font-family: var(--barlow);
	font-size: 1rem;
	font-weight: 600;
	font-style: normal;
	line-height: 1.2;
	margin-bottom: .625rem;
}

.recommended ul li img {
	margin: 0 auto 1rem;
}

.recommended ul li p {
	color: var(--lightgray);
	font-size: .875rem;
}

.recommended .ftc-disc {
	margin: 2rem auto 0;
}

.recommended .ftc-disc small {
	background-color: var(--black);
	color: var(--light);
}

/* about & client update */
.about-cu {
	margin: 0 auto;
	background-color: var(--dark);
	display: flex;
	flex-flow: row nowrap;
}

@media only screen and (max-width: 960px) {
	.about-cu {
		flex-flow: column wrap;
	}
}

.about-cu > div {
	flex: 1 0 auto;
	padding: 3rem 0;
}

@media only screen and (max-width: 414px) {
	.about-cu > div {
		padding: 2rem 0;
	}
}

.about-cu .about {
	flex: 1 0 25%;
}

.about-cu .cu-wrap {
	text-align: left;
	margin-left: auto;
	margin-right: 10rem;
	position: relative;
	z-index: 10;
}

@media only screen and (max-width: 1250px) {
	.about-cu .cu-wrap {
		padding-left: 16px;
	}
}

@media only screen and (max-width: 975px) {
	.about-cu .cu-wrap {
		margin: 0 auto;
		margin-left: 200px;
	}
	.about-cu .client-update:before {
		display: none;
	}
	.about-cu .about:after {
		left: 0;
	}
}

@media only screen and (max-width:60rem) {
	.nav-active .about-cu,
	.nav-active .about-cu .cu-wrap,
	.nav-active .about:after,
	.nav-active .about-cu .about:after {
		z-index: 0;
	}
}

.about-cu .about {
	display: flex;
	position: relative;
	background-color: var(--orange);
}

.about-cu .about:before {
	position: absolute;
	bottom: -38px;
	content: 'Martin';
	font-size: 150px;
	color: rgba(0,0,0,.05);
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-style: italic;
	text-transform: uppercase;
	z-index: 2;
}

@media only screen and (max-width: 975px) {
	.about-cu .about:before {
		font-size: 10rem;
		right: 0;
	}
}

@media only screen and (max-width: 974px) {
	.about-cu .about:before {
		bottom: -40px;
	}
}

.about-cu .client-update {
	flex: 0 1 50%;
}

.about-cu .client-update:after {
	background-color: var(--dark);
	right: -400px;
	left: auto;
}

.about-cu .client-update:before {
	content: '';
	height: 100%;
	width: 60px;
	position: absolute;
	left: -80px;
	top: 0;
	z-index: 1;
	background-color: var(--orange);
	transform: skew(-16deg);
}

@media only screen and (max-width: 975px) {
		.about-cu .client-update {
		padding-left: 0 !important;
	}
}

.about-cu .about:after {
	content:'';
	background-image: url("assets/martin-about.png");
	background-position: top center;
	background-repeat: no-repeat;
	position: absolute;
	right: -80px;
	bottom: 0;
	width: 200px;
	height: 400px;
	z-index: 10;
}

.about-cu .about:after:after {
	content: '';
	background-color: var(--orange);
	width: 300px;
	height: 100%;
	transform: skewX(16deg);
}

@media only screen and (max-width: 550px) {
	.about-cu .about {
		overflow: hidden;
		height: 490px;
	}
	.about-cu .about .cu-wrap {
		margin-left: 0;
	}

	.about-cu .about .cu-wrap h4 {
		margin-bottom: 0;
		font-size: 24px;
	}

	.about-cu .about .cu-wrap .about-follow {
		margin-left: 100px;
	}

	.about-cu .about:after {
		bottom: -40px;
		left: -30px;
		background-size: 100%;
		width: 135px;
		height: 300px;
	}
}

@media only screen and (max-width: 414px) {
	.about-cu .about:after {
		bottom: -20px;
	}
}

@media only screen and (max-width: 320px) {
	.about-cu .about:after {
		bottom: -60px;
	}
}

.about h4 {
	text-align: left;
	color: #ffffff;
	margin-bottom: 10px;
}

.about h2 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	color: var(--dark);
	font-size: 2rem;
	font-weight: 600;
}

.about p {
	font-size: 1.125rem;
	line-height: 1.8;
	color: #ffffff;
	max-width: 400px;
}

.about .about-follow {
	margin-top: 2rem;
	display: flex;
	flex-flow: row nowrap;
}

@media only screen and (max-width: 500px) {
	.about .about-follow {
		justify-content: flex-start;
		flex-flow: column wrap;
	}
	.about-follow p {
		text-align: left;
		margin-bottom: 1rem;
	}
}

.about-follow ul {
	margin: auto 0 auto 1rem;
	display: flex;
	flex-flow: row nowrap;
}

@media only screen and (max-width: 500px) {
	.about-follow ul {
		margin: 10px 0;
	}
}

.about .about-follow li {
	margin: 0 .312rem;
	width: 50px;
	height: 50px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background-color: rgba(0,0,0,.6);
	transform: skewX(-16deg);
}

.about .about-follow li a {
	transform: skewX(16deg);
}

.about-follow li a {
	display: flex;
	width: 100%;
	height: 100%;
}

.about-follow p {
	font-size: 1rem;
	line-height: 1;
	margin: auto 1rem auto 0;
}

.about-follow .icon {
	margin: auto;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.about-follow .icon.fb {
	width: 10px;
	height: 22px;
	background: url('data:image/svg+xml;utf8,<svg width="141px" height="301px" viewBox="0 0 141 301" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="2613268-chat-community-facebook-friends-messenger-peoples-social-media" transform="translate(-179.000000, -98.000000)" fill="#FFFFFF" fill-rule="nonzero"><path d="M319.46,195.45 L271.93,195.45 L271.93,164.27 C271.93,152.56 279.69,149.83 285.16,149.83 L318.71,149.83 L318.71,98.36 L272.5,98.18 C221.21,98.18 209.5,136.57 209.5,161.18 L209.5,195.49 L179.88,195.49 L179.88,248.49 L209.54,248.49 L209.54,398.59 L271.93,398.59 L271.93,248.49 L314.03,248.49 L319.46,195.45 Z" id="Shape"></path></g></svg>');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.about-follow .icon.ig {
	width: 22px;
	height: 22px;
	background: url('data:image/svg+xml;utf8,<svg width="302px" height="302px" viewBox="0 0 302 302" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="fb" fill="#FFFFFF" fill-rule="nonzero"><path d="M150.6,27.28 C190.77,27.28 195.52,27.43 211.4,28.16 C226.05,28.84 234.01,31.3 239.31,33.34 C252.430027,38.4000167 262.799983,48.7699728 267.86,61.89 C269.92,67.19 272.37,75.16 273.04,89.82 C273.76,105.68 273.92,110.44 273.92,150.62 C273.92,190.8 273.77,195.54 273.04,211.42 C272.37,226.09 269.92,234.05 267.86,239.35 C262.798911,252.46933 252.42933,262.838911 239.31,267.9 C234.01,269.96 226.04,272.41 211.38,273.08 C195.52,273.8 190.76,273.96 150.58,273.96 C110.4,273.96 105.65,273.81 89.78,273.08 C75.11,272.41 67.15,269.96 61.85,267.9 C48.7523057,262.8036 38.4042657,252.430153 33.34,239.32 C31.28,234.02 28.83,226.05 28.16,211.39 C27.44,195.53 27.28,190.77 27.28,150.59 C27.28,110.41 27.43,105.67 28.16,89.79 C28.83,75.12 31.28,67.16 33.34,61.86 C38.4124911,48.7606435 48.775316,38.4087115 61.88,33.35 C67.18,31.29 75.15,28.84 89.81,28.17 C105.67,27.45 110.43,27.29 150.61,27.29 L150.6,27.28 Z M150.61,0.19 C109.75,0.19 104.61,0.36 88.61,1.09 C72.61,1.82 61.67,4.36 52.1,8.09 C31.8963394,15.9133836 15.9233836,31.8863394 8.1,52.09 C4.38,61.66 1.84,72.59 1.1,88.6 C0.36,104.61 0.2,109.76 0.2,150.6 C0.2,191.44 0.37,196.6 1.1,212.6 C1.83,228.6 4.37,239.54 8.1,249.11 C15.9148581,269.319213 31.8907865,285.295142 52.1,293.11 C61.67,296.83 72.6,299.37 88.61,300.11 C104.62,300.85 109.77,301.01 150.61,301.01 C191.45,301.01 196.61,300.84 212.61,300.11 C228.61,299.38 239.55,296.84 249.12,293.11 C269.329213,285.295142 285.305142,269.319213 293.12,249.11 C296.84,239.54 299.38,228.61 300.12,212.6 C300.86,196.59 301.02,191.44 301.02,150.6 C301.02,109.76 300.85,104.6 300.12,88.6 C299.39,72.6 296.85,61.66 293.12,52.09 C285.305142,31.8807865 269.329213,15.9048581 249.12,8.09 C239.53,4.37 228.6,1.83 212.59,1.09 C196.58,0.35 191.43,0.19 150.59,0.19 L150.61,0.19 Z" id="Shape"></path><path d="M150.6,73.36 C107.936003,73.36 73.35,107.946003 73.35,150.61 C73.35,193.273997 107.936003,227.86 150.6,227.86 C193.263997,227.86 227.85,193.273997 227.85,150.61 C227.85,107.946003 193.263997,73.36 150.6,73.36 Z M150.6,200.75 C122.908443,200.75 100.46,178.301557 100.46,150.61 C100.46,122.918443 122.908443,100.47 150.6,100.47 C178.291557,100.47 200.74,122.918443 200.74,150.61 C200.74,178.301557 178.291557,200.75 150.6,200.75 Z" id="Shape"></path><circle id="Oval" cx="230.89" cy="70.31" r="18.05"></circle></g></svg>');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.about-follow .icon.tw {
	width: 22px;
	height: 22px;
	background: url('data:image/svg+xml;utf8,<svg width="301px" height="245px" viewBox="0 0 301 245" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="2613290-messenger-news-social-media-social-networking-tweets-twitter" transform="translate(-98.000000, -128.000000)" fill="#FFFFFF" fill-rule="nonzero"><path d="M398.6,157.51 C387.342313,162.493404 375.398422,165.753281 363.17,167.18 C376.045439,159.482383 385.678518,147.361055 390.27,133.08 C378.17437,140.275795 364.936713,145.34899 351.13,148.08 C332.018313,127.795584 301.680109,122.844043 277.110701,135.999206 C252.541293,149.154369 239.843269,177.148736 246.13,204.3 C196.582019,201.805371 150.421229,178.397852 119.13,139.9 C102.776327,168.054823 111.110686,204.071157 138.17,222.18 C128.381996,221.871053 118.809512,219.227648 110.25,214.47 C110.25,214.73 110.25,214.99 110.25,215.25 C110.257304,244.594712 130.937923,269.871489 159.7,275.69 C154.406045,277.125194 148.945047,277.851534 143.46,277.85 C139.566791,277.850595 135.682446,277.478904 131.86,276.74 C139.933828,301.846286 163.072074,319.04526 189.44,319.54 C163.577078,339.758942 130.769095,348.93238 98.17,345.06 C126.350826,363.171364 159.151056,372.784387 192.65,372.75 C306.03,372.75 368.02,278.83 368.02,197.38 C368.02,194.713333 367.963333,192.046667 367.85,189.38 C379.917423,180.674148 390.331246,169.881025 398.6,157.51 Z" id="Shape"></path></g></svg>');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.about-cu .client-update {
	display: flex;
	position: relative;
	padding-left: 6rem;
	background-image: url("assets/about-cu-bg.png");
	background-size: cover;
	background-position: center top;
}

.client-update .cu-wrap {
	text-align: center;
	margin: auto auto 16px auto;
	background-size: cover;
}

.client-update h2 {
	line-height: 1.1;
}

.client-update .cu-wrap p {
	margin-top: 10px;
	padding: 0 32px;
	max-width: 100%;
}

.about-cu .client-update h2 a {
	color: #ffffff;
	text-decoration: none;
}

.about-cu .cu-wrap p {
	color: #ffffff;
}

.client-update .cu-wrap date {
	font-size: 12px;
	color: #ffffff;
}

@media only screen and (max-width: 975px) {
	.about-cu .cu-wrap p {
		max-width: none;
		line-height: 1.6;
	}
	.client-update .cu-wrap {
		padding-left: 0;
		margin: auto;
	}
}

@media only screen and (max-width: 414px) {
	.about-cu .cu-wrap p {
		font-size: 1rem;
		padding-right: 10px;
	}
}

.cu-wrap .scroll-buttons {
	margin-top: 32px;
}

@media only screen and (max-width: 320px) {
	.scroll-buttons {
		width: 90%;
		margin: 0 auto;
	}
}

.cu-wrap .lg-small {
	height: 28px;
	width: 152px;
}

/* 404 */
.error404 .single-entry {
	max-width: none;
}

.error404 .post-content {
	padding: 8rem 0;
	text-align: center;
	background-image: url("assets/404-bg.jpg");
	background-position: center top;
	background-size: cover;
}

.post-content .ftc-disc small {
	background-color: var(--black);
	color: #ffffff;
}

@media only screen and (max-width: 320px) {
	.error404 .post-content {
		padding: 4rem .625rem;
	}
}

.error404 .post-content h1 {
	margin: 0;
	line-height: 1;
	font-size: 300px;
	font-weight: 800;
	font-style: italic;
	color: var(--dark);
}

@media only screen and (max-width: 720px) {
	.error404 .post-content h1 {
		font-size: 130px;
	}
}

.error404 .post-content h1 span {
	color: var(--orange);
}

.error404 .post-content h2 {
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 32px;
	color: var(--dark);
	font-style: italic;
}

.error404 .pag-links a {
	color: #ffffff;
}

/* category */
.category .post-meta h1:before,
.tag .post-meta h1:before {
	content: 'Category';
	display: block;
	font-size: 1rem;
	color: var(--gray);
	text-transform: uppercase;
	font-style: italic;
	font-weight: 600;
	margin-bottom: 10px;
	letter-spacing: 2px;
}

.tag .post-meta h1:before {
	content: 'Showing posts with tag';
}

/* The Leangains Method */
.hero div.promo-book {
	padding: 10px;
	text-align: left;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}

@media only screen and (max-width: 600px) {
	.hero div.promo-book {
		max-height: none;
	}
}

@media only screen and (max-width: 580px) {
	.hero div.promo-book {
		flex-direction: column;
	}
}

.promo-book div {
	margin: auto 0;
}

.promo-book div:first-child {
	flex: 0 1 140px;
	margin-right: 40px;
}

@media only screen and (max-width: 414px) {
	.promo-book div:first-child {
		margin-right: 20px;
	}

	.promo-book div:nth-child(2) {
		text-align: center;
		margin-top: 16px;
	}
}

@media only screen and (max-width: 320px) {
	.promo-book div:first-child {
		flex: 0 1 120px;
		margin-right: 10px;
	}
}

.promo-book h3 {
	font-size: 3rem;
	color: #ffffff;
	font-weight: 700;
}

.promo-book h4 {
	font-size: 2.25rem;
	font-weight: 600;
	color: #EB353C;
	transform: skew(0);
}

.promo-book small,
.book-review small {
	font-weight: 700;
	color: yellow;
	text-transform: uppercase;
	font-size: 16px;
}

.tlm-book {
	margin: -30px auto 0 auto;
	background-image: url('assets/tlm-book@2x.png');
	width: 259px;
	height: 440px;
	background-size: 259px 440px;
}

@media only screen and (max-width: 600px) {
	.tlm-book {
		margin-top: 0;
	}
}

@media only screen and (max-width: 414px) {
	.promo-book h3 {
		font-size: 30px;
	}

	.promo-book h4 {
		font-size: 22px;
	}

	.promo-book small {
		font-size: 12px;
	}

	.tlm-book {
		width: 212px;
		height: 360px;
		background-size: 212px 360px;
	}
}

@media only screen and (max-width: 375px) {
	.promo-book h3 {
		font-size: 1.75rem;
	}
}

@media only screen and (max-width: 320px) {
	.tlm-book {
		width: 181px;
		height: 307px;
		background-size: 181px 307px;
	}
	.promo-book h3 {
		font-size: 1.5rem;
	}

	.promo-book h4 {
		font-size: 1.125rem;
	}
}

@media only screen and (max-width: 414px) {
	.promo-book .ftc-disc {
		text-align: center;
	}
}

.tlm-book figcaption {
	display: none;
	opacity: 0;
	visibility: hidden;
}

.promo-book .btn {
	padding: 9px 32px;
	margin-top: 16px;
	text-transform: uppercase;
}

@media only screen and (max-width: 414px) {
	.promo-book .btn {
		width: 90%;
		padding: 12px 32px;
		margin: 1rem auto !important;
	}
}

.book-review {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.book-review small {
	flex: 1 0 100%;
	margin-bottom: 1rem;
	color: #ffffff;
}

.book-review blockquote {
	padding: 2rem;
	margin: 0 20px;
	position: relative;
	flex: 0 1 320px;
	background-color: hsla(0, 0%, 0%, .75);
}

@media only screen and (max-width: 414px) {
	.book-review blockquote {
		margin-bottom: 1rem;
	}
}

.book-review blockquote:before {
	content: '';
	display: block;
	z-index: 1;
	opacity: .25;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 52px;
	height: 32px;
	background-position: top left;
	background-size: 52px 32px;
	background-image: url('data:image/svg+xml;utf8,<svg width="52px" height="32px" viewBox="0 0 52 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M25.0951276,0 L18.7006961,32 L0,32 L3.49883991,14.4360902 L25.0951276,0 Z M52,0 L45.4849188,32 L26.7842227,32 L30.2830626,14.4360902 L52,0 Z" fill="%23E83842"></path></svg>');
}

.book-review blockquote p {
	position: relative;
	z-index: 2;
	text-align: left;
	font-size: 1rem;
	font-style: italic;
	color: #ffffff;
	line-height: 1.5;
}

.book-review blockquote cite {
	display: block;
	margin-top: 18px;
	font-weight: 700;
	color: #ffffff;
	text-align: left;
}

.book-review blockquote cite figure {
	max-width: 60px;
	max-height: 60px;
	overflow: hidden;
	border-radius: 50%;
	margin-bottom: 6px;
}

.book-review blockquote cite figure img {
	max-width: 100%;
}

.book-review blockquote cite span {
	color: #BABABA;
	display: block;
	font-size: .75rem;
	text-align: left;
	font-weight: 400;
}

/* FAQ */
.post-content blockquote.qa {
	margin: 10px auto;
	padding: 32px 10px;
	background-image: none;
}

.post-content blockquote.qa:nth-child(even) {
	background-color: rgba(293,107,0,.1);
}

.post-content blockquote.qa:first-of-type {
	border-top: none;
}

.post-content blockquote.qa:before {
	display: none;
}

.post-content blockquote.qa:first-of-type:before {
	display: none !important;
}

.post-content blockquote.qa:first-of-type:before,
.post-content blockquote.qa:after {
	content: '';
	width: 100%;
	height: 1px;
	display: none;
	background-color: var(--copper);
	margin: .625rem 0;
	left: 0;
}

.post-content blockquote.qa p:last-of-type {
	margin-bottom: 32px;
}

.post-content blockquote.qa p {
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 400;
	text-align: left;
	line-height: 1.6;
	padding-left: 0;
	color: var(--dark);
}

.post-content blockquote.qa h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.2;
	margin: 0;
	margin-bottom: 16px;
	color: var(--dark);
}

.post-content blockquote.qa:nth-child(odd) h2 {
	color: var(--copper);
}

.post-content blockquote.qa p.a {
	line-height: 1.8;
	margin-bottom: 0;
}

.single-entry .post-content .loc li {
	margin-bottom: 0;
}

/* good reads */
.gr-block {
	margin: 16px 0;
	text-align: left;
	display: flex;
	justify-content: flex-start;
}

@media only screen and (max-width: 414px) {
	.gr-block {
		flex-flow: column nowrap;
		justify-content: center;
	}
}

.gr-block a {
	color: #ffffff;
	text-decoration: none;
	font-weight: 600;
	margin: auto 10px;
}

.gr-block a:first-of-type {
	margin-left: 0;
}

.gr-block a img {
	margin: 1rem auto;
}

/* patreon integration */
.patreon-valid-patron-message {
	font-size: 12px;
}

/* related posts */
.related-posts {
	max-width: 1200px;
	margin: 32px auto;
}

.related-posts div {
	flex: 0 1 50%;
	padding: 16px;
}

.related-posts div h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-style: italic;
	text-transform: uppercase;
	color: #ffffff;
}

@media only screen and (max-width: 480px) {
	.related-posts div h4 {
		padding: 0 .625rem;
	}
}

.related-posts div ol {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 10px 0;
  list-style: none;
	padding-left: 10px;
}

.related-posts div ol li {
	flex: 0 1 49%;
	margin-bottom: 32px;
	font-size: 14px;
}

@media only screen and (max-width: 480px) {
	.related-posts div {
		padding: 1rem 0;
	}

	.related-posts div ol {
		padding-left: 0;
	}

	.related-posts div ol li {
		flex: 0 1 100%;
		margin-bottom: 1rem;
	}

	.related-posts div ol li:last-child {
		margin-bottom: 0;
	}
}

.related-posts div ol li a {
	text-decoration: none;
	color: var(--dark);
}

.related-posts div ol li a:hover,
.related-posts div ol li a:focus {
	color: var(--orange);
}

.related-posts figure {
	margin-bottom: 10px;
	max-width: 100%;
}

.related-posts figure img {
	max-width: 100%;
}

.related-posts h3 {
	color: #ffffff;
	font-size: 16px;
}

.related-posts p {
	color: var(--lightgray);
	font-size: 12px;
}

@media only screen and (max-width: 480px) {
	.related-posts h3,
	.related-posts p {
		padding: 0 .625rem;
	}
}

/* affiliate dislcaimer */
.ftc-disc {
	margin-top: 10px;
	text-align: center;
}

footer .ftc-disc {
	text-align: left;
}

@media only screen and (max-width: 414px) {
	footer .ftc-disc {
		text-align: center;
	}
}

.ftc-disc small {
	background-color: rgb(243, 243, 243);
	padding: 4px 8px;
	border-radius: 5px;
	color: gray;
	font-size: .75rem;
	font-weight: 400;
}

footer .ftc-disc small {
	background-color: var(--dark);
	color: #ffffff;
}

.ftc-disc small a {
	text-decoration: none;
	text-transform: uppercase;
	color: var(--orange);
	font-weight: 700;
	transition: color 120ms linear;
}

.ftc-disc small a:hover {
	color: var(--light);
}

.hero .ftc-disc {
	text-align: left;
}

.hero .ftc-disc small {
	background-color: transparent;
}

@media only screen and (max-width: 414px) {
	.hero .ftc-disc {
		text-align: center;
	}
	
	.hero .ftc-disc small {
		text-align: center;
	}
}

/* leangains patreon */
.leangains-patreon {
	padding: 5rem 0;
	background: linear-gradient(29deg, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0.2) 90%, rgba(0, 0, 0, 1)), url("assets/bg-features.png") center center no-repeat;
	background-size: 100%, cover;
	background-position: top center;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}

.leangains-patreon div {
	flex: 0 1 auto;
}

.leangains-patreon > div:first-child {
	margin: auto 2rem auto 0;
}

@media only screen and (max-width: 1000px) {
	.leangains-patreon {
		padding-right: 1rem;
		padding-left: 1rem;
		flex-flow: column nowrap;
	}

	.leangains-patreon > div:first-child,
	.leangains-patreon > div:last-child {
		margin: 0 0 2rem 0 !important;
	}

	.leangains-patreon > div:first-child {
		order: 2;
	}
}

.leangains-patreon > div:first-child figure {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	align-content: center;
	margin-bottom: 3rem;
}

@media only screen and (max-width: 1000px) {
	.leangains-patreon > div:first-child figure {
		justify-content: center;
	}
}

.leangains-patreon > div:first-child figure > svg:last-of-type {
	padding-left: 2.5rem;
	margin-left: 2.5rem;
	border-left: 1px solid gray;
}

@media only screen and (max-width: 1000px) {
	.leangains-patreon > div:first-child figure > svg:last-of-type {
		padding-left: 1rem;
		margin-left: 1rem;
	}
}

.leangains-patreon > div:last-child {
	margin-left: 2rem;
}

@media only screen and (max-width: 1000px) {
	.leangains-patreon > div:last-child {
		order: 1;
	}
}

.leangains-patreon .btn {
	text-transform: uppercase;
	transform: skew(-8deg);
	border-radius: 0;
	padding: 20px 40px;
}

.leangains-patreon ul {
	margin: 1rem 0 1rem 3rem;
	text-align: left;
}

@media only screen and (max-width: 414px) {
	.leangains-patreon ul {
		margin-left: 1rem;
	}
}

.leangains-patreon ul li {
	padding: .312rem 0;
	margin-bottom: .625rem;
}