/*
Theme Name: ResourceGuru 2019
Author:		Scend Studio
Author URI:	https://www.scend.co.uk
Version:	2.51
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,500i,600&display=swap');

/* Variables and Colours */
:root {
	--color-purple-800: #3B284B;
	--color-purple-700: #5F3976;
	--color-purple-500: #9B44BC;
	--color-purple-300: #D8A8E6;
	--color-purple-200: #EACCF2;
	--color-purple-100: #FCF2FE;
	--color-blue-300: #A4BCFF;
	--color-blue-100: #EAF2FF;
	--color-cyan-300: #75EAFF;
	--color-cyan-100: #E0F9FD;
	--color-violet-300: #DFA4FF;
	--color-violet-200: #E5CEFF;
	--color-violet-100: #F2E7FF;
	--color-strawberry-300: #FC8E89;
	--color-strawberry-100: #FEE1E3;
	--color-turquoise-300: #5AFFC9;
	--color-turquoise-100: #DCFDEC;
	--color-orange-300: #FFA96F;
	--color-orange-100: #FFE3C2;
	--color-yellow-300: #FADE4D;
	--color-yellow-100: #FFF9C7;
	--color-green-900: #00331B;
	--color-green-300: #A6FA85;
	--color-green-200: #CCFFE6;
	--color-lime-200: #CFFEB3;
	--color-grey-700: #807C83;
	--color-grey-400: #DBD7DE;
	--color-grey-100: #F9F9F9;
	--color-steel-300: #C2C5D9;
	--color-steel-100: #ECEEF3;
	--color-amber-900: #C25700;
	--color-amber-200: #FFE2B9;
	--color-amber-100: #FFF4E3;
	--color-red-800: #781220;
	--color-red-200: #FABDC6;
}

/*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */
html {
	box-sizing: border-box
}

*,
::after,
::before {
	box-sizing: inherit
}

:root {
	-moz-tab-size: 4;
	tab-size: 4
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

body {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'
}

hr {
	height: 0
}

abbr[title] {
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
pre,
samp {
	font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	padding: 0
}

progress {
	vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

summary {
	display: list-item
}

/* Base Styles */
html {
	scroll-behavior: smooth;
	scroll-padding-top: 120px;
}

body {
	color: var(--color-purple-800);
	background: #fff;
	font: 1.125em/1.5 'Montserrat', sans-serif;
	font-weight: 400;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.open {
	overflow: hidden;
	overscroll-behavior: contain;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #858e95;
	margin: 2em 0;
	padding: 0
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle
}

img,
svg {
	max-width: 100%;
	height: auto;
	outline: none;
}

iframe {
	width: 100%;
	max-width: 100%
}

::-webkit-input-placeholder {
	line-height: normal;
}

::-moz-placeholder {
	line-height: normal;
}

:-ms-input-placeholder {
	line-height: normal;
}

:-moz-placeholder {
	line-height: normal;
}

header,
main,
section,
aside,
footer {
	float: left;
	width: 100%
}

.container {
	width: 91.04166666666667%;
	max-width: 1748px;
	margin: 0 auto
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
	margin: 0
}

h1 {
	font-size: 2.667em;
	line-height: 1.1;
	margin-bottom: 20px;
}

h2 {
	font-size: 2em;
	line-height: 1.2;
	margin-bottom: 20px;
}

h3 {
	font-size: 1.556em;
	line-height: 1.2;
	margin-bottom: 10px;
}

h4 {
	font-size: 1.222em;
	line-height: 1.2;
	margin-bottom: 10px;
}

h5 {
	font-size: 0.778em;
	line-height: 1.3;
	text-transform: uppercase;
	margin-bottom: 5px;
}

h6 {
	font-size: 0.778em;
	line-height: 1.3;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #8B8B8B
}

h2 span {
	font-weight: 600 !important;
}

.regular {
	font-weight: 400 !important;
}

p+h1,
p+h2,
p+h3,
p+h4,
p+h5 {
	margin-top: 40px
}

ul+h1,
ul+h2,
ul+h3,
ul+h4,
ul+h5 {
	margin-top: 40px
}

p+p .button {
	margin-top: 10px
}

p.note {
	font-size: 0.778em !important;
	line-height: 1.3;
}

p,
ul {
	margin: 0 0 10px 0
}

nav ul,
nav li {
	margin: 0;
	padding: 0;
	list-style: none
}

b,
strong {
	font-weight: 600
}

i,
em {
	font-style: italic;
	font-weight: 400;
}

li {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid
}

kbd {
	border-radius: 3px;
	padding: 1px 2px 0;
	border: 1px solid black;
	padding: 0.1em 0.4em;
	margin: 0 0.2em;
}

.embed-responsive {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;

	iframe,
	object,
	embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
}

a,
.link {
	color: var(--color-purple-500);
	text-decoration: none;
	cursor: pointer;
}

a:hover,
.link:hover {
	text-decoration: underline;
}

.button,
button,
input[type="submit"] {
	display: inline-block;
	padding: 7px 15px;
	text-align: center;
	font-size: 14px;
	line-height: 1;
	line-height: 20px;
	font-weight: 600;
	color: #40264D !important;
	background-color: #00ff87;
	border: 1px solid #00ff87;
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.2s ease;
}

.button:active,
button:active,
input[type="submit"]:active,
.button:focus,
button:focus,
input[type="submit"]:focus {
	background: #27e47e;
	text-decoration: none;
}

.button:hover,
button:hover,
input[type="submit"]:hover {
	color: #40264D;
	background-color: #6dfeb8;
	border-color: #6dfeb8;
	text-decoration: none;
}

.button--outline {
	border: 1px solid #3B284B;
	background-color: #fff;
}

.button--outline:hover,
.button--outline:active,
.button--outline:focus {
	color: #ffffff !important;
	border-color: #66346d;
	background-color: #66346d;
}

.button--dark {
	border: 1px solid #9B44BC;
	background-color: #9B44BC;
	color: #fff !important;
}

.button--dark:hover,
.button--dark:active,
.button--dark:focus {
	border-color: #B969D3;
	background-color: #B969D3;
}

.button--light {
	border: 1px solid #fff;
	background-color: #fff;
	color: var(--color-purple-800);
}

.button--filter {
	cursor: pointer;
	padding: 1em 1.75em;
	font-size: .7777777777777778em;
	font-weight: 600;
	border-radius: 12px;
	border: 1px solid var(--color-purple-200, #eaccf2);
	background: var(--color-purple-100, #fcf2fe);
	box-shadow: 0 3px 6px 0 rgba(12, 0, 51, 0.14), 0 6px 20px 0 rgba(12, 0, 51, 0.11);
	transition: all .3s ease
}

.button--filter:hover,
.button--filter:active,
.button--filter:focus {
	color: #fff !important;
	border-color: var(--color-purple-500, #9b44bc);
	background-color: var(--color-purple-500, #9b44bc)
}

/* Header */
#category-btn {
	background: transparent url(images/down-arrow.svg) no-repeat right center;
	background-size: 8px;
	padding-right: 20px;
}

#menu-btn {
	display: none;
}

#header {
	position: fixed;
	background: transparent;
	z-index: 99;
	transition: all 0.4s ease;
}

#header a {
	color: #40264D;
}

#header a:hover,
#header a:active {
	color: #B43AD1;
	text-decoration: none;
}

#header .logo {
	float: left;
	position: relative;
	width: 300px;
	height: 150px;
	margin: 40px 0 10px 0;
	transition: height 0.4s ease, margin 0.4s ease, color 0.2s ease;
}

#header .logo-mark {
	position: absolute;
	top: 10px;
	left: 0;
	transition: all 0.2s ease;
}

#header .logo-text-standard {
	position: absolute;
	opacity: 1;
	top: 0;
	left: 83px;
	margin: 0;
	transition: top 1s ease, opacity 1s ease;
}

#header .logo-text-scroll {
	position: absolute;
	bottom: -40px;
	left: 40px;
	opacity: 0;
	transition: bottom 1s ease, opacity 1s ease;
}

#header nav#desktop .main-nav {
	display: flex;
}

#header nav#desktop .main-nav li {
	position: relative;
}

#header nav#desktop .main-nav>li+li {
	margin-left: 20px;
}

#header nav#desktop .main-nav li .has-children {
	display: block;
	cursor: pointer;
	background: url(images/down-arrow.svg) no-repeat right center;
	background-size: 8px;
	padding: 15px 20px 15px 24px;
}

#header nav#desktop .main-nav li ul {
	opacity: 0;
	visibility: hidden;
	display: block;
	text-align: left;
	position: absolute;
	top: 100%;
	left: 0;
	width: auto;
	min-width: 200px;
	padding: 8px 0;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0px 6px 20px 0px rgba(12, 0, 51, 0.11), 0px 3px 6px 0px rgba(12, 0, 51, 0.14);
	z-index: 9999;
	transition: all 0.25s ease;
	-webkit-transform: translateY(-10px) translateZ(0);
	transform: translateY(-10px) translateZ(0);
}

#header nav#desktop .main-nav li:hover ul {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0) translateZ(0);
	transform: translateY(0) translateZ(0);
}

#header nav#desktop .main-nav li ul::after {
	content: '';
	position: absolute;
	top: -6px;
	left: 40px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
}

#header nav#desktop .main-nav li li a {
	display: block;
	padding: 8px 24px;
	font-weight: 400;
	line-height: 1;
	white-space: nowrap;
}

#header nav#desktop .main-nav li li a:hover {
	color: #40264D;
	background-color: #FCF2FE;
}

#header nav#desktop {
	float: right;
	display: flex;
	align-items: center;
	text-align: right;
	max-width: calc(100% - 320px);
	font-size: 0.778em;
	font-weight: 600;
	margin: 53px 0 19px 0;
	transition: margin 0.4s ease;
}

#header nav#desktop .button-nav {
	margin: 0 0 0 12px;
	padding: 0;
	list-style: none;
	display: inline-block;
}

#header nav#desktop .button-nav li {
	margin: 0 0 0 2px;
	padding: 0;
	list-style: none;
	display: inline-block;
}

#header nav#desktop .button-nav li a {
	display: block;
	padding: 7px 14px;
}

#header nav#desktop .button-nav li a.button {
	padding: 7px 14px;
}

#header nav#desktop .button-nav li img {
	width: 20px;
}

#header nav#desktop .button-nav #search-btn {
	border-right: 1px solid #D9D9D9;
	margin-right: 24px;
	padding: 7px 24px;
}

#header.scroll,
#header.open {
	background: #fff;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

.open #header {
	position: fixed;
	background: #fff;
	height: 100%;
	max-height: 100%;
	z-index: 999;
	overflow: scroll;
}

#header.scroll .logo {
	height: 40px;
	margin: 15px 0 19px 0;
}

#header.scroll .logo-mark {
	width: 30px;
}

#header.scroll .logo-text-standard {
	top: -180px;
	opacity: 0;
}

#header.scroll .logo-text-scroll {
	bottom: -3px;
	opacity: 1;
}

#header.scroll nav#desktop {
	margin-top: 19px;
}

/* Progress Bar */
progress {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background-color: transparent;
	color: #92568F;
}

progress::-webkit-progress-bar {
	background-color: transparent;
}

progress::-webkit-progress-value {
	background-color: #92568F;
}

progress::-moz-progress-bar {
	background-color: #92568F;
}

.progress-container {
	width: 100%;
	background-color: transparent;
	position: fixed;
	top: 0;
	left: 0;
	height: 4px;
}

.progress-bar {
	background-color: #92568F;
	width: 0%;
	display: block;
	height: inherit;
}

/* Mobile Menu */
#header nav#mobile {
	display: none;
	float: left;
	width: 100%;
}

#header nav#mobile .container {
	width: 100%;
}

#header nav#mobile .mobile-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 24px 3.8647342995%;
	width: 100%;
}

#header nav#mobile .mobile-nav>li {
	width: 48%;
	margin: 1em 0;
}

#header nav#mobile .mobile-nav__title {
	font-size: 1.556em;
	line-height: 1.2;
	font-weight: 600;
	display: block;
	padding: 5px 0;
}

#header nav#mobile .mobile-nav li a {
	display: block;
	padding: 0.25em 0;
	font-size: 1.222em;
	line-height: 1.2;
}

#header nav#mobile .button-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	padding: 24px 3.8647342995%;
}

#header nav#mobile .button-nav li {
	width: 48%;
}

#header nav#mobile .button-nav li a {
	display: block;
}

/* Main */
main {
	padding-top: 200px;
}

/* Category Titles */
.category-title {
	width: 100%;
	margin: 64px 0;
	text-align: center;
}

.category-title h1 {
	font-size: 3.5555555555555554em;
}

.category-meta {
	font-size: 0.7777777777777778em;
	color: var(--color-purple-500);
	margin-bottom: 0;
}

.category-meta a {
	text-decoration: underline;
}

.category-meta+h1 {
	margin-top: 0.25em;
}

.category-title h1+p {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

/* Category List */
.category-list .container {
	max-width: 1040px;
	display: flex;
	flex-direction: column;
	gap: 64px;
}

.category-month {
	display: flex;
	flex-direction: column;
	gap: 64px;
}

.category-month__heading {
	font-size: 0.8888888888888888em;
	margin: 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.category-list--start .category-month:first-of-type .category-month__heading {
	display: none;
}

.category-month__heading::before,
.category-month__heading::after {
	content: '';
	flex: 1;
	border-top: 1px dashed #D3D3D3;
}

.category-month__heading::before {
	margin-right: 16px;
}

.category-month__heading::after {
	margin-left: 16px;
}

.category-article {
	display: flex;
	border-radius: 6px;
	border: 1px solid #EBEBEB;
	overflow: clip;
	color: var(--color-purple-800);
	transition: all .3s ease
}

a.category-article:hover {
	box-shadow: 0px 0px 14px 0px rgba(12, 0, 51, 0.14);
	text-decoration: none;
}

.category-article__image {
	width: 35%;
}

.category-article__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.category-article__text {
	width: 75%;
	padding: 24px 32px;
}

.category-article__text p {
	font-size: 0.8888888888888888em;
	margin-bottom: .5em;
}

.category-article__text h3 {
	margin-top: 0;
}

.category-article--mini .category-article__text {
	width: 100%;
	padding: 32px;
}

.category-article--mini::before {
	content: '';
	display: block;
	width: 6px;
	background: #F7C0E7 !important;
}

/* Category CTA */
.category-cta {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	gap: 20px;
	border-radius: 10px;
	overflow: clip;
	color: #fff;
	background: var(--color-purple-500) url('images/bg-portalcta.png') no-repeat;
	background-size: cover;
	background-blend-mode: soft-light;
	box-shadow: 0px 0px 6px 0px rgba(12, 0, 51, 0.14);
	transition: all .3s ease
}

a.category-cta:hover {
	box-shadow: 0px 0px 14px 0px rgba(12, 0, 51, 0.14);
	text-decoration: none;
}

.category-cta__image {
	width: 380px;
	position: relative;
}

.category-cta__image img {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -20px;
	margin: auto;
	width: 100%;
	aspect-ratio: 375/250;
	object-fit: cover;
	transform: rotate(10deg);
}

.category-cta__text {
	flex: 1;
	padding: 24px;
	position: relative;
	background: url('images/portal-illustration.png') no-repeat right center;
	background-size: 200px;
}

.category-cta__text h3 {
	margin-bottom: .75em;
}

.category-cta__text p {
	margin-bottom: 0;
}

.category-cta:hover,
.category-cta:focus {
	text-decoration: none;
}

/* Pinned Posts */
.pinned {
	margin-bottom: 4em;
	text-align: center;

	h2 {
		text-transform: lowercase;
		margin-bottom: 0.3em;
	}

	h2::first-letter {
		text-transform: uppercase
	}
}

.pinned .container {
	max-width: 1176px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.pinned__articles {
	position: relative;
	border: 1px solid var(--color-purple-300);
	padding: 24px;
	border-radius: 12px;
	text-align: left;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.pinned__article {
	img {
		margin-bottom: 1em;
	}
}

a.pinned__article {
	h3 {
		color: #40264D;
	}
}

a.pinned__article:hover,
a.pinned__article:focus {
	h3 {
		text-decoration: underline;
		color: #B43AD1;
	}
}

/* Template List */
.template-list {
	padding-bottom:160px;
}
.template-list .container {
	max-width: 1008px;
	display: flex;
	flex-direction: column;
	gap: 64px;
}

.template-group {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.template-group__heading {
	grid-column: 1/-1;
	text-align: center;
	margin-bottom: 0.3em;
}

.template-article {
	display: flex;
	flex-direction: column;
	border-radius: 6px;
	border: 1px solid #EBEBEB;
	overflow: clip;
	color: var(--color-purple-800);
	transition: all .3s ease
}

a.template-article:hover {
	box-shadow: 0px 0px 14px 0px rgba(12, 0, 51, 0.14);
	text-decoration: none;
}

.template-article__image img {
	width: 100%;
}

.template-article__text {
	width: 100%;
	padding: 24px;

	p:last-child {
		margin-bottom: 0;
	}
}

.template-article h3 a {
	color: #40264D;
}

.template-article h3 a:hover,
.template-article h3 a:active,
.template-article h3 a:focus{
	text-decoration: underline;
	color: #B43AD1;
}

.template-article p {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
}

/* FAQs */
.faqs {
	position:relative;
	background: #F2F2F2;
	padding: 60px 0 160px 0;
}
.faqs .angle {
	position: absolute;
	top: -65px;
	left: 0;
	width: 100%;
	height: 65px;
}
.faqs .container {
	max-width: 942px;
}
.faqs__title {
	text-align: center;
	margin-bottom:3em;
}
.accordion>h3 {
	font-size: 1.222em;
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2em;
	padding: 18px 0px;
	margin-bottom:0;
	border-top:1px solid var(--color-grey-400);
}

.accordion__content {
	padding: 0em 0 2em 0;
}

.accordion__icon {
	position: relative;
	flex-shrink: 0;
	fill: var(--color-purple-800);
	width: 32px;
	height: 32px;
	transform: rotate(0);
	transition: .3s ease
}

.accordionopen .accordion__icon {
	transform: rotate(180deg)
}

/* Tool Titles */
.tool-title {
	width: 100%;
	margin: 60px 0;
	text-align: center;
}

.tool-title--bg {
	background: url(images/gradient.svg) no-repeat center bottom;
	background-size: 100%;
	min-height: 12vw;
	padding-bottom: 12vw;
	margin-bottom: 0;
}

.tool-title .container,
.tool-content .container {
	max-width: 1200px;
}

.tool-content.has-tool-title-bg {
	margin-top: -3vw;
}


.tool-title .article-meta {
	font-size: 1em;
}

.tool-title .article-meta+h1 {
	margin-top: 0.25em;
}

.tool-title h1+p {
	font-size: 1.2222222222222223em;
}

.tool-title .article-author {
	margin-top: 40px;
	justify-content: center;
}

.tool-title .article-author-images {
	justify-content: center;
}

.tool-content-cta {
	text-align: center;
	color: var(--color-purple-500);
	display: flex;
	justify-content: center;
	align-items: center;
}

.tool-content-cta p {
	font-size: 1.333em;
	line-height: 1.2;
	margin-bottom: 0;
}

.tool-content-cta-arrow {
	display: block;
	width: 90px;
	height: 60px;
	flex-shrink: 0;
	background: url(images/tool-arrow-down.png) no-repeat center;
	background-size: 100%;
	margin: 0 20px;
}

.tool-content-border {
	margin-top: 1em;
	padding: 1.5em 1.5em 3em 1.5em;
	border-radius: 12px;
	border: 1px solid var(--color-purple-300, #D8A8E6);
}

/*! Author Header */
.authorbio {
	margin: 60px 0;
}

.authorbio .container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.authorbio__image {
	width: 45%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url('images/author/author-bg.png') no-repeat center;
	background-size: contain;
	aspect-ratio: 1.5 / 1;
}

.authorbio__image img {
	width: 46%;
	max-width: 360px;
	border-radius: 50%;
}

.authorbio__text {
	width: 50%;
}

.authorbio__text .wrapper {
	max-width: 680px;
}

.authorbio__text h2 {
	font-size: 2.667em;
	line-height: 1.1;
	margin-bottom: 10px;
}

.authorbio__description {
	margin-bottom: 2em;
}

.authorbio__linkedin {
	font-size: 0.889em;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.authorbio__linkedin img {
	margin-right: 6px;
}

.authorbio__count {
	font-size: 0.889em;
	font-weight: 600;
	color: var(--color-grey-700)
}

/* Article List */
.article-list h1 a,
.search-list h1 a,
.article-list h2 a,
.search-list h2 a,
.article-list h3 a,
.search-list h3 a {
	color: #40264D;
	display: inline-block;
}

.article-list h1 a:hover,
.article-list h1 a:focus,
.article-list h2 a:hover,
.article-list h2 a:focus,
.article-list h3 a:hover,
.article-list h3 a:focus,
.search-list h2 a:hover,
.search-list h2 a:focus {
	text-decoration: underline;
	color: #B43AD1;
}

.article-meta {
	margin-bottom: 0;
	font-size: 0.8888888888888888em;
}

.article-meta+h1 {
	margin-top: 25px;
}

.article-meta+h2 {
	margin-top: 10px;
}

.article-author {
	font-size: 0.778em;
	line-height: 1.3;
	margin-top: 25px;
	display: flex;
	flex-wrap: wrap;
}

.article-author img {
	width: 44px;
	margin-bottom: 10px;
	border: 1px solid #D7D7D7;
	border-radius: 50%;
}

.article-author-core+.article-author-extra {
	margin-left: 30px;
}

.article-author-images {
	display: flex;
}

.article-author-images-item {
	position: relative;
}

.article-author-images-item+.article-author-images-item {
	margin-left: -18px;
}

.article-author-images-item:nth-of-type(1) {
	z-index: 8;
}

.article-author-images-item:nth-of-type(2) {
	z-index: 7;
}

.article-author-images-item:nth-of-type(3) {
	z-index: 6;
}

.article-author-images-item:nth-of-type(4) {
	z-index: 5;
}

.article-author-images-item:nth-of-type(5) {
	z-index: 4;
}

.article-author-images-item:nth-of-type(6) {
	z-index: 3;
}

.article-author-images-item:nth-of-type(7) {
	z-index: 2;
}

.article-author-images-item:nth-of-type(8) {
	z-index: 1;
}

.article-author-images-item:nth-of-type(1) img {
	background: rgba(252, 242, 254, 1);
}

.article-author-images-item:nth-of-type(2) img {
	background: rgba(220, 253, 236, 1);
}

.article-author-images-item:nth-of-type(3) img {
	background: rgba(224, 249, 253, 1);
}

.article-author-images-item:nth-of-type(4) img {
	background: rgba(255, 249, 199, 1);
}

.article-author-images-item:nth-of-type(5) img {
	background: rgba(252, 242, 254, 1);
}

.article-author-images-item:nth-of-type(6) img {
	background: rgba(220, 253, 236, 1);
}

.article-author-images-item:nth-of-type(7) img {
	background: rgba(224, 249, 253, 1);
}

.article-author-images-item:nth-of-type(8) img {
	background: rgba(255, 249, 199, 1);
}

.article-author-images-item-name {
	opacity: 0;
	visibility: hidden;
	display: flex;
	line-height: 1.1;
	width: 170px;
	align-items: center;
	text-align: left;
	position: absolute;
	left: 50%;
	margin-left: -92px;
	bottom: calc(100% + 6px);
	padding: 8px;
	border-radius: 6px;
	background: rgba(59, 40, 75, 1);
	color: #fff;
	box-shadow: 0px 6px 20px 0px rgba(12, 0, 51, 0.11), 0px 3px 6px 0px rgba(12, 0, 51, 0.14);
	z-index: 9999;
	transition: all 0.25s ease;
	-webkit-transform: translateY(10px) translateZ(0);
	transform: translateY(10px) translateZ(0);
}

.article-author-images-item-name::after {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 50%;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid rgba(59, 40, 75, 1);
}

.article-author-images-item-name a {
	color: #fff;
}

.article-author-images-item-name img {
	width: 24px;
	margin: 0 4px 0 0;
}

.article-author-images-item:hover .article-author-images-item-name {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0) translateZ(0);
	transform: translateY(0) translateZ(0);
}

.article-list .article-summary p:last-of-type {
	margin: 0;
}

.article-list .article-image img {
	width: 100%;
}

.article-main {
	float: left;
	width: 100%;
	margin-bottom: 100px;
	background: url(images/gradient.svg) no-repeat center bottom;
	background-size: 100%;
	position: relative;
}

.article-main .article-image {
	float: right;
	width: 54.270833333333336vw;
	margin-right: -4.4791666667vw;
}

.article-main .article-copy {
	margin-left: 99px;
	width: 35.8%;
	padding-top: 4.576659038901601%;
}

.article-main .article-author {
	margin-top: 40px;
}

.article-main .article-author a {
	display: block;
}

.article-main h2 {
	font-size: 2.667em;
	line-height: 1.1;
}

.article-grid,
.signup-grid {
	text-align: center;
	padding-bottom:160px;
}

.article-grid .container,
.signup-grid .container {
	width: 100%;
	max-width: 1920px;
}

.article-mini {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 362px;
	margin: 17px;
}

.article-mini h2 {
	font-size: 1.556em;
}

.article-mini .article-image {
	display: block;
	margin-bottom: 25px;
}

.article-mini .article-image .attachment-standard {
	display: none;
}

.article-mini .article-author {
	display: block;
	margin-top: 25px;
}

.article-mini .article-author img {
	display: none;
}

.article-mini .article-author p {
	margin-bottom: 0;
}

.article-mini .article-author-images {
	display: none;
}

.article-mini .article-author-core+.article-author-extra {
	margin-left: 0;
}

.article-mini .article-author a {
	display: inline;
}

.article-mini .article-author br {
	display: none;
}

.signup {
	display: inline-block;
	vertical-align: top;
	width: 461px;
	margin: 17px;
	margin-right: 99px;
	padding: 18px;
	background: #F9F8F8;
	min-height: 620px;
}

.signup form {
	text-align: left;
}

.signup form input {
	width: 100%;
}

.signup h2 {
	font-size: 1.556em;
	font-weight: 400;
	margin-bottom: 30px;
}

.signup p {
	margin: 0;
}

.signup .signup-rocket {
	display: inline-block;
	margin: -82px auto 35px auto;
}

.signup-grid .article-mini:nth-of-type(3) {
	width: 100%;
	max-width: 100%;
	margin: 100px 0;
}

.signup-grid .article-mini:nth-of-type(3) .article-image {
	float: left;
	width: 49.114583333333336%;
}

.signup-grid .article-mini:nth-of-type(3) .article-image .attachment-small {
	display: none;
}

.signup-grid .article-mini:nth-of-type(3) .article-image .attachment-standard {
	display: block;
}

.signup-grid .article-mini:nth-of-type(3) .article-copy {
	float: left;
	vertical-align: top;
	width: 461px;
	padding-top: 4.576659038901601%;
	margin-left: 133px;
}

.signup-grid .article-mini:nth-of-type(3) h2 {
	font-size: 2em;
}

.signup-grid .article-mini:nth-of-type(3) .article-author {
	margin-top: 40px;
}

.signup-grid .article-mini:nth-of-type(3) .article-author img {
	display: block;
}

.signup-grid .article-mini:nth-of-type(3) .article-author a {
	display: block;
}

.signup-grid .article-mini:nth-of-type(3) .article-author {
	display: flex;
	margin-top: 25px;
}

.signup-grid .article-mini:nth-of-type(3) .article-author p {
	margin-bottom: 10px;
}

.signup-grid .article-mini:nth-of-type(3) .article-author-images {
	display: flex;
}

.signup-grid .article-mini:nth-of-type(3) .article-author br {
	display: block;
}

.signup-grid .article-mini:nth-of-type(7) {
	width: 100%;
	max-width: 100%;
	margin: 100px 0;
}

.signup-grid .article-mini:nth-of-type(7) .article-image {
	float: right;
	width: 49.114583333333336%;
}

.signup-grid .article-mini:nth-of-type(7) .article-image .attachment-small {
	display: none;
}

.signup-grid .article-mini:nth-of-type(7) .article-image .attachment-standard {
	display: block;
}

.signup-grid .article-mini:nth-of-type(7) .article-copy {
	float: right;
	width: 461px;
	padding-top: 4.576659038901601%;
	margin-right: 133px;
}

.signup-grid .article-mini:nth-of-type(7) h2 {
	font-size: 2em;
}

.signup-grid .article-mini:nth-of-type(7) .article-author {
	margin-top: 40px;
}

.signup-grid .article-mini:nth-of-type(7) .article-author img {
	display: block;
}

.signup-grid .article-mini:nth-of-type(7) .article-author a {
	display: block;
}

.signup-grid .article-mini:nth-of-type(7) .article-author {
	display: flex;
	margin-top: 25px;
}

.signup-grid .article-mini:nth-of-type(7) .article-author p {
	margin-bottom: 10px;
}

.signup-grid .article-mini:nth-of-type(7) .article-author-images {
	display: flex;
}

.signup-grid .article-mini:nth-of-type(7) .article-author br {
	display: block;
}

.signup-grid .article-mini:nth-of-type(11) {
	width: 100%;
	max-width: 100%;
	margin: 100px 0;
}

.signup-grid .article-mini:nth-of-type(11) .article-image {
	float: left;
	width: 49.114583333333336%;
}

.signup-grid .article-mini:nth-of-type(11) .article-image .attachment-small {
	display: none;
}

.signup-grid .article-mini:nth-of-type(11) .article-image .attachment-standard {
	display: block;
}

.signup-grid .article-mini:nth-of-type(11) .article-copy {
	float: left;
	vertical-align: top;
	width: 461px;
	padding-top: 4.576659038901601%;
	margin-left: 133px;
}

.signup-grid .article-mini:nth-of-type(11) h2 {
	font-size: 2em;
}

.signup-grid .article-mini:nth-of-type(11) .article-author {
	margin-top: 40px;
}

.signup-grid .article-mini:nth-of-type(11) .article-author img {
	display: block;
}

.signup-grid .article-mini:nth-of-type(11) .article-author a {
	display: block;
}

.signup-grid .article-mini:nth-of-type(11) .article-author {
	display: flex;
	margin-top: 25px;
}

.signup-grid .article-mini:nth-of-type(11) .article-author p {
	margin-bottom: 10px;
}

.signup-grid .article-mini:nth-of-type(11) .article-author-images {
	display: flex;
}

.signup-grid .article-mini:nth-of-type(11) .article-author br {
	display: block;
}

.signup-grid .article-mini:nth-of-type(15) {
	width: 100%;
	max-width: 100%;
	margin: 100px 0;
}

.signup-grid .article-mini:nth-of-type(15) .article-image {
	float: right;
	width: 49.114583333333336%;
}

.signup-grid .article-mini:nth-of-type(15) .article-image .attachment-small {
	display: none;
}

.signup-grid .article-mini:nth-of-type(15) .article-image .attachment-standard {
	display: block;
}

.signup-grid .article-mini:nth-of-type(15) .article-copy {
	float: right;
	width: 461px;
	padding-top: 4.576659038901601%;
	margin-right: 133px;
}

.signup-grid .article-mini:nth-of-type(15) h2 {
	font-size: 2em;
}

.signup-grid .article-mini:nth-of-type(15) .article-author {
	margin-top: 40px;
}

.signup-grid .article-mini:nth-of-type(15) .article-author img {
	display: block;
}

.signup-grid .article-mini:nth-of-type(15) .article-author a {
	display: block;
}

.signup-grid .article-mini:nth-of-type(15) .article-author {
	display: flex;
	margin-top: 25px;
}

.signup-grid .article-mini:nth-of-type(15) .article-author p {
	margin-bottom: 10px;
}

.signup-grid .article-mini:nth-of-type(15) .article-author-images {
	display: flex;
}

.signup-grid .article-mini:nth-of-type(15) .article-author br {
	display: block;
}

.article-grid .article-mini:nth-of-type(4) {
	width: 100%;
	max-width: 100%;
	margin: 100px 0;
}

.article-grid .article-mini:nth-of-type(4) .article-image {
	float: left;
	width: 49.114583333333336%;
}

.article-grid .article-mini:nth-of-type(4) .article-image .attachment-small {
	display: none;
}

.article-grid .article-mini:nth-of-type(4) .article-image .attachment-standard {
	display: block;
}

.article-grid .article-mini:nth-of-type(4) .article-copy {
	float: left;
	vertical-align: top;
	width: 461px;
	padding-top: 4.576659038901601%;
	margin-left: 133px;
}

.article-grid .article-mini:nth-of-type(4) h2 {
	font-size: 2em;
}

.article-grid .article-mini:nth-of-type(4) .article-author {
	margin-top: 40px;
}

.article-grid .article-mini:nth-of-type(4) .article-author img {
	display: block;
}

.article-grid .article-mini:nth-of-type(8) {
	width: 100%;
	max-width: 100%;
	margin: 100px 0;
}

.article-grid .article-mini:nth-of-type(8) .article-image {
	float: right;
	width: 49.114583333333336%;
}

.article-grid .article-mini:nth-of-type(8) .article-image .attachment-small {
	display: none;
}

.article-grid .article-mini:nth-of-type(8) .article-image .attachment-standard {
	display: block;
}

.article-grid .article-mini:nth-of-type(8) .article-copy {
	float: right;
	width: 461px;
	padding-top: 4.576659038901601%;
	margin-right: 133px;
}

.article-grid .article-mini:nth-of-type(8) h2 {
	font-size: 2em;
}

.article-grid .article-mini:nth-of-type(8) .article-author {
	margin-top: 40px;
}

.article-grid .article-mini:nth-of-type(8) .article-author img {
	display: block;
}

.article-grid .article-mini:nth-of-type(12) {
	width: 100%;
	max-width: 100%;
	margin: 100px 0;
}

.article-grid .article-mini:nth-of-type(12) .article-image {
	float: right;
	width: 49.114583333333336%;
}

.article-grid .article-mini:nth-of-type(12) .article-image .attachment-small {
	display: none;
}

.article-grid .article-mini:nth-of-type(12) .article-image .attachment-standard {
	display: block;
}

.article-grid .article-mini:nth-of-type(12) .article-copy {
	float: right;
	width: 461px;
	padding-top: 4.576659038901601%;
	margin-right: 133px;
}

.article-grid .article-mini:nth-of-type(12) h2 {
	font-size: 2em;
}

.article-grid .article-mini:nth-of-type(12) .article-author {
	margin-top: 40px;
}

.article-grid .article-mini:nth-of-type(12) .article-author img {
	display: block;
}

.article-grid .article-mini:nth-of-type(16) {
	width: 100%;
	max-width: 100%;
	margin: 100px 0;
}

.article-grid .article-mini:nth-of-type(16) .article-image {
	float: right;
	width: 49.114583333333336%;
}

.article-grid .article-mini:nth-of-type(16) .article-image .attachment-small {
	display: none;
}

.article-grid .article-mini:nth-of-type(16) .article-image .attachment-standard {
	display: block;
}

.article-grid .article-mini:nth-of-type(16) .article-copy {
	float: right;
	width: 461px;
	padding-top: 4.576659038901601%;
	margin-right: 133px;
}

.article-grid .article-mini:nth-of-type(16) h2 {
	font-size: 2em;
}

.article-grid .article-mini:nth-of-type(16) .article-author {
	margin-top: 40px;
}

.article-grid .article-mini:nth-of-type(16) .article-author img {
	display: block;
}

/* Pagination */
.pagination {
	float: left;
	width: 100%;
	text-align: center;
	margin: 30px 0 160px 0;
	border: 0;
	font-weight: 600;
}

.pagination ul.page-numbers,
.pagination ul.page-numbers li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pagination ul.page-numbers li {
	display: inline-block;
}

.pagination ul.page-numbers li a,
.pagination ul.page-numbers li span {
	display: block;
	padding: 10px;
	min-width: 44px;
}

.pagination ul.page-numbers li .current {
	color: #40264D;
}

.pagination ul.page-numbers li img {
	margin-left: 3px;
	width: 16px;
	display: inline-block;
	vertical-align: middle;
}

.wp-pagenavi {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 30px;
	border: 0;
	font-weight: 600;
}

.wp-pagenavi a {
	display: inline-block;
}

.wp-pagenavi a,
.wp-pagenavi span {
	padding: 10px;
	min-width: 44px;
}

.wp-pagenavi .current {
	color: #40264D;
}

/* Breadcrumbs */
.breadcrumbs {
	font-size: 0.8888888888888888em;
	color: #B43AD1;
	margin-bottom: 30px;
}

.breadcrumbs a {
	font-weight: 600;
}

/* Article */
.article .article-summary p:last-of-type {
	margin: 0;
}

.article .article-category {
	font-size: 0.778em;
	font-weight: 600;
	text-transform: uppercase;
}

.article .article-category+h1 {
	margin-top: 0;
}

.article-title {
	float: left;
	width: 100%;
	background: url(images/gradient.svg) no-repeat center bottom;
	background-size: 100%;
	position: relative;
}

.article-title .article-heading {
	display: none;
}

.article-title .article-image {
	float: right;
	width: 54.270833333333336vw;
	margin-right: -4.4791666667vw;
}

.article-title .article-image img {
	width: 100%;
}

.article-title .article-copy {
	float: left;
	margin-left: 99px;
	width: 35.8%;
	padding-top: 10%;
}

.article-title .article-meta {
	font-size: 1em;
}

.article-title .article-meta+h1 {
	margin-top: 20px;
}

.article-title .article-author {
	margin-top: 40px;
}

.article-title .article-author a {
	display: block;
}

.article-container {
	padding: 100px 0 100px 0;
	position: relative;
}

.article-container .container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

#ez-toc-container {
	border-radius: 6px;
	border: 1px solid #EBE9EE;
	margin: 2em 0;
}

#ez-toc-container ul {
	padding: 8px 0;
	margin: 0;
}

#ez-toc-container li {
	position: relative;
	margin: 0;
	padding: 0;
}

#ez-toc-container li a {
	display: block;
	position: realtive;
	padding: 8px 15px 8px 15px;
	font-size: 0.778em;
	line-height: 1.3;
	color: #1C1627;
}

#ez-toc-container li a:hover,
#ez-toc-container li a:focus,
#ez-toc-container li a:active,
.article-toc li a.active {
	background: #FCF2FE;
	text-decoration: none;
}

#ez-toc-container p {
	font-size: 1em;
	font-weight: 600;
	text-transform: none;
	padding: 16px;
	border-bottom: 1px solid #EBE9EE;
	margin: 0;
}

.article-content #ez-toc-container {
	display: none;
}

.article-toc {
	width: 350px;
	position: -webkit-sticky;
	position: sticky;
	top: 140px;
	margin-left: 99px;
}

.article-toc #ez-toc-container {
	margin: 0;
}

.article-content {
	width: 800px;
	margin-left: 25%;
	margin-right: 4%;
}

.article-container .sharebuttons {
	width: 32px;
	position: -webkit-sticky;
	position: sticky;
	top: 140px;
}

.article-container .sharebuttons a {
	display: block;
	width: 100%;
	padding: 15px 0 !important;
	text-align: center;
}

.article-container .sharebuttons a img,
.article-container .sharebuttons a svg {
	width: auto;
	max-width: 100%;
	height: 22px;
	margin: 0 auto;
}

.article-container.has-toc .container {
	justify-content: flex-start;
}

.article-container.has-toc .sharebuttons {
	margin-left: auto;
}

.article-container.has-toc .article-content {
	margin-left: 8%;
	margin-right: 4%;
}

.sharebuttons a.a2a_button_twitter:hover svg path,
.sharebuttons a.a2a_button_twitter:hover svg rect {
	fill: #38A1F3;
}

.sharebuttons a.a2a_button_linkedin:hover svg path,
.sharebuttons a.a2a_button_linkedin:hover svg rect {
	fill: #0077B5;
}

.sharebuttons a.a2a_button_facebook:hover svg path,
.sharebuttons a.a2a_button_facebook:hover svg rect {
	fill: #3C5A99;
}

.content h3,
.article-content h3 {
	margin-bottom: 10px;
}

.content p,
.article-content p {
	margin-bottom: 25px;
}

.content p.enlarge,
.article-content p.enlarge {
	font-size: 1.556em;
}

.article-content>p:first-child:first-letter {
	float: left;
	font-size: 4.944em;
	line-height: 0.67;
	margin: 9px 3px 0 -6px;
}

.content img,
.article-content img {
	display: block;
	margin-top: 40px;
	margin-bottom: 40px;
}

.content img.narrow,
.article-content img.narrow {
	width: auto;
	max-width: 100%;
	margin: 20px 0 40px 0;
}

.article-content img.wide {
	width: 126.12137203166228%;
	max-width: 126.12137203166228%;
	margin-right: -13.060686015831136%;
	margin-left: -13.060686015831136%;
}

.content img.aligncenter,
.article-content img.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

.content .wp-caption,
.article-content .wp-caption {
	width: 100% !important;
	margin-bottom: 20px;
}

.content .wp-caption-text,
.article-content .wp-caption-text {
	font-size: 0.889em;
}

.content ul,
.article-content ul {
	margin: 30px 0 30px 30px;
	padding: 0;
	list-style-position: outside
}

.content ul ul,
.article-content ul ul {
	margin-top: 8px;
	margin-bottom: 0;
}

.content ul li,
.article-content ul li {
	margin-bottom: 8px;
}

.content blockquote,
.article-content blockquote {
	position: relative;
	width: 126.12137203166228%;
	margin: 80px -13.060686015831136% 60px -13.060686015831136%;
	padding: 0 50px;
	text-align: center;
	font-size: 2em;
	font-weight: 600;
	line-height: 1.2;
}

.content blockquote {
	width: 100%;
	margin: 80px 0 60px 0;
}

.content blockquote:before,
.article-content blockquote:before {
	content: open-quote;
	font-size: 1.667em;
	line-height: 1;
	position: absolute;
	left: 20px;
	top: 0;
}

.content blockquote:after,
.article-content blockquote:after {
	content: close-quote;
	font-size: 1.667em;
	line-height: 1;
	position: absolute;
	right: 20px;
	top: 0;
}

.content blockquote footer,
.article-content blockquote footer {
	font-size: 0.778em;
	font-weight: normal;
}

.article-content .adblock {
	display: flex;
	height: 236px;
	overflow: hidden;
	border-radius: 18px;
	width: 121.10817941952507%;
	margin: 50px -10.5540897098% 50px -10.5540897098%;
}

.article-content .adblock img {
	margin: 0;
}

.article-content .adblock__image {
	width: 38.01742919389978%;
	position: relative;
}

.article-content .adblock__image img:nth-of-type(1) {
	width: 280px;
}

.article-content .adblock__image img:nth-of-type(2) {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 216px;
}

.article-content .adblock blockquote {
	position: relative;
	width: 45.53376906318083%;
	padding: 20px 56px 75px 13px;
	margin: 0;
	text-align: left;
	font-size: 1.111em;
	line-height: 1.4;
	position: relative;
}

.article-content .adblock blockquote svg.curve__right {
	position: absolute;
	top: 0;
	right: 0;
	width: 43px;
	height: 100%;
}

.article-content .adblock blockquote svg.curve__bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 43px;
	display: none;
}

.article-content .adblock blockquote:before {
	content: none;
}

.article-content .adblock blockquote:after {
	content: none;
}

.article-content .adblock blockquote p:last-of-type {
	margin-bottom: 0;
}

.article-content .adblock blockquote footer {
	position: absolute;
	bottom: 20px;
}

.article-content .adblock blockquote footer strong {
	display: block;
}

.article-content .adblock__link {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 16.44880174291939%;
	padding: 25px 20px 20px 20px;
	background: #40264D;
	text-align: center;
}

.article-content .adblock__link img {
	width: 81px;
	margin: 0 auto;
}

.article-content .adblock__link .button {
	padding-left: 5px;
	padding-right: 5px;
}

.article-content .adblock--bright03 .adblock__image,
.article-content .adblock--bright03 blockquote {
	background-color: #E9FFCC;
}

.article-content .adblock--bright06 .adblock__image,
.article-content .adblock--bright06 blockquote {
	background-color: #FFE3C2;
}

.article-content .adblock--bright09 .adblock__image,
.article-content .adblock--bright09 blockquote {
	background-color: #FEE1E3;
}

.article-content .adblock--bright11 .adblock__image,
.article-content .adblock--bright11 blockquote {
	background-color: #FFC3F2;
}

.article-content .adblock--bright17 .adblock__image,
.article-content .adblock--bright17 blockquote {
	background-color: #C7DAFF;
}

.article-content .adblock--bright29 .adblock__image,
.article-content .adblock--bright29 blockquote {
	background-color: #D9DCED;
}

.article-content .bctt-click-to-tweet {
	display: block;
	position: relative;
	width: 126.12137203166228%;
	margin: 80px -13.060686015831136% 60px -13.060686015831136%;
	padding: 0 50px;
	text-align: center;
	font-size: 2em;
	font-weight: 600;
	line-height: 1.2;
}

.article-content .bctt-click-to-tweet a,
.article-content .bctt-click-to-tweet a:hover {
	color: #40264D;
}

.article-content .bctt-ctt-text:before {
	content: open-quote;
	font-size: 1.667em;
	line-height: 1;
	position: absolute;
	left: 20px;
	top: 0;
}

.article-content .bctt-ctt-text:after {
	content: close-quote;
	font-size: 1.667em;
	line-height: 1;
	position: absolute;
	right: 20px;
	top: 0;
}

.article-content .bctt-ctt-text {
	display: block;
}

.article-content .bctt-ctt-btn {
	display: inline-block;
	margin-top: 24px;
	background: url(images/tweet.svg) no-repeat center;
	width: 36px;
	height: 46px;
	overflow: hidden;
	text-indent: -999px;
}

.article-content .bctt-ctt-btn {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.2;
}

.article-content .bctt-click-to-tweet:hover .bctt-ctt-btn {
	animation: bounce 0.4s infinite alternate;
	-webkit-animation: bounce 0.4s infinite alternate;
	animation-timing-function: ease;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
}

.article-content div:not([class]) {
	border-radius: 12px;
}

.article-content div:not([class]) *:last-child {
	margin-bottom: 0;
}

@keyframes bounce {
	from {
		transform: translateY(0px);
	}

	to {
		transform: translateY(-10px);
	}
}

@-webkit-keyframes bounce {
	from {
		transform: translateY(0px);
	}

	to {
		transform: translateY(-10px);
	}
}

.article-footer {
	padding-bottom: 160px;
}

.article-footer.tool-footer {
	margin-top: 6em;
}

.article-footer .container {
	max-width: 956px;
}

.article-signup {
	display: block;
	background: #1C1627;
	color: #fff;
	padding: 5.230125523012552%;
	border-radius: 8px;
}

.article-signup h2 {
	margin-bottom: 30px;
}

.article-signup form {
	margin: 0;
	padding: 0;
}

.article-signup form p {
	margin: 0;
}

.article-signup form input[type=email] {
	display: inline-block;
	width: 70%;
	width: calc(100% - 169px)
}

.article-signup form input[type=submit] {
	display: inline-block;
	width: 154px;
	margin-left: 15px;
}

.article-signup form input[type=submit] {
	font-size: 16px;
	color: #40264D !important;
	background: #00ff87;
}

.article-signup form input[type=submit]:active,
.article-signup form input[type=submit]:focus {
	background: #27e47e;
}

.article-signup form input[type=submit]:hover {
	color: #40264D;
	background: #6dfeb8;
}

.article-bio {
	margin: 60px 0;
}

.article-bio img {
	display: inline-block;
	vertical-align: middle;
	width: 17.259414225941423%;
	margin-right: 3.556485355648536%;
	margin-bottom: 0;
	border: 1px solid #D7D7D7;
	border-radius: 50%;
}

.article-bio .author-description {
	display: inline-block;
	vertical-align: middle;
	width: 79.18410041841004%;
}

.article-bio .author-description p {
	margin: 0 !important;
}

/* Flexible Content */
main.has-hero {
	padding-top: 0;
}

.hero {
	text-align: center;
	position: relative;
	padding: calc(200px + 3em) 0 3em 0;
}

.hero::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
	background: var(--color-violet-200) url('images/content-hero.png') no-repeat top center;
	background-size: 100%;
}

.hero .container {
	max-width: 1200px;
}

.hero__text {
	margin-bottom: 4em;
}

.hero__text p {
	font-size: 1.2222222222222223em;
}


.hero__image img {
	width: 100%;
}

.area {
	padding: 1em 0;
}

.hero+.area {
	padding-top: 0;
}

.area+.article-footer {
	margin-top: 3em;
}

.area--white {
	background-color: transparent;
}

.area--white+.area--white {
	padding-top: 0;
}

.area--white+.area--white .content:first-child {
	margin-top: 0;
}

.area--purple {
	background-color: var(--color-violet-100);
}

.area--steel {
	background-color: var(--color-steel-100);
}

.content {
	margin: 4em 0
}

.content+.content {
	margin-top: 0;
}

.graph--desktop {
	display: block !important;
}

.graph--mobile {
	display: none !important;
}

.spacer {
	margin: 6em 0;
}

.content--sm .container,
.content__stats--1col .container,
.content__stats--2col .container {
	max-width: 800px;
}

.content--md .container,
.content__stats--3col .container,
.content__stats--4col .container {
	max-width: 1200px;
}

.content--lg .container,
.content--img .container {
	max-width: 1748px;
}

.align--center {
	text-align: center;
}

.content--img .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.direction--rtl .container {
	flex-direction: row-reverse;
}

.content--links .container {
	display: flex;
	padding: 24px;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 16px;
	border-radius: 32px;
	border: 1px solid var(--color-grey-400);
}

.content--links h4 {
	font-size: 1em;
}

.content--links nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 1em
}

.content--links nav a {
	display: flex;
	padding: 1em 1.75em;
	font-size: .7777777777777778em;
	text-decoration: none;
	font-weight: 600;
	border-radius: 12px;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: var(--color-purple-800);
	border: 1px solid var(--color-purple-200, #eaccf2);
	background: var(--color-purple-100, #fcf2fe);
	box-shadow: 0 3px 6px 0 rgba(12, 0, 51, 0.14), 0 6px 20px 0 rgba(12, 0, 51, 0.11);
	transition: all .3s ease
}

.content--links nav a:hover,
.content--links nav a:active,
.content--links nav a:focus {
	color: #fff;
	border-color: var(--color-purple-500, #9b44bc);
	background-color: var(--color-purple-500, #9b44bc)
}

.content__image {
	width: 47%;
}

.content__image img {
	margin: 25px 0 !important;
}

.content__text {
	width: 47%;
	display: flex;
}

.direction--rtl .content__text {
	justify-content: flex-end;
}

.content__text .wrapper {
	max-width: 640px;
}

.content__stats {
	display: grid;
	gap: 16px;
	text-align: left;
}

.content__stats--1col .content__stats {
	grid-template-columns: repeat(1, 1fr);
}

.content__stats--2col .content__stats {
	grid-template-columns: repeat(2, 1fr);
}

.content__stats--3col .content__stats {
	grid-template-columns: repeat(3, 1fr);
}

.content__stats--4col .content__stats {
	grid-template-columns: repeat(4, 1fr);
}

.content__stats .h-statistic {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 0;
	border-left: 12px solid var(--color-violet-300);
	padding: 12px 24px;
}

.content__stats--boxed .h-statistic {
	background-color: var(--color-violet-300);
	border-radius: 12px;
	border-left: 0;
	padding: 32px 24px;
	text-align: center;
}

.content__stats--1col .content__stats .h-statistic {
	flex-direction: row;
	align-items: center;
	gap: 1em;
}

.content__stats--1col .content__stats .p-property {
	flex: 1;
	max-width: 400px;
}

.content__stats--1col .content__stats--boxed .h-statistic {
	padding: 30px;
	text-align: left;
}

.content__stats .h-statistic .p-value {
	font-size: 4.166666666666667em;
	line-height: 1;
	font-weight: 600;
}

.area--purple .content__stats .h-statistic {
	border-color: var(--color-violet-300)
}

.area--purple .content__stats--boxed .h-statistic {
	background-color: var(--color-violet-300);
}

.area--steel .content__stats .h-statistic {
	border-color: var(--color-steel-300)
}

.area--steel .content__stats--boxed .h-statistic {
	background-color: var(--color-steel-300);
}

.content .callout__quote {
	font-size: 1.222em;
	line-height: 1.3;
	font-weight: 500;
	font-style: italic;
}

.content .callout__author {
	font-size: 0.889em;
	font-weight: 600;
}

/* Recommended */
.recommended {
	position: relative;
	background: #F2F2F2;
	padding: 60px 0 160px 0;
	text-align: center;
}

.recommended .angle {
	position: absolute;
	top: -65px;
	left: 0;
	width: 100%;
	height: 65px;
}

.recommended .container {
	max-width: 1188px;
}

.recommended article {
	display: inline-block;
	vertical-align: top;
	width: 30.387205387205384%;
	margin: 1.430976430976431%;
	text-align: left;
}

.recommended article img {
	margin-bottom: 30px;
}

.recommended article .article-meta+h3 {
	margin-top: 10px;
}

.recommended article .article-author {
	display: block;
	margin-top: 25px;
}

.recommended article .article-author p {
	margin-bottom: 0;
}

.recommended article .article-author-images {
	display: none;
}

.recommended article .article-author a {
	display: inline;
}

.recommended article .article-author br {
	display: none;
}

/* Callouts */
.callout {
	display: block;
	position: relative;
	margin: 3em 0;
	padding-left: 16px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-align: left;
}

.callout:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--color-blue-300);
	height: 100%;
	width: 6px;
	border-radius: 3px;
}

.callout h4,
.callout ul,
.callout p {
	font-size: 0.888em;
}

.callout p:last-of-type {
	margin-bottom: 0;
}

.callout h4 {
	margin-bottom: 1em;
}

.callout ul {
	margin: 1.5em 0 2em 20px;
}

.callout ul li {
	margin-bottom: 0px;
}

.callout a:not(.button) {
	color: var(--color-purple-800);
	text-decoration: underline;
}

.callout a:not(.button):hover {
	color: var(--color-purple-500);
}

.callout .button {
	background-color: var(--color-blue-300);
	border-color: var(--color-blue-300);
}

.callout .button:hover {
	background-color: var(--color-blue-100);
	border-color: var(--color-blue-300);
}

.callout--takeaway:after {
	background-color: var(--color-blue-300)
}

.callout--takeaway .button {
	background-color: var(--color-blue-300);
	border-color: var(--color-blue-300);
}

.callout--takeaway .button:hover {
	background-color: var(--color-blue-100);
	border-color: var(--color-blue-300);
}

.callout--steps:after {
	background-color: var(--color-cyan-300)
}

.callout--steps .button {
	background-color: var(--color-cyan-300);
	border-color: var(--color-cyan-300);
}

.callout--steps .button:hover {
	background-color: var(--color-cyan-100);
	border-color: var(--color-cyan-300);
}

.callout--reading:after {
	background-color: var(--color-violet-300)
}

.callout--reading .button {
	background-color: var(--color-violet-300);
	border-color: var(--color-violet-300);
}

.callout--reading .button:hover {
	background-color: var(--color-violet-100);
	border-color: var(--color-violet-300);
}

.callout--definition {
	padding: 25px;
	background-color: var(--color-violet-100);
	border-radius: 12px;
}

.callout--definition:after {
	display: none;
}

.callout--definition h4,
.callout--definition ul,
.callout--definition p {
	font-size: 1em;
}

.callout--definition h4 {
	margin-bottom: 0.25em;
}

.callout--definition>:first-child:before {
	content: "ℹ️ ";
}

.callout--definition .button {
	background-color: var(--color-violet-300);
	border-color: var(--color-violet-300);
}

.callout--definition .button:hover {
	background-color: var(--color-violet-100);
	border-color: var(--color-violet-300);
}

.callout--alert:after {
	background-color: var(--color-strawberry-300)
}

.callout--alert h4,
.callout--alert ul,
.callout--alert p {
	font-size: 1em;
}

.callout--alert>:first-child:before {
	content: "⚠️ ";
}

.callout--alert .button {
	background-color: var(--color-strawberry-300);
	border-color: var(--color-strawberry-300);
}

.callout--alert .button:hover {
	background-color: var(--color-strawberry-100);
	border-color: var(--color-strawberry-300);
}

.callout--strongalert {
	padding: 25px;
	background-color: var(--color-strawberry-100);
	border-radius: 12px;
}

.callout--strongalert:after {
	display: none;
}

.callout--strongalert h4,
.callout--strongalert ul,
.callout--strongalert p {
	font-size: 1em;
}

.callout--strongalert h4 {
	margin-bottom: 0.25em;
}

.callout--strongalert>:first-child:before {
	content: "⚠️ ";
}

.callout--strongalert .button {
	background-color: var(--color-strawberry-300);
	border-color: var(--color-strawberry-300);
}

.callout--strongalert .button:hover {
	background-color: var(--color-strawberry-100);
	border-color: var(--color-strawberry-300);
}

.callout--protip {
	padding: 40px 25px 25px 25px;
	background-color: var(--color-turquoise-100);
	background-image: url('images/callouts/bg-turquoise.png');
	border-radius: 12px;
}

.callout--protip:after {
	display: none;
}

.callout--protip ul,
.callout--protip p {
	font-size: 1em;
}

.callout--protip h4 {
	font-size: 1.222em;
	margin-bottom: 0.25em;
}

.callout--protip>:first-child:before {
	content: "🤓";
	position: absolute;
	top: -40px;
	font-size: 60px;
}

.callout--protip .button {
	background-color: var(--color-turquoise-300);
	border-color: var(--color-turquoise-300);
}

.callout--protip .button:hover {
	background-color: var(--color-turquoise-100);
	border-color: var(--color-turquoise-300);
}

.callout--hottake {
	padding: 40px 25px 25px 25px;
	background-color: var(--color-orange-100);
	background-image: url('images/callouts/bg-orange.png');
	border-radius: 12px;
}

.callout--hottake:after {
	display: none;
}

.callout--hottake ul,
.callout--hottake p {
	font-size: 1em;
}

.callout--hottake h4 {
	font-size: 1.222em;
	margin-bottom: 0.25em;
}

.callout--hottake>:first-child:before {
	content: "🔥";
	position: absolute;
	top: -40px;
	font-size: 60px;
}

.callout--hottake .button {
	background-color: var(--color-orange-300);
	border-color: var(--color-orange-300);
}

.callout--hottake .button:hover {
	background-color: var(--color-orange-100);
	border-color: var(--color-orange-300);
}

/* Stat Callouts */
.stat {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 50px 25px;
	margin: 3em 0;
	background: var(--color-purple-800) url('images/callouts/bg-stat.png') no-repeat center;
	background-size: cover;
	border-radius: 15px;
	color: #fff;
	text-align: left;
	box-shadow: 0px 4px 7px 0px rgba(12, 0, 51, 0.1), 0px 8px 5px 0px rgba(12, 0, 51, 0.1);
}

.stat p:last-of-type {
	margin-bottom: 0;
}

.stat a:not(.button) {
	color: #fff;
	text-decoration: underline;
}

.stat a:not(.button):hover {
	color: #fff;
}

.stat__number {
	display: flex;
	position: relative;
	z-index: 1;
	align-items: center;
	justify-content: center;
	min-width: 260px;
	aspect-ratio: 1;
	font-size: 90px;
	padding: 20px;
	color: var(--color-purple-800);
	font-weight: 600;
	background: #fff;
	border: 8px solid #B969D3;
	border-radius: 50%;
	box-shadow: 0px 11px 14px 0px rgba(12, 0, 51, 0.13), 0px 16px 44px 0px rgba(12, 0, 51, 0.16);
}

.stat__summary {
	flex: 1;
	position: relative;
	padding: 40px;
	margin-left: 50px;
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='white' stroke-width='2' stroke-dasharray='6%2c 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

.stat__summary p {
	font-size: 1.222em;
}

.stat__summary p.stat__summary__source {
	font-size: 0.818em;
}

.stat__summary::before {
	content: '';
	position: absolute;
	left: -50px;
	top: 50%;
	width: 50px;
	height: 1px;
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='white' stroke-width='2' stroke-dasharray='6%2c 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

/* Case Study Callouts */
.casestudy {
	margin: 3em 0;
}

.casestudy p:last-of-type {
	margin-bottom: 0;
}

.casestudy p {
	margin-bottom: 0.75em;
}

.casestudy__logo {
	margin-bottom: 0.5em !important;
}

.casestudy__logo img {
	width: 208px !important;
	margin: 0 auto !important;
}

.casestudy .button {
	background-color: var(--color-yellow-300);
	border-color: var(--color-yellow-300);
}

.casestudy .button:hover {
	background-color: var(--color-yellow-100);
	border-color: var(--color-yellow-300);
}

.casestudy--default {
	padding: 24px;
	background-color: var(--color-yellow-100);
	background-image: url('images/callouts/bg-yellow.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 12px;
	text-align: center;
}

.casestudy--image {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}

.casestudy__image {
	width: 50%;
}

.casestudy__image img {
	width: 100%;
	border-radius: 12px;
	margin: 0 !important;
}

.casestudy__text {
	width: 45%;
	text-align: center;
}

/* Quote Callouts */
.quote {
	position: relative;
	margin: 3em 0;
	margin-top: calc(3em + 40px);
	padding: 70px 70px 35px 70px;
	background-color: var(--color-lime-200);
	background-image: url('images/callouts/bg-lime.png');
	border-radius: 12px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: left;
}

.quote p:last-of-type {
	margin-bottom: 0;
}

.quote p {
	margin-bottom: 0.75em;
}

.quote img {
	width: 100%;
	margin: 0 !important;
	border-radius: 50%;
}

.quote__icon {
	position: absolute;
	top: -48px;
	left: 25px;
	width: 96px;
	height: 96px;
}

.quote__text a:not(.button) {
	text-decoration: underline;
	color: var(--color-purple-800);
}

.quote__text a:not(.button):hover {
	color: var(--color-purple-500);
}

.quote__author {
	display: flex;
	align-items: center;
	min-height: 110px;
	margin-right: 100px;
	margin-top: 30px;
	max-width: 400px;
}

.quote__author__image {
	width: 140px;
	background: url('images/callouts/author-lime.png') no-repeat center;
	background-size: contain;
	margin: -18px 20px -18px -18px;
	padding: 18px;
}

.quote__author__cite {
	flex: 1;
}

.quote__author__cite cite {
	font-size: 0.889em;
	font-weight: 400;
	font-style: normal;
}

.quote__author__cite cite span {
	display: block;
}

.quote--default::before,
.quote--image::before {
	position: absolute;
	top: -48px;
	right: 25px;
	content: '';
	width: 96px;
	height: 96px;
	background: url(images/callouts/quote-lime-alt.png) no-repeat center;
	background-size: contain;
}

.quote--default .quote__text p,
.quote--image .quote__text p {
	font-style: italic;
}

.content--md .quote--default .quote__text,
.content--md .quote--image .quote__text {
	max-width: 100%;
}

.quote--basic {
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: none;
}

.quote--basic .quote__author__image {
	margin-left: 0;
	background-image: url('images/callouts/author-basic.png');
}

.quote--basic::before {
	display: none;
}

.quote--review {
	margin-top: calc(3em + 40px);
	padding-left: 25px;
	padding-right: 25px;
	background-image: url('images/callouts/bg-cyan.png');
	border-radius: 12px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.quote--review::before {
	position: absolute;
	top: -48px;
	right: 25px;
	content: '';
	width: 96px;
	height: 96px;
	background: url('images/callouts/quote-cyan-alt.png') no-repeat center;
	background-size: contain;
}

.quote--green {
	background-image: url('images/callouts/bg-lime.png');
}

.quote--green::before {
	background-image: url('images/callouts/quote-lime-alt.png');
}

.quote--green .quote__author__image {
	background-image: url('images/callouts/author-lime.png');
}

.quote--pink {
	background-image: url('images/callouts/bg-pink.png');
}

.quote--pink::before {
	background-image: url('images/callouts/quote-pink-alt.png');
}

.quote--pink .quote__author__image {
	background-image: url('images/callouts/author-pink.png');
}

.quote--orange {
	background-image: url('images/callouts/bg-review-orange.png');
}

.quote--orange::before {
	background-image: url('images/callouts/quote-orange-alt.png');
}

.quote--orange .quote__author__image {
	background-image: url('images/callouts/author-orange.png');
}

.quote--cyan {
	background-image: url('images/callouts/bg-cyan.png');
}

.quote--cyan::before {
	background-image: url('images/callouts/quote-cyan-alt.png');
}

.quote--cyan .quote__author__image {
	background-image: url('images/callouts/author-cyan.png');
}

/* Expert Callouts */
.expert {
	position: relative;
	margin: 3em 0;
	margin-top: calc(3em + 40px);
	padding: 70px 48px 32px 48px;
	background-color: var(--color-lime-200);
	background-image: url('images/callouts/bg-lime.png');
	border-radius: 12px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: left;
}

.expert::before {
	content: "🎓";
	position: absolute;
	top: -48px;
	left: 25px;
	width: 96px;
	height: 96px;
	font-size: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.expert::after {
	position: absolute;
	top: -48px;
	right: 25px;
	content: '';
	width: 96px;
	height: 96px;
	background: url(images/callouts/quote-lime-alt.png) no-repeat center;
	background-size: contain;
}

.expert p:last-of-type {
	margin-bottom: 0;
}

.expert h4 {
	line-height: 1.3;
	font-weight: 400;
	margin-bottom: 32px;
}

.expert__author {
	display: flex;
	align-items: center;
	margin-top: 30px;
}

.expert__author__image {
	width: 140px;
	background: url('images/callouts/author-lime.png') no-repeat center;
	background-size: 100%;
	margin: -18px 32px -18px -18px;
	padding: 18px;
}

.expert__author__image img {
	width: 100%;
	margin: 0 !important;
	border-radius: 50%;
}

.expert__author__text {
	flex: 1;
}

.expert__author__text p {
	font-size: 0.889em;
	font-weight: 400;
	font-style: normal;
}

.expert__author__text p a:not(.button) {
	text-decoration: underline;
	color: var(--color-purple-800);
}

.expert__author__text p a:not(.button):hover {
	color: var(--color-purple-500);
}

.expert__links {
	margin-top: 32px;
}

.expert__links ul,
.expert__links li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.expert__links li a {
	display: flex;
	align-items: center;
	min-height: 42px;
	padding-left: 52px;
	font-size: 0.889em;
	font-weight: 600;
	color: var(--color-purple-800);
}

.expert__links li a:hover {
	color: var(--color-purple-500);
}

.expert__links li.expert__links__linkedin a {
	background: url('images/callouts/icon-linkedin.svg') no-repeat center left;
}

/* Coming Soon Callouts */
.comingsoon {
	position: relative;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	margin: 3em 0;
	background: var(--color-violet-100) url('images/callouts/bg-comingsoon.png') no-repeat center;
	background-size: cover;
	border-radius: 12px;
	text-align: left;
}

.comingsoon:before {
	content: "👀";
	position: absolute;
	top: -43px;
	left: 25px;
	font-size: 60px;
}

.comingsoon h4 {
	font-size: 1.111em;
	margin-bottom: 0.5em;
}

.comingsoon p {
	margin-bottom: 0.75em;
	max-width: 370px;
}

.comingsoon p:last-of-type {
	margin-bottom: 0;
}

.comingsoon__image {
	width: 40%;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}

.comingsoon__text {
	width: 58%;
	padding: 60px 0 60px 25px;
}

.comingsoon__text__form {
	width: 120%;
	margin-top: 25px;
}

.comingsoon--default .comingsoon__image {
	background: url('images/callouts/line-comingsoon.png') no-repeat left center;
	background-size: cover;
}

.comingsoon--form {
	min-height: 400px;
	background-image: url('images/callouts/bg-comingsoon-form.png');
}

.comingsoon--form p {
	max-width: 100%;
}

.comingsoon--form .comingsoon__text {
	width: 75%;
	padding-bottom: 25px;
}

.comingsoon--form .comingsoon__image {
	width: 60%;
	margin-left: -20%;
	background: url('images/callouts/line-comingsoon-form.png') no-repeat left center;
	background-size: cover;
}

/* New Feature Callouts */
.newfeature {
	position: relative;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 3em 0;
	background: var(--color-purple-800) url('images/callouts/bg-newfeature.png') no-repeat center;
	background-size: cover;
	border-radius: 12px;
	color: #fff;
	text-align: left;
}

.newfeature:before {
	content: "✨";
	position: absolute;
	top: -43px;
	left: 25px;
	font-size: 60px;
}

.newfeature h4 {
	font-size: 1.111em;
	margin-bottom: 0.5em;
}

.newfeature p {
	margin-bottom: 0.75em;
	max-width: 370px;
}

.newfeature p:last-of-type {
	margin-bottom: 0;
}

.newfeature img {
	width: 100%;
	margin: 0 !important;
}

.newfeature__image {
	width: 40%;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}

.newfeature__text {
	width: 58%;
	padding: 45px 0 25px 25px
}

.newfeature--default .newfeature__image {
	padding-top: 35%;
	background: url('images/callouts/new-feature.png') no-repeat center;
	background-size: 100%;
}

/* Free Trial Callouts */
.freetrial {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 3em 0;
	background-color: var(--color-purple-800);
	background-image: url('images/callouts/bg-purple.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 12px;
	color: #fff;
	text-align: left;
}

.freetrial--text-light {
	background-color: var(--color-purple-800);
	color: #fff;
}

.freetrial--text-dark {
	background-color: #fff;
	color: var(--color-purple-800);
}

.freetrial h4 {
	font-size: 1.333em;
	margin-bottom: 0.25em;
	text-wrap: balance;
}

.freetrial p {
	font-size: 0.888em;
	margin-bottom: 0.75em;
	text-wrap: balance;
	display:flex;
	flex-wrap:wrap;
	gap:0.5em
}

.freetrial p:last-of-type {
	margin-bottom: 0;
}

.freetrial img {
	width: 100%;
	margin: 0 !important;
}

.freetrial__image {
	width: 50%;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}

.freetrial__text {
	width: 45%;
	padding: 25px 0 25px 25px
}

.freetrial--text {
	flex-direction: row;
}

.freetrial--text .freetrial__text {
	width: 100%;
	padding-right: 25px;
}

.freetrial--text p {
	max-width: 100%;
}

.freetrial--alt {
	background-image: url('images/callouts/bg-purple-alt.png')
}

.freetrial--alt .freetrial__image {
	width: 38%;
}

.freetrial--alt .freetrial__text {
	width: 57%;
}

.freetrial--text-light .button--outline {
	color: #ffffff !important;
	border-color: #ffffff;
	background-color: transparent;
}

.freetrial--text-light .button--outline:hover,
.freetrial--text-light .button--outline:active,
.freetrial--text-light .button--outline:focus {
	color: #40264d !important;
	border-color: #efe5ee;
	background-color: #efe5ee;
}

/* Signup Popup */
.popup {
	display: none;
	position: fixed;
	bottom: 26px;
	right: 26px;
	width: 500px;
	padding: 20px;
	background: #F9F8F8;
	box-shadow: 0px 8px 28px rgba(12, 0, 51, 0.06), 0px 6px 10px rgba(12, 0, 51, 0.09);
	border-radius: 16px;
	z-index: 10;
}

.popup__text {
	background: url(images/join.png) no-repeat top right;
	background-size: 120px;
	padding-right: 110px;
}

.popup__text h3 {
	font-size: 1.278em;
	font-weight: 400;
	margin-bottom: 0.5em;
}

.popup__text ul {
	font-size: 0.875em;
	padding-left: 10px;
	margin-bottom: 1.25em;
}

.popup__text li {
	position: relative;
	list-style: none;
	padding-left: 10px;
}

.popup__text li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "·";
	font-size: 1.25em;
	line-height: 1;
}

.popup__form {
	display: flex;
}

.popup__form input[type="email"] {
	padding: 16px;
	font-size: 16px;
	border: 1px solid #C4C0C9;
	margin: 0;
}

.popup__form input[type="submit"] {
	padding: 16px;
	margin: 0;
	width: 160px;
	margin-left: 12px;
}

.popup .hide {
	position: absolute;
	top: 24px;
	right: 24px;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: 100px;
	background: url(images/close.svg) no-repeat center;
}

.popup .mc4wp-form-success form {
	display: none;
}

.popup .mc4wp-success p {
	margin: 0;
}

/* Search (Header) */
#search {
	float: left;
	width: 100%;
	display: none;
	background: #F9F8F8;
}

#mobile-search {
	float: left;
	width: 100%;
	padding-left: 3.8647342995%;
	padding-right: 3.8647342995%;
	background: #F9F8F8;
}

#search input[type="search"],
#mobile-search input[type="search"] {
	display: inline-block;
	width: calc(100% - 65px);
	border: 0;
	background: none;
	border-radius: 0;
	padding: 21px 0;
	outline: none;
	font-size: 24px;
}

#search input[type="image"],
#mobile-search input[type="image"] {
	float: left;
	padding: 24px 0;
	width: 24px;
	margin: 0 37px 0 4px;
}

#search button,
#mobile-search button {
	float: left;
	padding: 24px 0;
	width: 24px;
	margin: 0 37px 0 4px;
	background: none;
}

#search button:hover,
#mobile-search button:hover {
	background: none;
}

/* Search (Listing) */
.search {
	float: left;
	width: 100%;
	padding: 5% 0 7% 0;
	background: url(images/gradient.svg) no-repeat center bottom;
	background-size: 100% 100%;
}

.search .container {
	max-width: 1055px;
}

.search input[type="search"] {
	display: inline-block;
	width: calc(100% - 69px);
	border: 0;
	background: none;
	border-radius: 0;
	padding: 21px 0;
	outline: none;
	font-size: 28px;
}

.search input[type="image"] {
	float: left;
	padding: 24px 0;
	width: 28px;
	margin: 0 37px 0 4px;
}

.search button {
	float: left;
	padding: 24px 0;
	width: 28px;
	margin: 0 37px 0 4px;
	background: none;
}

.search button:hover {
	background: none;
}

.search ::-webkit-input-placeholder {
	color: #40264D;
}

.search ::-moz-placeholder {
	color: #40264D;
}

.search :-ms-input-placeholder {
	color: #40264D;
}

.search :-moz-placeholder {
	color: #40264D;
}

.search-list {
	padding-bottom: 80px;
}

.search-list-title {
	text-align: center;
	margin: 32px 0 64px 0;
}

.search-list h1 {
	font-size: 1.556em;
	font-weight: 400;
	margin-bottom: 100px;
}

.search-list .container {
	max-width: 1055px;
}

.search-list .container>h2 {
	text-align: center;
	font-size: 1.556em;
	line-height: 1.2;
	margin-bottom: 1.5em;
}

.search-list article {
	float: left;
	width: 100%;
	margin-bottom: 55px;
}

.search-list article h2 {
	margin-bottom: 10px;
}

.search-list article .article-image {
	float: left;
	width: 34.312796208530806%;
}

.search-list article .article-copy {
	float: right;
	width: 62.464454976303315%;
}

.search-list .article--update .article-copy {
	float: left;
	width: 100%;
}

.search-list article .article-author {
	display: block;
}

.search-list article .article-author p {
	margin-bottom: 0;
}

/* Footer */
#footer {
	position: relative;
	background: #40264d;
	color: #fff;
	background: -moz-linear-gradient(top, #40264d 0%, #1c1627 100%);
	background: -webkit-linear-gradient(top, #40264d 0%, #1c1627 100%);
	background: linear-gradient(to bottom, #40264d 0%, #1c1627 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40264d', endColorstr='#1c1627', GradientType=0);
}

#footer .angle {
	position: absolute;
	top: -64px;
	left: 0;
	width: 100%;
	height: 65px;
}

#footer .supergraphic {
	position: absolute;
	top: -65px;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(images/footer_x2.webp) no-repeat center top;
	background-size: 1920px;
}

#footer .cta {
	padding: 80px 0 160px 0;
	position: relative;
	z-index: 2;
}

#footer .cta h2 {
	font-size: 2.667em;
	margin-bottom: 10px;
}

#footer .cta .container {
	max-width: 1154px;
}

#footer .cta img {
	float: left;
	margin-top: 10px;
}

#footer .cta .copy-container {
	float: right;
	width: 659px;
	margin-right: 99px;
}

#footer .cta .button {
	font-size: 16px;
	padding: 18px 40px;
	margin-top: 30px;
}

#footer .customers {
	position: relative;
	text-align: center;
	padding: 140px 0 110px 0;
}

#footer .customers .container {
	max-width: 1188px;
}

#footer .customers h3 {
	margin-bottom: 20px;
}

#footer .customers ul,
#footer .customers li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer .customers ul {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

#footer .customers li {
	float: left;
	position: relative;
	width: 164px;
	margin: 16px;
}

#footer .customers li svg {
	fill: #ffffff;
}

#footer .contact {
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
	color: #fff;
	font-size: 0.778em;
	padding-bottom: 60px;
}

#footer .contact a {
	color: #fff;
}

#footer .contact a:hover,
#footer .contact a:active {
	color: #00ff87;
	text-decoration: none;
}

#footer .contact ul,
#footer .contact li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer .contact li {
	margin: 5px 0;
}

#footer .contact .social {
	margin-bottom: 20px;
}

#footer .contact .social li {
	display: inline-block;
	vertical-align: middle;
}

#footer .contact .social li a {
	display: inline-block;
	vertical-align: middle;
	padding: 15px;
}

#footer .contact .social li svg {
	height: 22px;
}

.sharebuttons a.a2a_button_twitter:hover svg path,
.sharebuttons a.a2a_button_twitter:hover svg rect,
.social a.twitter:hover svg path,
.social a.twitter:hover svg rect {
	fill: #38A1F3;
}

.sharebuttons a.a2a_button_linkedin:hover svg path,
.sharebuttons a.a2a_button_linkedin:hover svg rect,
.social a.linkedin:hover svg path,
.social a.linkedin:hover svg rect {
	fill: #0077B5;
}

.sharebuttons a.a2a_button_facebook:hover svg path,
.sharebuttons a.a2a_button_facebook:hover svg rect,
.social a.facebook:hover svg path,
.social a.facebook:hover svg rect {
	fill: #3C5A99;
}

.social a.youtube:hover svg path,
.social a.youtube:hover svg rect {
	fill: #FF0000;
}

/* 404 */
.pagenotfound {
	text-align: center;
	padding: 5% 0;
}

.pagenotfound .container {
	max-width: 997px;
}

.pagenotfound h1 {
	font-size: 1.556em;
	margin: 20px auto 40px auto;
	font-weight: 600;
	max-width: 760px;
}

/* Menu */
#menu-btn {
	float: right;
	display: none;
	cursor: pointer;
	padding-top: 0;
}

#menu-icon {
	display: block;
	width: 25px;
	height: 20px;
	position: relative;
}

#menu-icon span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #40264D;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

#menu-icon span:nth-child(1) {
	top: 0px
}

#menu-icon span:nth-child(2) {
	top: 9px
}

#menu-icon span:nth-child(3) {
	bottom: 0
}

.open header #menu-btn #menu-icon span:nth-child(1) {
	top: 9px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.open header #menu-btn #menu-icon span:nth-child(2) {
	opacity: 0;
}

.open header #menu-btn #menu-icon span:nth-child(3) {
	bottom: 9px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

/* Forms */
form p {
	margin-bottom: 25px
}

form label {
	display: block;
	margin-bottom: 5px
}

form .note {
	display: block;
	font-size: 0.824em;
	margin-top: 30px
}

form .checkbox label {
	cursor: pointer
}

form .full {
	float: left;
	width: 100%
}

form .half {
	float: left;
	width: 48.5%;
	text-align: left
}

form .half+.half {
	float: right
}

form fieldset {
	border: 0;
	padding: 0;
	margin: 0
}

form textarea {
	height: 210px;
	resize: vertical
}

.contactbar form textarea {
	height: 150px
}

input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=search],
textarea {
	display: block;
	width: 100%;
	padding: 18px 10px;
	caret-color: #B43AD1;
	color: #40264D;
	font: 14px/1 'Montserrat', sans-serif;
	font-weight: 400;
	border: none;
	background: #fff;
	border-radius: 4px;
	outline: 0;
	resize: vertical;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: border-color .3s ease;
	transition: border-color .3s ease
}

.input[disabled] {
	border-color: #c8c8c8;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: not-allowed
}

form button,
input[type="submit"] {
	padding: 18px 10px;
	width: 100%;
	margin-top: 18px;
	font-size: 16px;
	background: #573161;
	color: #fff !important;
	border: 0;
}

form button:hover,
form input[type="submit"]:hover {
	background: #40274c;
	color: #fff;
}

form button:focus,
form button:active,
form input[type="submit"]:focus,
form input[type="submit"]:active {
	background: #1c1627;
	color: #fff;
}

.control {
	margin: 50px 0 10px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.824em;
}

.control__input {
	position: absolute;
	opacity: 0;
	pointer-events: none
}

.control__label {
	display: inline-block;
	position: relative;
	padding-left: calc(20px + .6rem);
	will-change: transform;
	cursor: pointer
}

.control__label::before {
	border: 1px solid transparent
}

.control__label::after,
.control__label::before {
	content: '';
	position: absolute;
	top: calc(50% - 12px);
	left: 0;
	width: 22px;
	height: 22px
}

.control__label::after {
	border: 1px solid transparent
}

.control__label::before {
	border-color: #55C0E9;
	border-radius: 50%;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05);
	background: #fff;
	background-size: 0
}

.control__label::after {
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease, -webkit-transform .3s ease;
	will-change: transform
}

.control__input[type=radio]+.control__label::before {
	border-radius: 100%
}

.control__input[type=radio]+.control__label::after {
	background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%2376c8b1%22%20d%3D%22M256%2C464c114.9%2C0%2C208-93.1%2C208-208c0-114.9-93.1-208-208-208C141.1%2C48%2C48%2C141.1%2C48%2C256C48%2C370.9%2C141.1%2C464%2C256%2C464z%22/%3E%3C/svg%3E)
}

.control__input[type=checkbox]+.control__label::after {
	background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23232E5B%22%20d%3D%22M461.6%2C109.6l-54.9-43.3c-1.7-1.4-3.8-2.4-6.2-2.4c-2.4%2C0-4.6%2C1-6.3%2C2.5L194.5%2C323c0%2C0-78.5-75.5-80.7-77.7c-2.2-2.2-5.1-5.9-9.5-5.9c-4.4%2C0-6.4%2C3.1-8.7%2C5.4c-1.7%2C1.8-29.7%2C31.2-43.5%2C45.8c-0.8%2C0.9-1.3%2C1.4-2%2C2.1c-1.2%2C1.7-2%2C3.6-2%2C5.7c0%2C2.2%2C0.8%2C4%2C2%2C5.7l2.8%2C2.6c0%2C0%2C139.3%2C133.8%2C141.6%2C136.1c2.3%2C2.3%2C5.1%2C5.2%2C9.2%2C5.2c4%2C0%2C7.3-4.3%2C9.2-6.2L462%2C121.8c1.2-1.7%2C2-3.6%2C2-5.8C464%2C113.5%2C463%2C111.4%2C461.6%2C109.6z%22/%3E%3C/svg%3E)
}

.control__input[type=checkbox][disabled]+.control__label,
.control__input[type=radio][disabled]+.control__label {
	cursor: not-allowed
}

.control__input[type=checkbox][disabled]+.control__label::before,
.control__input[type=radio][disabled]+.control__label::before {
	background-color: #f2f2f2;
	-webkit-box-shadow: none;
	box-shadow: none
}

.control__input:checked+.control__label::after {
	-webkit-transform: scale(1);
	transform: scale(1)
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	width: 100%;
	line-height: 1.2;
	padding: 15px;
	min-height: 56px;
	border: 1px solid #55C0E9;
	border-radius: 0;
	background: none;
	color: #232E5B;
	background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%2379809b%22%20d%3D%22M256%2C298.3L256%2C298.3L256%2C298.3l174.2-167.2c4.3-4.2%2C11.4-4.1%2C15.8%2C0.2l30.6%2C29.9c4.4%2C4.3%2C4.5%2C11.3%2C0.2%2C15.5L264.1%2C380.9c-2.2%2C2.2-5.2%2C3.2-8.1%2C3c-3%2C0.1-5.9-0.9-8.1-3L35.2%2C176.7c-4.3-4.2-4.2-11.2%2C0.2-15.5L66%2C131.3c4.4-4.3%2C11.5-4.4%2C15.8-0.2L256%2C298.3z%22/%3E%3C/svg%3E);
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: calc(100% - .6rem) center;
}

select[disabled] {
	background-color: #f2f2f2;
	cursor: not-allowed
}

input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {}

select::-ms-expand {
	display: none
}

.formcap {
	background-color: red;
	height: 1px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-decoration: underline;
	top: -800px;
	width: 1px
}

.success {
	color: #fff;
	background: #00a69c;
	padding: 30px 6%
}

.error {
	color: red;
	font-size: 0.824em
}

#drip-signup-form {
	display: block;
	background: #1C1627;
	color: #fff;
	padding: 5.230125523012552%;
	border-radius: 8px;
	margin: 50px 0;
}

#drip-signup-form input[type="submit"] {
	font-size: 16px;
	color: #40264D !important;
	background: #00ff87;
}

#drip-signup-form input[type=submit]:active,
#drip-signup-form input[type=submit]:focus {
	background: #27e47e;
}

#drip-signup-form input[type=submit]:hover {
	color: #40264D;
	background: #6dfeb8;
}


@media only screen and (min-width:1920px) {

	/* Articles */
	.article-main {
		background-size: 100% 540px;
		position: relative;
	}

	.article-main .article-image {
		width: 1042px;
		margin-right: -86px;
	}

	.article-main .article-author {
		bottom: 0.5vw;
	}

	/* Article */
	.article-title {
		background-size: 100% 540px;
		position: relative;
	}

	.article-title .article-image {
		width: 1042px;
		margin-right: -86px;
	}

	.article-title .article-author,
	.tool-title .article-author {
		bottom: 0.5vw;
	}

	/* Search (Listing) */
	.search {
		padding: 100px 0 130px 0;
	}

	/* Footer */
	#footer .supergraphic {
		background-size: 100%;
	}

	#footer .cta {
		min-height: 27vw;
	}

}

@media only screen and (min-width:2480px) {

	/* Article */
	.article-title .article-author,
	.tool-title .article-author {
		bottom: 1.5vw;
	}

}

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

	.container {
		width: 88.515625%;
	}

	/* Header */
	#header .logo {
		height: 40px;
		margin: 15px 0 19px 0;
	}

	#header .logo-mark {
		width: 30px;
		top: 10px;
		left: 0;
	}

	#header .logo-text-standard {
		top: -180px;
		opacity: 0;
	}

	#header .logo-text-scroll {
		bottom: -3px;
		left: 40px;
		opacity: 1;
	}

	#header nav#desktop {
		margin-top: 19px;
	}

	/* Main */
	main {
		padding-top: 90px;
	}

	.category-title {
		margin: 60px 0;
	}

	.category-title h1 {
		font-size: 2.667em;
	}

	/* Flexible Content */
	.hero {
		padding-top: calc(90px + 3em);
	}

	.hero::after {
		background-size: 1400px;
	}

	/*! Author Header */
	.authorbio {
		margin-bottom: 60px;
	}

	.authorbio__image {
		width: 48.5%;
	}

	.authorbio__text {
		width: 48.5%;
	}

	.authorbio__text h2 {
		font-size: 2em;
		line-height: 1.2;
	}

	.authorbio__description {
		font-size: 1em;
		line-height: 1.5;
		margin-bottom: 1.5em;
	}

	/* Articles */
	.article-main {
		margin-bottom: 130px;
		background-position: center bottom 70px;
	}

	.article-main .article-image {
		width: 56.32812499999999vw;
		margin-right: -5.7421875vw;
	}

	.article-main .article-copy {
		margin-left: 0;
		width: 39.98234774933805%;
		padding-top: 0;
	}

	.article-main .article-summary {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		line-height: 1.5;
		max-height: 6em;
	}

	.article-mini {
		width: 27.734375%;
		margin: 1.25%;
	}

	.signup {
		width: 27.734375%;
		margin: 1.25%;
		min-height: 0;
		padding: 28px;
	}

	.signup .signup-rocket {
		margin-top: -95px;
		max-width: 85%;
	}

	.signup-grid .article-mini:nth-of-type(3) {
		margin: 70px 0 100px 0;
	}

	.signup-grid .article-mini:nth-of-type(3) .article-image {
		width: 56.32812499999999%;
	}

	.signup-grid .article-mini:nth-of-type(3) .article-copy {
		width: 35.390625%;
		padding-top: 0;
		margin-left: 2.5%;
	}

	.signup-grid .article-mini:nth-of-type(7) {
		margin: 70px 0 100px 0;
	}

	.signup-grid .article-mini:nth-of-type(7) .article-image {
		width: 56.32812499999999%;
	}

	.signup-grid .article-mini:nth-of-type(7) .article-copy {
		width: 35.390625%;
		padding-top: 0;
		margin-right: 2.5%;
	}

	.signup-grid .article-mini:nth-of-type(11) {
		margin: 70px 0 100px 0;
	}

	.signup-grid .article-mini:nth-of-type(11) .article-image {
		width: 56.32812499999999%;
	}

	.signup-grid .article-mini:nth-of-type(11) .article-copy {
		width: 35.390625%;
		padding-top: 0;
		margin-left: 2.5%;
	}

	.signup-grid .article-mini:nth-of-type(15) {
		margin: 70px 0 100px 0;
	}

	.signup-grid .article-mini:nth-of-type(15) .article-image {
		width: 56.32812499999999%;
	}

	.signup-grid .article-mini:nth-of-type(15) .article-copy {
		width: 35.390625%;
		padding-top: 0;
		margin-right: 2.5%;
	}

	.article-grid .article-mini:nth-of-type(4) {
		margin: 70px 0 100px 0;
	}

	.article-grid .article-mini:nth-of-type(4) .article-image {
		width: 56.32812499999999%;
	}

	.article-grid .article-mini:nth-of-type(4) .article-copy {
		width: 35.390625%;
		padding-top: 0;
		margin-left: 2.5%;
	}

	.article-grid .article-mini:nth-of-type(8) {
		margin: 70px 0 100px 0;
	}

	.article-grid .article-mini:nth-of-type(8) .article-image {
		width: 56.32812499999999%;
	}

	.article-grid .article-mini:nth-of-type(8) .article-copy {
		width: 35.390625%;
		padding-top: 0;
		margin-right: 2.5%;
	}

	.article-grid .article-mini:nth-of-type(12) {
		margin: 70px 0 100px 0;
	}

	.article-grid .article-mini:nth-of-type(12) .article-image {
		width: 56.32812499999999%;
	}

	.article-grid .article-mini:nth-of-type(12) .article-copy {
		width: 35.390625%;
		padding-top: 0;
		margin-right: 2.5%;
	}

	.article-grid .article-mini:nth-of-type(16) {
		margin: 70px 0 100px 0;
	}

	.article-grid .article-mini:nth-of-type(16) .article-image {
		width: 56.32812499999999%;
	}

	.article-grid .article-mini:nth-of-type(16) .article-copy {
		width: 35.390625%;
		padding-top: 0;
		margin-right: 2.5%;
	}

	/* Article */
	.article-title {
		background-position: center bottom 70px;
	}

	.article-title .article-image {
		width: 56.32812499999999vw;
		margin-top: 0;
		margin-right: -5.7421875vw;
	}

	.article-title .article-copy {
		margin-left: 0;
		width: 39.98234774933805%;
		padding-top: 5%;
	}

	.article-toc {
		margin-left: 0;
	}

	.article-content {
		margin-left: 15%;
	}

	.article-container.has-toc .article-content {
		margin-left: 5%;
	}

	.content blockquote,
	.article-content blockquote {
		width: 126.0752688172043%;
		margin: 80px -13.0376344086% 60px -13.0376344086%;
	}

	.content blockquote,
	.article-content blockquote {
		width: 100%;
		margin: 80px 0 60px 0;
	}

	.article-content .bctt-click-to-tweet {
		width: 126.0752688172043%;
		margin: 80px -13.0376344086% 60px -13.0376344086%;
	}

	/* Recommended */
	.recommended .container {
		width: 90.9375%;
		max-width: 1164px;
	}

	.recommended article {
		width: 30.584192439862544%;
		margin: 1.3745704467353952%;
	}

	/* Stat Callouts */
	.stat__number {
		font-size: 60px;
		padding: 20px;
		min-width: 190px;
	}

	.stat__summary {
		padding: 30px;
	}

	.stat__summary p {
		font-size: 1em;
	}

	.stat__summary p.stat__summary__source {
		font-size: 0.889em;
	}

	/* Footer */
	#footer .cta .copy-container {
		width: 60.15901060070671%;
		margin-right: 5.6537102473498235%;
	}

	#footer .customers .container {
		width: 90.9375%;
	}

	#footer .customers li {
		width: 13.917525773195877%;
		margin: 1.3745704467353952%;
	}

}

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

	.container {
		width: 93.9453125%;
	}

	/* Flexible Content */
	.content__stats--4col .content__stats {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Articles */
	.article-main {
		margin-bottom: 120px;
	}

	.article-main .article-image {
		width: 56.8359375vw;
		margin-right: -3.02734375vw;
	}

	.article-main .article-copy {
		width: 40.02079002079002%;
	}

	.article-main h2 {
		font-size: 1.556em;
	}

	.article-mini {
		width: 29.61876832844575%;
		margin: 1.2218963831867058%;
	}

	.signup {
		width: 29.61876832844575%;
		margin: 1.2218963831867058%;
	}

	.signup-grid .article-mini:nth-of-type(3) {
		margin: 70px 0 100px 0;
	}

	.signup-grid .article-mini:nth-of-type(3) .article-image {
		width: 56.79374389051809%;
	}

	.signup-grid .article-mini:nth-of-type(3) .article-copy {
		width: 37.634408602150536%;
		margin-left: 2.4437927663734116%;
	}

	.signup-grid .article-mini:nth-of-type(7) {
		margin: 70px 0 100px 0;
	}

	.signup-grid .article-mini:nth-of-type(7) .article-image {
		width: 56.79374389051809%;
	}

	.signup-grid .article-mini:nth-of-type(7) .article-copy {
		width: 37.634408602150536%;
		margin-right: 2.4437927663734116%;
	}

	.signup-grid .article-mini:nth-of-type(11) {
		margin: 70px 0 100px 0;
	}

	.signup-grid .article-mini:nth-of-type(11) .article-image {
		width: 56.79374389051809%;
	}

	.signup-grid .article-mini:nth-of-type(11) .article-copy {
		width: 37.634408602150536%;
		margin-left: 2.4437927663734116%;
	}

	.signup-grid .article-mini:nth-of-type(15) {
		margin: 70px 0 100px 0;
	}

	.signup-grid .article-mini:nth-of-type(15) .article-image {
		width: 56.79374389051809%;
	}

	.signup-grid .article-mini:nth-of-type(15) .article-copy {
		width: 37.634408602150536%;
		margin-right: 2.4437927663734116%;
	}

	.article-grid .article-mini:nth-of-type(4) {
		margin: 70px 0 100px 0;
	}

	.article-grid .article-mini:nth-of-type(4) .article-image {
		width: 56.79374389051809%;
	}

	.article-grid .article-mini:nth-of-type(4) .article-copy {
		width: 37.634408602150536%;
		margin-left: 2.4437927663734116%;
	}

	.article-grid .article-mini:nth-of-type(8) {
		margin: 70px 0 100px 0;
	}

	.article-grid .article-mini:nth-of-type(8) .article-image {
		width: 56.79374389051809%;
	}

	.article-grid .article-mini:nth-of-type(8) .article-copy {
		width: 37.634408602150536%;
		margin-right: 2.4437927663734116%;
	}

	.article-grid .article-mini:nth-of-type(12) {
		margin: 70px 0 100px 0;
	}

	.article-grid .article-mini:nth-of-type(12) .article-image {
		width: 56.79374389051809%;
	}

	.article-grid .article-mini:nth-of-type(12) .article-copy {
		width: 37.634408602150536%;
		margin-right: 2.4437927663734116%;
	}

	.article-grid .article-mini:nth-of-type(16) {
		margin: 70px 0 100px 0;
	}

	.article-grid .article-mini:nth-of-type(16) .article-image {
		width: 56.79374389051809%;
	}

	.article-grid .article-mini:nth-of-type(16) .article-copy {
		width: 37.634408602150536%;
		margin-right: 2.4437927663734116%;
	}

	/* Article */
	.article-title {
		background-position: center bottom 85px;
	}

	.article-title .article-image {
		width: 56.8359375vw;
		margin-right: -3.02734375vw;
	}

	.article-title .article-copy {
		width: 40.02079002079002%;
	}

	.content p.enlarge,
	.article-content p.enlarge {
		font-size: 1.111em
	}

	.content blockquote,
	.article-content blockquote {
		font-size: 1.556em;
		width: 106.53266331658291%;
		margin: 80px -3.2663316583% 60px -3.2663316583%;
		padding: 0 30px;
	}

	.content blockquote {
		width: 100%;
		margin: 80px 0 60px 0;
	}

	.content blockquote:before,
	.article-content blockquote:before {
		left: 0;
	}

	.content blockquote:after,
	.article-content blockquote:after {
		right: 0;
	}

	.article-content img.wide {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.article-content .bctt-click-to-tweet {
		font-size: 1.556em;
		width: 106.53266331658291%;
		margin: 80px -3.2663316583% 60px -3.2663316583%;
		padding: 0 30px;
	}

	.article-content .bctt-ctt-text:before {
		left: 0;
	}

	.article-content .bctt-ctt-text:after {
		right: 0;
	}

	/* Search (Listing) */
	.search-list h1 {
		margin-top: 30px;
	}

	/* Recommended */
	.recommended h2 {
		font-size: 1.556em;
	}

	.recommended .container {
		width: 96.18768328445748%;
	}

	.recommended article {
		width: 30.79268292682927%;
		margin: 1.2703252032520325%;
	}

	/* Footer */
	#footer .cta .copy-container {
		width: 65.72916666666667%;
		margin-right: 8.541666666666666%;
	}

	#footer .customers .container {
		width: 96.18768328445748%;
	}

	#footer .customers li {
		width: 14.126016260162602%;
		margin: 1.2703252032520325%;
	}

}

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

	.container {
		width: 93.359375%;
	}

	/* Typography */
	h1 {
		font-size: 1.667em;
	}

	h2 {
		font-size: 1.444em;
	}

	h3 {
		font-size: 1.333em;
	}

	h4 {
		font-size: 1.111em;
	}

	.button,
	button,
	input[type="submit"] {
		padding: 8px 16px;
	}

	/* Header */
	#header .logo-mark,
	#header.scroll .logo-mark {
		width: 24px;
		top: 14px;
	}

	#header .logo-text-scroll,
	#header.scroll .logo-text-scroll {
		width: 185px;
		bottom: 0px;
		left: 32px
	}

	#header nav#desktop {
		font-size: 0.875em
	}

	#header nav#desktop li a {
		padding: 10px 15px;
	}

	/* Category CTA */
	.category-cta {
		gap: 0;
	}

	.category-cta__text {
		background: none;
	}

	.category-cta__image {
		width: 270px;
	}

	.category-cta__image img {
		width: 110%;
		max-width: 110%;
	}

	/* Tool Titles */
	.tool-title h1+p {
		font-size: 1em;
	}

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

	.tool-content-cta-arrow {
		width: 60px;
	}

	/* Flexible Content */
	.content__image {
		width: 100%;
	}

	.content__image img {
		margin: 0 0 25px 0 !important;
	}

	.content__text {
		width: 100%;
	}

	.content__text .wrapper {
		max-width: 100%;
	}

	.content--links nav a {
		padding: .75em 1.25em
	}

	/* Articles */
	.article-main {
		margin-bottom: 65px;
		background: none;
	}

	.article-main .article-image {
		width: 57.03125vw;
		margin-right: -3.3203125vw;
	}

	.article-main .article-copy {
		width: 40.306834030683405%;
		margin-bottom: 0;
	}

	.article-main .article-author {
		display: block;
		margin-top: 25px;
	}

	.article-main .article-author img {
		display: none;
	}

	.article-main .article-author a {
		display: inline;
	}

	.article-main .article-author p {
		margin-bottom: 0;
	}

	.article-main .article-author br {
		display: none;
	}

	.article-main .article-author-images {
		display: none;
	}

	.article-main h2 {
		font-size: 1.667em;
	}

	.article-mini {
		width: 45.57291666666667%;
		margin: 0 1.0416666666666665% 50px 1.0416666666666665%;
	}

	.article-mini .article-image .attachment-small {
		display: block !important;
	}

	.article-mini .article-image .attachment-standard {
		display: none !important;
	}

	.article-mini h2 {
		font-size: 1.278em;
	}

	.signup {
		width: 93.359375%;
		margin: 0 0 50px 0;
		padding: 3.2078103207810322%;
	}

	.signup .signup-rocket {
		float: left;
		width: 48%;
		margin: -45px 0 0 0;
	}

	.signup form {
		float: right;
		width: 49%;
	}

	.signup h2 {
		font-size: 1.278em;
	}

	.signup-grid .article-mini:nth-of-type(3) {
		margin: 0 0 50px 0;
	}

	.signup-grid .article-mini:nth-of-type(3) .article-image {
		width: 56.901041666666664%;
	}

	.signup-grid .article-mini:nth-of-type(3) .article-copy {
		width: 37.63020833333333%;
		margin-left: 2.083333333333333%;
	}

	.signup-grid .article-mini:nth-of-type(3) h2 {
		font-size: 1.444em;
	}

	.signup-grid .article-mini:nth-of-type(3) .article-author {
		display: block;
		margin-top: 25px;
	}

	.signup-grid .article-mini:nth-of-type(3) .article-author img {
		display: none;
	}

	.signup-grid .article-mini:nth-of-type(3) .article-author p {
		margin-bottom: 0;
	}

	.signup-grid .article-mini:nth-of-type(3) .article-author-images {
		display: none;
	}

	.signup-grid .article-mini:nth-of-type(3) .article-author a {
		display: inline;
	}

	.signup-grid .article-mini:nth-of-type(3) .article-author br {
		display: none;
	}

	.signup-grid .article-mini:nth-of-type(6) {
		width: 100%;
		max-width: 100%;
		margin: 0 0 50px 0;
	}

	.signup-grid .article-mini:nth-of-type(6) .article-image {
		float: right;
		width: 56.901041666666664%;
	}

	.signup-grid .article-mini:nth-of-type(6) .article-copy {
		float: right;
		width: 37.63020833333333%;
		margin-right: 2.083333333333333%;
	}

	.signup-grid .article-mini:nth-of-type(6) h2 {
		font-size: 1.444em;
	}

	.signup-grid .article-mini:nth-of-type(6) .article-author {
		display: block;
		margin-top: 25px;
	}

	.signup-grid .article-mini:nth-of-type(6) .article-author img {
		display: none;
	}

	.signup-grid .article-mini:nth-of-type(6) .article-author p {
		margin-bottom: 0;
	}

	.signup-grid .article-mini:nth-of-type(6) .article-author-images {
		display: none;
	}

	.signup-grid .article-mini:nth-of-type(6) .article-author a {
		display: inline;
	}

	.signup-grid .article-mini:nth-of-type(6) .article-author br {
		display: none;
	}

	.signup-grid .article-mini:nth-of-type(7) {
		display: inline-block;
		vertical-align: top;
		width: 45.57291666666667%;
		margin: 0 1.0416666666666665% 50px 1.0416666666666665%;
	}

	.signup-grid .article-mini:nth-of-type(7) .article-image {
		float: none;
		width: 100%;
	}

	.signup-grid .article-mini:nth-of-type(7) .article-copy {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.signup-grid .article-mini:nth-of-type(7) h2 {
		font-size: 1.278em;
	}

	.signup-grid .article-mini:nth-of-type(7) .article-author {
		display: block;
		margin-top: 25px;
	}

	.signup-grid .article-mini:nth-of-type(7) .article-author img {
		display: none;
	}

	.signup-grid .article-mini:nth-of-type(7) .article-author p {
		margin-bottom: 0;
	}

	.signup-grid .article-mini:nth-of-type(7) .article-author-images {
		display: none;
	}

	.signup-grid .article-mini:nth-of-type(7) .article-author a {
		display: inline;
	}

	.signup-grid .article-mini:nth-of-type(7) .article-author br {
		display: none;
	}

	.signup-grid .article-mini:nth-of-type(11) {
		display: inline-block;
		vertical-align: top;
		width: 45.57291666666667%;
		margin: 0 1.0416666666666665% 50px 1.0416666666666665%;
	}

	.signup-grid .article-mini:nth-of-type(11) .article-image {
		float: none;
		width: 100%;
	}

	.signup-grid .article-mini:nth-of-type(11) .article-copy {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.signup-grid .article-mini:nth-of-type(11) h2 {
		font-size: 1.278em;
	}

	.signup-grid .article-mini:nth-of-type(11) .article-author {
		display: block;
		margin-top: 25px;
	}

	.signup-grid .article-mini:nth-of-type(11) .article-author img {
		display: none;
	}

	.signup-grid .article-mini:nth-of-type(11) .article-author p {
		margin-bottom: 0;
	}

	.signup-grid .article-mini:nth-of-type(11) .article-author-images {
		display: none;
	}

	.signup-grid .article-mini:nth-of-type(11) .article-author a {
		display: inline;
	}

	.signup-grid .article-mini:nth-of-type(11) .article-author br {
		display: none;
	}

	.signup-grid--author .article-mini:nth-of-type(11) {
		width: 100%;
		max-width: 100%;
		margin: 0 0 50px 0;
	}

	.signup-grid--author .article-mini:nth-of-type(11) .article-image {
		float: left;
		width: 56.901041666666664%;
	}

	.signup-grid--author .article-mini:nth-of-type(11) .article-copy {
		float: left;
		width: 37.63020833333333%;
		margin-left: 2.083333333333333%;
	}

	.signup-grid--author .article-mini:nth-of-type(11) h2 {
		font-size: 1.444em;
	}

	.signup-grid--author .article-mini:nth-of-type(11) .article-author {
		display: block;
		margin-top: 25px;
	}

	.signup-grid--author .article-mini:nth-of-type(11) .article-author img {
		display: none;
	}

	.signup-grid--author .article-mini:nth-of-type(11) .article-author p {
		margin-bottom: 0;
	}

	.signup-grid--author .article-mini:nth-of-type(11) .article-author-images {
		display: none;
	}

	.signup-grid--author .article-mini:nth-of-type(11) .article-author a {
		display: inline;
	}

	.signup-grid--author .article-mini:nth-of-type(11) .article-author br {
		display: none;
	}

	.signup-grid .article-mini:nth-of-type(15) {
		display: inline-block;
		vertical-align: top;
		width: 45.57291666666667%;
		margin: 0 1.0416666666666665% 50px 1.0416666666666665%;
	}

	.signup-grid .article-mini:nth-of-type(15) .article-image {
		float: none;
		width: 100%;
	}

	.signup-grid .article-mini:nth-of-type(15) .article-copy {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.signup-grid .article-mini:nth-of-type(15) h2 {
		font-size: 1.278em;
	}

	.signup-grid .article-mini:nth-of-type(15) .article-author {
		display: block;
		margin-top: 25px;
	}

	.signup-grid .article-mini:nth-of-type(15) .article-author img {
		display: none;
	}

	.signup-grid .article-mini:nth-of-type(15) .article-author p {
		margin-bottom: 0;
	}

	.signup-grid .article-mini:nth-of-type(15) .article-author-images {
		display: none;
	}

	.signup-grid .article-mini:nth-of-type(15) .article-author a {
		display: inline;
	}

	.signup-grid .article-mini:nth-of-type(15) .article-author br {
		display: none;
	}

	.article-grid .article-mini:nth-of-type(3) {
		width: 100%;
		max-width: 100%;
		margin: 0 0 50px 0;
	}

	.article-grid .article-mini:nth-of-type(3) .article-image {
		float: left;
		width: 56.901041666666664%;
	}

	.article-grid .article-mini:nth-of-type(3) .article-copy {
		float: left;
		width: 37.63020833333333%;
		margin-left: 2.083333333333333%;
	}

	.article-grid .article-mini:nth-of-type(3) h2 {
		font-size: 1.278em;
	}

	.article-grid .article-mini:nth-of-type(3) .article-author img {
		display: none;
	}

	.article-grid .article-mini:nth-of-type(3) .article-author {
		margin-top: 25px;
	}

	.article-grid .article-mini:nth-of-type(3) .article-author a {
		display: inline;
	}

	.article-grid .article-mini:nth-of-type(4) {
		display: inline-block;
		vertical-align: top;
		width: 45.57291666666667%;
		margin: 0 1.0416666666666665% 50px 1.0416666666666665%;
	}

	.article-grid .article-mini:nth-of-type(4) .article-image {
		float: none;
		width: 100%;
	}

	.article-grid .article-mini:nth-of-type(4) .article-copy {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.article-grid .article-mini:nth-of-type(4) h2 {
		font-size: 1.278em;
	}

	.article-grid .article-mini:nth-of-type(4) .article-author img {
		display: none;
	}

	.article-grid .article-mini:nth-of-type(4) .article-author {
		margin-top: 25px;
	}

	.article-grid .article-mini:nth-of-type(4) .article-author a {
		display: inline;
	}

	.article-grid .article-mini:nth-of-type(6) {
		width: 100%;
		max-width: 100%;
		margin: 0 0 50px 0;
	}

	.article-grid .article-mini:nth-of-type(6) .article-image {
		float: right;
		width: 56.901041666666664%;
	}

	.article-grid .article-mini:nth-of-type(6) .article-copy {
		float: right;
		width: 37.63020833333333%;
		margin-right: 2.083333333333333%;
	}

	.article-grid .article-mini:nth-of-type(6) h2 {
		font-size: 1.444em;
	}

	.article-grid .article-mini:nth-of-type(6) .article-author img {
		display: none;
	}

	.article-grid .article-mini:nth-of-type(6) .article-author {
		margin-top: 25px;
	}

	.article-grid .article-mini:nth-of-type(6) .article-author a {
		display: inline;
	}

	.article-grid .article-mini:nth-of-type(8) {
		display: inline-block;
		vertical-align: top;
		width: 45.57291666666667%;
		margin: 0 1.0416666666666665% 50px 1.0416666666666665%;
	}

	.article-grid .article-mini:nth-of-type(8) .article-image {
		float: none;
		width: 100%;
	}

	.article-grid .article-mini:nth-of-type(8) .article-copy {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.article-grid .article-mini:nth-of-type(8) h2 {
		font-size: 1.278em;
	}

	.article-grid .article-mini:nth-of-type(8) .article-author img {
		display: none;
	}

	.article-grid .article-mini:nth-of-type(9) {
		width: 100%;
		max-width: 100%;
		margin: 0 0 50px 0;
	}

	.article-grid .article-mini:nth-of-type(9) .article-image {
		float: left;
		width: 56.901041666666664%;
	}

	.article-grid .article-mini:nth-of-type(9) .article-copy {
		float: left;
		width: 37.63020833333333%;
		margin-left: 2.083333333333333%;
	}

	.article-grid .article-mini:nth-of-type(9) h2 {
		font-size: 1.444em;
	}

	.article-grid .article-mini:nth-of-type(9) .article-author {
		margin-top: 40px;
	}

	.article-grid .article-mini:nth-of-type(9) .article-author img {
		display: none;
	}

	.article-grid .article-mini:nth-of-type(12) {
		display: inline-block;
		vertical-align: top;
		width: 45.57291666666667%;
		margin: 0 1.0416666666666665% 50px 1.0416666666666665%;
	}

	.article-grid .article-mini:nth-of-type(12) .article-image {
		float: none;
		width: 100%;
	}

	.article-grid .article-mini:nth-of-type(12) .article-copy {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.article-grid .article-mini:nth-of-type(12) h2 {
		font-size: 1.278em;
	}

	.article-grid .article-mini:nth-of-type(12) .article-author img {
		display: none;
	}

	.article-grid .article-mini:nth-of-type(16) {
		display: inline-block;
		vertical-align: top;
		width: 45.57291666666667%;
		margin: 0 1.0416666666666665% 50px 1.0416666666666665%;
	}

	.article-grid .article-mini:nth-of-type(16) .article-image {
		float: none;
		width: 100%;
	}

	.article-grid .article-mini:nth-of-type(16) .article-copy {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.article-grid .article-mini:nth-of-type(16) h2 {
		font-size: 1.278em;
	}

	.article-grid .article-mini:nth-of-type(16) .article-author img {
		display: none;
	}

	/* Tool Titles */
	.tool-title {
		margin: 40px 0 30px 0;
	}

	.tool-title .article-author {
		margin-top: 20px;
	}

	/* Article */
	.article-title {
		background-position: center bottom 60px
	}

	.article-title .article-image {
		width: 57.03125vw;
		margin-right: -3.3203125vw;
	}

	.article-title .article-copy,
	.tool-title .article-copy {
		width: 40.306834030683405%;
		padding-top: 0;
	}

	.article-title .article-author img,
	.tool-title .article-author img {
		width: 44px;
		margin-bottom: 10px;
	}

	.article-title .article-image {
		width: 100%;
		margin: 30px 0 0 0;
	}

	.article-title .article-copy,
	.tool-title .article-copy {
		width: 100%;
		margin: 0;
	}

	.article-container {
		padding-top: 40px;
		position: relative;
	}

	.article-content {
		margin-left: 0;
	}

	.article-container.has-toc .article-content {
		margin-left: 5%;
	}

	.content img,
	.article-content img {
		max-width: 100%;
		margin: 30px 0 50px 0;
	}

	.content img.narrow,
	.article-content img.narrow {
		width: auto;
	}

	.content blockquote,
	.article-content blockquote {
		width: 100%;
		margin: 80px 0 60px 0;
	}

	.article-content .bctt-click-to-tweet {
		width: 100%;
		margin: 80px 0 60px 0;
	}

	.article-content .adblock {
		height: 288px;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}

	.article-content .adblock__image {
		flex: 0 0 280px;
	}

	.article-content .adblock__link {
		flex: 0 0 151px;
	}

	/* Recommended */
	.recommended .container {
		width: 95.3125%;
	}

	.recommended article {
		width: 31.147540983606557%;
		margin: 1.092896174863388%;
	}

	/* Forms */
	form button,
	input[type="submit"] {
		padding: 18px 10px;
	}

	/* Case Study Callouts */
	.casestudy__image {
		width: 100%;
		max-width: 310px;
		margin: 0 auto 0.5em auto;
	}

	.casestudy__text {
		width: 100%;
	}

	/* Quote Callouts */
	.quote {
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 25px;
	}

	.quote__author {
		min-height: 95px;
		flex-wrap: wrap;
	}

	.quote__author__image {
		width: 90px;
		margin: 0 0 0 -10px;
		padding: 10px;
	}

	.quote__author__cite {
		width: 100%;
		flex: auto;
	}

	.quote__author__cite cite {
		font-size: 0.8em;
	}

	.quote--default .quote__text,
	.quote--image .quote__text {
		font-size: 1em;
		line-height: 1.4;
	}

	/* Stat Callouts */
	.stat {
		padding: 25px;
		justify-content: center;
	}

	.stat__number {
		font-size: 90px;
		min-width: 260px;
	}

	.stat__summary {
		flex: auto;
		width: 100%;
		margin-left: 0;
		margin-top: 30px;
	}

	.stat__summary::before {
		width: 1px;
		height: 50px;
		top: -50px;
		left: 50%;
	}

	/* Expert Callouts */
	.expert {
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 25px;
	}

	.expert__author {
		flex-wrap: wrap;
	}

	.expert__author__image {
		width: 90px;
		margin: 0 10px 0 -10px;
		padding: 10px;
	}

	.expert__author__text p {
		font-size: 0.8em;
	}

	.expert__links li a {
		font-size: 0.8em;
	}

	/* Coming Soon Callouts */
	.comingsoon {
		flex-direction: row;
	}

	.comingsoon p {}

	.comingsoon__image {
		display: none;
	}

	.comingsoon__text {
		width: 100%;
		padding: 45px 25px 25px 25px;
		overflow-x: clip;
	}

	.comingsoon__text__form {
		width: 160%;
	}

	.comingsoon--form {
		min-height: 0;
	}

	.comingsoon--form .comingsoon__text {
		width: 100%;
		max-width: 500px;
	}

	/* New Feature Callouts */
	.newfeature {
		flex-direction: row;
	}

	.newfeature__image {
		display: none;
	}

	.newfeature__text {
		width: 100%;
		padding-right: 25px;
	}

	/* Free Trial Callouts (Article) */
	.article-content .freetrial {
		flex-direction: row;
	}

	.article-content .freetrial__image {
		display: none;
	}

	.article-content .freetrial__text {
		width: 100%;
		padding: 25px;
	}

	.article-content .freetrial--alt .freetrial__image {
		width: 100%;
	}

	.article-content .freetrial--alt .freetrial__text {
		width: 100%;
		padding: 25px;
	}

	/* Footer */
	#footer .cta {
		padding: 80px 0 160px 0;
		position: relative;
		z-index: 2;
	}

	#footer .cta img {
		width: 72px;
	}

	#footer .cta .copy-container {
		width: 74.47698744769873%;
		margin-right: 8.507670850767084%;
	}

	#footer .supergraphic {
		background-size: 1700px;
	}

	#footer .customers .container {
		width: 95.44270833333334%;
	}

	#footer .customers li {
		width: 22.78308321964529%;
		margin: 1.0914051841746248%;
	}

}

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

	/* Header */
	#header .logo,
	#header.scroll .logo {
		height: 40px;
		margin: 10px 0;
	}

	#header .logo-mark,
	#header.scroll .logo-mark {
		top: 9px;
	}

	#header .logo-text-scroll,
	#header.scroll .logo-text-scroll {
		bottom: 6px
	}

	#header nav#desktop {
		font-size: 0.875em
	}

	#header nav#desktop li a {
		padding: 10px 15px;
	}

	#header nav#desktop .main-nav,
	#header nav#desktop .button-nav {
		display: none;
	}

	#menu-btn {
		display: block;
	}

}

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

	.container {
		width: 92.27053140096618%;
	}

	/* Main */
	main {
		padding-top: 60px;
	}

	/* Flexible Content */
	.hero {
		padding-top: calc(60px + 3em);
	}

	/* Category Title */
	.category-title {
		margin: 40px 0;
	}

	.category-title h1 {
		font-size: 1.667em;
	}

	/* Category CTA */
	.category-cta {
		flex-direction: column;

	}

	.category-cta__image {
		width: 100%;
		height: 25vw;
		overflow: clip;
		background: #F3F5F7;
	}

	.category-cta__image img {
		left: 0;
		right: 0;
	}

	/* Search List */
	.search-list .container>h2 {
		font-size: 1.222em;

	}

	/* Category List */
	.category-list .container {
		gap: 48px;
	}

	.category-month {
		gap: 48px;
	}

	.category-article {
		flex-direction: column;
	}

	.category-article__image {
		width: 100%;
	}

	.category-article__text {
		width: 100%;
		padding: 24px;
	}

	.category-article--mini {
		flex-direction: row;
	}

	/* Category CTA */
	.category-cta__text {
		padding: 16px 24px 24px;
	}

	/* Pinned Posts */
	.pinned__articles {
		grid-template-columns: repeat(1, 1fr);
	}

	.pinned__article {
		display: flex;
		align-items: center;
		gap: 24px;

		img {
			width: 40%;
			margin-bottom: 0;
		}

		h3 {
			flex: 1;
		}
	}

	/* Template List */
	.template-group {
		grid-template-columns: repeat(1, 1fr);
	}

	/* Search List */
	.search-list-title {
		margin: 0 0 32px 0;
	}

	/* Flexible Content */
	.hero__text p {
		font-size: 1em;
	}

	.hero__image {
		margin-top: 2em;
	}

	.content {
		margin: 3em 0;
	}

	.spacer {
		margin: 4em 0;
	}

	.content__stats--3col .content__stats {
		grid-template-columns: repeat(1, 1fr);
	}

	.content__stats--3col .content__stats .h-statistic {
		flex-direction: row;
		align-items: center;
		gap: 1em;
	}

	.content__stats--3col .content__stats .p-property {
		flex: 1;
		max-width: 400px;
	}

	.content__stats--3col .content__stats--boxed .h-statistic {
		padding: 32px 24px;
		text-align: left;
	}

	/*! Author Header */
	.authorbio {
		margin-bottom: 60px;
	}

	.authorbio__image {
		width: 100%;
		margin-bottom: 2em;
	}

	.authorbio__text {
		width: 100%;
	}

	.authorbio__text h2 {
		font-size: 1.667em;
		line-height: 1.2;
	}

	.authorbio__linkedin,
	.authorbio__count {
		font-size: 0.778em;
		line-height: 1.3;
		margin-bottom: 0.5em;
	}

	/* Articles */
	.article-main {
		margin-bottom: 50px;
	}

	.article-main .article-image {
		width: 100vw;
		margin: 0 -3.8647342995vw 20px -3.8647342995vw;
		margin-bottom: 20px;
	}

	.article-main .article-copy {
		width: 100%;
	}

	.article-main h2 {
		font-size: 1.333em;
	}

	.article-mini {
		width: 91.78743961352657%;
		margin: 20px 0 60px 0;
	}

	.signup {
		width: 91.78743961352657%;
		margin: 70px 0 50px 0;
		padding: 4.4619422572178475%;
	}

	.signup .signup-rocket {
		float: none;
		width: 100%;
		margin: -105px 0 25px 0;
	}

	.signup .signup-rocket img {
		max-width: 90%;
	}

	.signup form {
		float: none;
		width: 100%;
	}

	.signup-grid .article-mini:nth-of-type(3),
	.signup-grid .article-mini:nth-of-type(6),
	.signup-grid .article-mini:nth-of-type(7),
	.signup-grid .article-mini:nth-of-type(11),
	.signup-grid .article-mini:nth-of-type(15) {
		width: 91.78743961352657%;
		margin: 20px 0 60px 0;
	}

	.signup-grid .article-mini:nth-of-type(3) .article-image,
	.signup-grid .article-mini:nth-of-type(6) .article-image,
	.signup-grid .article-mini:nth-of-type(11) .article-image {
		float: none;
		width: 100%;
	}

	.signup-grid .article-mini:nth-of-type(3) .article-copy,
	.signup-grid .article-mini:nth-of-type(6) .article-copy,
	.signup-grid .article-mini:nth-of-type(11) .article-copy {
		float: none;
		width: 100%;
		margin-left: 0;
	}

	.signup-grid .article-mini:nth-of-type(3) h2,
	.signup-grid .article-mini:nth-of-type(6) h2,
	.signup-grid .article-mini:nth-of-type(11) h2 {
		font-size: 1.278em;
	}

	.signup-grid .article-mini:nth-of-type(3) .article-author,
	.signup-grid .article-mini:nth-of-type(11) .article-author {
		margin-top: 25px;
	}

	.signup-grid .article-mini:nth-of-type(3) .article-author a,
	.signup-grid .article-mini:nth-of-type(11) .article-author a {
		display: inline;
	}

	.signup-grid .article-mini:nth-of-type(3) .article-author img,
	.signup-grid .article-mini:nth-of-type(6) .article-author img,
	.signup-grid .article-mini:nth-of-type(11) .article-author img {
		display: none;
	}

	.article-grid .article-mini:nth-of-type(3),
	.article-grid .article-mini:nth-of-type(4),
	.article-grid .article-mini:nth-of-type(6),
	.article-grid .article-mini:nth-of-type(8),
	.article-grid .article-mini:nth-of-type(9),
	.article-grid .article-mini:nth-of-type(12),
	.article-grid .article-mini:nth-of-type(16) {
		width: 91.78743961352657%;
		margin: 20px 0 60px 0;
	}

	.article-grid .article-mini:nth-of-type(3) .article-image,
	.article-grid .article-mini:nth-of-type(4) .article-image,
	.article-grid .article-mini:nth-of-type(6) .article-image,
	.article-grid .article-mini:nth-of-type(8) .article-image,
	.article-grid .article-mini:nth-of-type(9) .article-image,
	.article-grid .article-mini:nth-of-type(12) .article-image,
	.article-grid .article-mini:nth-of-type(16) .article-image {
		float: none;
		width: 100%;
	}

	.article-grid .article-mini:nth-of-type(3) .article-copy,
	.article-grid .article-mini:nth-of-type(4) .article-copy,
	.article-grid .article-mini:nth-of-type(6) .article-copy,
	.article-grid .article-mini:nth-of-type(8) .article-copy,
	.article-grid .article-mini:nth-of-type(9) .article-copy,
	.article-grid .article-mini:nth-of-type(12) .article-copy,
	.article-grid .article-mini:nth-of-type(16) .article-copy {
		float: none;
		width: 100%;
		margin-left: 0;
	}

	.article-grid .article-mini:nth-of-type(3) h2,
	.article-grid .article-mini:nth-of-type(4) h2,
	.article-grid .article-mini:nth-of-type(6) h2,
	.article-grid .article-mini:nth-of-type(8) h2,
	.article-grid .article-mini:nth-of-type(9) h2,
	.article-grid .article-mini:nth-of-type(12) h2,
	.article-grid .article-mini:nth-of-type(16) h2 {
		font-size: 1.278em;
	}

	.article-grid .article-mini:nth-of-type(3) .article-author img,
	.article-grid .article-mini:nth-of-type(4) .article-author img,
	.article-grid .article-mini:nth-of-type(6) .article-author img,
	.article-grid .article-mini:nth-of-type(8) .article-author img,
	.article-grid .article-mini:nth-of-type(9) .article-author img,
	.article-grid .article-mini:nth-of-type(12) .article-author img,
	.article-grid .article-mini:nth-of-type(16) .article-author img {
		display: none;
	}

	/* Pagination */
	.pagination ul.page-numbers li a,
	.pagination ul.page-numbers li span {
		min-width: 0;
	}

	/* Article */
	.article-title {
		padding-top: 40px;
		background-position: center bottom 55px;
		text-align: center;
	}

	.article-title .article-heading {
		display: block;
	}

	.article-title .article-image {
		width: 100%;
		margin: 30px 0 0 0;
	}

	.article-title .article-copy,
	.tool-title .article-copy {
		width: 100%;
		margin: 0;
	}

	.article-title h1,
	.tool-title h1 {
		min-height: 0;
		margin-bottom: 20px;
	}

	.article-title .article-author,
	.tool-title .article-author {
		position: relative;
		display: block;
		margin-top: 30px;
	}

	.article .article-title .article-author img,
	.article .article-title .article-author-images,
	.article .tool-title .article-author img,
	.article .tool-title .article-author-images {
		display: none;
	}

	.article-title .article-author p,
	.tool-title .article-author p {
		margin-bottom: 0;
	}

	.article-title .article-author a,
	.tool-title .article-author a {
		display: inline;
	}

	.article-title .article-author br,
	.tool-title .article-author br {
		display: none;
	}

	.article-title .article-meta,
	.tool-title .article-meta {
		font-size: 0.778em;
	}

	.article-title .article-meta+h1,
	.tool-title .article-meta+h1 {
		margin-top: 10px;
	}

	.article-title .article-author-core,
	.tool-title .article-author-core {
		margin-right: 0;
	}

	.article .container {
		flex-wrap: wrap;
	}

	.article-toc {
		display: none;
	}

	.article-content #ez-toc-container {
		display: block;
	}

	.article-content {
		width: 100%;
		margin: 0;
	}

	.article-container .sharebuttons {
		display: none;
	}

	.content blockquote,
	.article-content blockquote {
		font-size: 1.667em;
		padding: 0;
		margin: 40px 0;
	}

	.content blockquote p,
	.article-content blockquote p {
		display: inline;
	}

	.content blockquote:before,
	.article-content blockquote:before {
		font-size: 1em;
		line-height: 1.5;
		position: relative;
		left: auto;
		margin-right: 4px
	}

	.content blockquote:after,
	.article-content blockquote:after {
		font-size: 1em;
		line-height: 1.5;
		position: relative;
		right: auto;
	}

	.article-content .bctt-click-to-tweet {
		font-size: 1.667em;
		padding: 0;
		margin: 40px 0;
	}

	.article-content .bctt-ctt-text {
		display: inline;
	}

	.article-content .bctt-ctt-btn {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.article-content .bctt-ctt-text:before {
		font-size: 1em;
		line-height: 1.5;
		position: relative;
		left: auto;
		margin-right: 4px
	}

	.article-content .bctt-ctt-text:after {
		font-size: 1em;
		line-height: 1.5;
		position: relative;
		left: auto;
		margin-right: 4px
	}

	.article-signup h2 {
		margin-bottom: 20px;
	}

	.article-signup form input[type=email] {
		width: 100%;
	}

	.article-signup form input[type=submit] {
		width: 100%;
		margin-left: 0;
	}

	.article .article-author {
		text-align: center;
	}

	.article .article-author img {
		width: 100px;
		margin: 0 0 20px 0;
	}

	.article-author .author-description {
		display: block;
		width: 100%;
	}

	.article-author .author-description h3 {
		margin-bottom: 20px;
	}

	.article-bio {
		text-align: center;
	}

	.article-bio img {
		display: block;
		width: 100px;
		margin: 0 auto;
		margin-bottom: 15px;
	}

	.article-bio .author-description {
		display: block;
		width: 100%;
		text-align: left;
	}

	.article-bio .author-description h3 {
		text-align: center;
		margin-bottom: 30px;
	}

	.article-content .adblock {
		height: auto;
		flex-wrap: wrap;
	}

	.article-content .adblock blockquote {
		width: calc(100% - 280px);
		padding-right: 20px;
		font-size: 1em;
	}

	.article-content .adblock blockquote svg.curve__right {
		display: none;
	}

	.article-content .adblock__link {
		flex: 0 0 100%;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.article-content .adblock__link .button {
		padding: 14px 18px;
	}

	.article-content .adblock__link img {
		margin: 0;
	}

	/* Search (Listing) */
	.search {
		padding: 5% 0 10% 0;
		background-size: 100%;
	}

	.search input[type="search"] {
		width: calc(100% - 34px);
		font-size: 24px;
	}

	.search input[type="image"] {
		width: 24px;
		margin: 0 10px 0 0;
	}

	.search-list h1 {
		margin-top: 30px;
		margin-bottom: 60px
	}

	.search-list article .article-image {
		width: 100%;
		margin-bottom: 20px
	}

	.search-list article .article-copy {
		width: 100%;
	}

	.search-list article .article-author {
		margin-top: 30px;
	}

	/* Recommended */
	.recommended .container {
		width: 92.27053140096618%;
	}

	.recommended article {
		width: 100%;
		margin: 20px 0;
	}

	/* Footer */
	#footer .cta {
		padding: 30px 0 0 0;
		text-align: center;
	}

	#footer .cta img {
		float: none;
		margin-top: 0;
		margin-bottom: 50px;
	}

	#footer .cta .copy-container {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	#footer .cta .button {
		margin-top: 50px;
	}

	#footer .supergraphic {
		position: relative;
		float: left;
		top: 0;
		margin-top: -30px;
		height: 295px;
		background-size: 760px;
	}

	#footer .customers {
		padding-top: 50px
	}

	#footer .customers .container {
		width: 96.1352657004831%;
	}

	#footer .customers ul {
		margin-bottom: 15px;
	}

	#footer .customers li {
		width: 28.894472361809044%;
		margin: 2.0100502512562812%;
	}

	#footer .customers li:nth-of-type(10),
	footer .customers li:nth-of-type(11),
	footer .customers li:nth-of-type(12) {
		display: none;
	}

}

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

	/* Flexible Content */
	.content__stats--2col .content__stats,
	.content__stats--4col .content__stats {
		grid-template-columns: repeat(1, 1fr);
	}

	.content__stats--2col .content__stats .h-statistic,
	.content__stats--4col .content__stats .h-statistic {
		flex-direction: row;
		align-items: center;
		gap: 1em;
	}

	.content__stats--2col .content__stats .p-property,
	.content__stats--4col .content__stats .p-property {
		flex: 1;
		max-width: 400px;
	}

	.content__stats--2col .content__stats--boxed .h-statistic,
	.content__stats--4col .content__stats--boxed .h-statistic {
		padding: 32px 24px;
		text-align: left;
	}

	/* Free Trial Callouts */
	.freetrial {
		flex-direction: row;
	}

	.freetrial__image {
		display: none;
	}

	.freetrial__text {
		width: 100%;
		padding: 25px;
		max-width: 420px;
	}

	.freetrial p {
		max-width: 100%;
	}

	.freetrial--alt .freetrial__text {
		width: 100%;
	}

	/* Signup Popup */
	.popup {
		bottom: 0;
		right: 0;
		width: 100%;
		padding: 60px 24px 24px 24px;
		box-shadow: 0 -8px 10px rgba(12, 0, 51, 0.06);
		border-radius: 0;
	}

	.popup__text {
		padding-right: 0;
		background: none;
	}

	.popup__form {
		flex-wrap: wrap;
	}

	.popup__form input[type="email"] {
		width: 100%;
	}

	.popup__form input[type="submit"] {
		width: 100%;
		margin: 12px 0 0 0;
	}

}

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

	/* Mobile Menu */
	#header nav#mobile .mobile-nav>li {
		width: 100%;
	}

	#header nav#mobile .mobile-nav li a {
		font-size: 1.2em;
	}

	#header nav#mobile .button-nav li {
		width: 100%;
	}

	#header nav#mobile .button-nav li+li {
		margin-top: 16px;
	}

	/* Tool Titles */
	.tool-content-cta {
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	/* Flexible Content */
	.content--links nav a {
		width: calc(50% - 0.75em)
	}

	.content__stats--1col .content__stats .h-statistic,
	.content__stats--2col .content__stats .h-statistic,
	.content__stats--3col .content__stats .h-statistic,
	.content__stats--4col .content__stats .h-statistic {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}

	.content__stats--1col .content__stats--boxed .h-statistic,
	.content__stats--2col .content__stats--boxed .h-statistic,
	.content__stats--3col .content__stats--boxed .h-statistic,
	.content__stats--4col .content__stats--boxed .h-statistic {
		align-items: center;
		text-align: center;
	}

	.graph--desktop {
		display: none !important;
	}

	.graph--mobile {
		display: block !important;
	}

	/* Category CTA */
	.category-cta-banner-text {
		width: 100%;
	}

	.category-cta-banner-text h2 {
		max-width: 100%;
	}

	.category-cta-banner-image {
		width: 100%;
	}

	/* Pinned Posts */
	.pinned__article {
		img {
			width: 33%;
		}

		h3 {
			font-size: 1em;
		}
	}

	/* Article Content */
	.article-content .adblock__image {
		flex: 0 0 100%;
		height: 200px;
	}

	.article-content .adblock__image::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
	}

	.article-content .adblock__image img:nth-of-type(1) {
		width: 200px;
		position: relative;
	}

	.article-content .adblock__image img:nth-of-type(2) {
		width: 180px;
	}

	.article-content .adblock blockquote {
		width: 100%;
	}

	.article-content .adblock blockquote svg.curve__bottom {
		display: block;
	}

	.article-content .adblock blockquote footer {
		position: relative;
		bottom: auto;
		margin-top: 30px;
	}

	.article-content .adblock__link img {
		width: 67px;
	}

	.article-content .adblock--bright03 .adblock__image::before {
		background-color: #CFFEB4;
	}

	.article-content .adblock--bright06 .adblock__image::before {
		background-color: #FFD194;
	}

	.article-content .adblock--bright09 .adblock__image::before {
		background-color: #FFBBC0;
	}

	.article-content .adblock--bright11 .adblock__image::before {
		background-color: #FF8FD6;
	}

	.article-content .adblock--bright17 .adblock__image::before {
		background-color: #A3BCFF;
	}

	.article-content .adblock--bright29 .adblock__image::before {
		background-color: #C3C6DA;
	}

}

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

	#header .logo {
		width: 140px;
	}

	#header .logo-text-scroll {
		width: 100px;
	}

	#header .logo-text-scroll strong {
		border-right: none;
		padding-right: 0;
		margin-right: 0;
	}

	#header .logo-text-scroll .tagline {
		display: none;
	}

}