@import url('https://fonts.googleapis.com/css?family=Lato%3Aregular%2Citalic%2C700%7CRaleway%3Aregular%2Citalic%2C600&subset=latin%2Clatin-ext&display=swap'); 

progress,
sub,
sup {
	vertical-align: baseline
}

.top-bar,
sub,
sup {
	position: relative
}

.subheader,
.top-bar {
	z-index: 999;
	background: #fff
}

.main-footer .logo-container,
embed,
iframe,
legend,
object,
svg,
table,
video {
	max-width: 100%
}

button,
hr,
input {
	overflow: visible
}

.main-footer .title,
.menu-cta>a,
label,
table th {
	font-weight: 600
}

*,
legend {
	box-sizing: border-box
}

#breadcrumbs li,
ol li,
ul li {
	list-style: none
}

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

.main-footer .menu,
aside .widget ul ul,
body {
	margin: 0
}

#js-subheader-menu-opener svg,
#js-subheader-search-opener svg,
body.subheader-menu #js-subheader-menu-opener .close,
body.subheader-opened #js-overlay-mask,
body.subheader-opened .subheader,
body.subheader-search #js-subheader-search-opener .close,
details,
main {
	display: block
}

h1 {
	font-size: 2em
}

hr {
	box-sizing: content-box;
	height: 0
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

.as-a,
.hero #breadcrumbs a,
a,
ins,
mark {
	text-decoration: none
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

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
}

legend {
	color: inherit;
	display: table;
	padding: 0;
	white-space: normal
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0
}

[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
}

#breadcrumbs li.breadcrumb_last,
#breadcrumbs li:first-child,
#breadcrumbs li:last-child,
#breadcrumbs li:nth-child(2):before,
#js-subheader-menu-opener .close,
#js-subheader-search-opener .close,
.has-primary-menu .top-bar .js-search form,
.has-primary-menu .top-bar .js-search input[type=submit],
.hide,
.top-bar .js-search form,
.top-bar .js-search input[type=submit],
[hidden],
body.subheader-menu #js-subheader-menu-opener .open,
body.subheader-search #js-subheader-search-opener .open,
template {
	display: none
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em
}

.aligncenter,
.main-footer .logo-container {
	float: none;
	text-align: center;
	display: block
}

.aligncenter {
	clear: both;
	margin-left: auto;
	margin-right: auto
}

#js-overlay-mask,
.subheader {
	display: none;
	left: 0;
	right: 0
}

.main-footer {
	clear: both;
	width: 100%;
	margin-top: 1em;
	padding: 3em 1em;
	color: #bbb;
	background: #252525;
	border-top: .1em solid #252525
}

#breadcrumbs a,
.subheader {
	color: #333
}

.main-footer a {
	color: #bbb
}

.main-footer .menu a {
	display: block;
	line-height: 1.5;
	margin: 10px auto;
	padding: 0;
	font-size: .9em
}

.main-footer .logo-container {
	width: 100%;
	margin: 0 auto;
	font-size: 1.5em
}

.main-footer .logo-container a {
	margin: 0 auto
}

.main-footer .title {
	border-bottom: 3px solid #bbb;
	margin-top: 10px;
	margin-bottom: 5px;
	width: 100%;
	display: inline-block
}

.main-footer .grid>* {
	padding: 0 1%;
	text-align: left
}

.main-footer .copyright,
.top-bar {
	text-align: center
}

.main-footer .copyright a {
	display: block;
	clear: both;
	white-space: pre;
	margin: 10px 0
}

.top-bar {
	height: 3.6em;
	width: 100%;
	clear: both;
	border-top: .1em solid #5da437
}

.top-bar .section {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding-top: 0;
	padding-bottom: 0;
	height: 100%
}

.full-height-logo .top-bar,
img {
	height: auto
}

.top-bar .logo-container {
	flex: 1 1;
	font-size: 1.5em;
	padding: .5em
}

.top-bar .js-search {
	width: 100%;
	max-width: 440px
}

.top-bar .js-search input[type=search] {
	margin-top: 0;
	padding: .49em .5em;
	border-radius: .15em;
	border: 1px solid #eee
}

.top-bar .js-search input[type=search]:focus,
.top-bar .js-search input[type=search]:hover {
	box-shadow: 0 0 .11rem .06rem #5da437;
	background: #fff
}

#js-subheader-menu-opener {
	flex: 0 0 28px
}

#js-subheader-menu-opener,
#js-subheader-search-opener {
	width: 28px;
	cursor: pointer;
	display: block;
	background: 0 0;
	box-shadow: none;
	padding: 0;
	margin: 0
}

.has-primary-menu .top-bar .js-search {
	width: auto;
	max-width: 100%
}

header.has-search:not(.has-primary-menu):not(.has-secondary-menu) .top-bar .logo-container {
	margin-left: 1%;
	justify-content: left;
	text-align: left;
	align-items: center
}

.subheader {
	position: absolute;
	box-shadow: 0 15px 15px rgba(40, 50, 65, .13), 0 5px 5px rgba(40, 50, 65, .02);
	border-radius: 0 0 5px 5px;
	border-top: 1px dashed #eee;
	text-align: left
}

.ad,
.ad-label,
.grid>*,
.menu-cta>a,
h1,
input[type=checkbox]:checked:after {
	text-align: center
}

.subheader .search-form {
	margin: .6em 0 1em
}

.subheader .search-form input[type=search]:-ms-input-placeholder {
	text-align: center
}

.subheader .search-form input[type=search]::placeholder {
	text-align: center
}

#js-overlay-mask {
	position: fixed;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .36);
	z-index: 101
}

@media screen and (min-width:667px) {
	.main-footer .copyright a {
		display: inline-block;
		margin: 0 0 0 5px
	}

	.main-footer .copyright a:before {
		content: "\00b7";
		margin-right: 5px
	}

	.main-footer .copyright a:first-child:before {
		content: none
	}

	.top-bar .logo-container {
		margin-left: 1%;
		align-items: center
	}

	.top-bar .js-search {
		display: flex;
		align-items: center;
		align-content: center
	}

	.top-bar .js-search form {
		display: block;
		flex: 1 1;
		margin-right: 1%
	}

	#js-subheader-search-opener {
		display: block;
		vertical-align: middle
	}

	.has-search .logo-container {
		justify-content: left;
		text-align: left
	}

	header:not(.has-primary-menu) .subheader .search-form {
		display: none
	}
}

.menu-cta>a {
	padding: .76em 1em;
	border-radius: .15em;
	box-shadow: inset 0 -.6em 0 -.35em rgba(0, 0, 0, .17)
}

table {
	width: 100%;
	margin: 0 0 1.5em;
	overflow: hidden;
	empty-cells: show;
	border: .1rem solid #bbb;
	border-collapse: collapse;
	border-spacing: 0
}

table * {
	border-color: #bbb
}

table th {
	text-align: left
}

table td,
table th {
	border: .1rem solid #eee;
	line-height: 1.4;
	margin: 0;
	overflow: visible;
	padding: 1em 1.3em
}

table td p,
table th p {
	margin: .3em 0
}

.widget .search-form .search-field,
table td p:first-child,
table th p:first-child {
	margin-top: 0
}

aside .widget>:last-child,
table td p:last-child,
table th p:last-child {
	margin-bottom: 0
}

table :not(.has-background) th {
	background-color: #f8f8f8
}

input,
select,
table :not(.has-background) td,
textarea {
	background-color: #fff
}

table :not(.has-background) tr:nth-child(2n) td {
	background-color: #fafbfb
}

.btn,
button,
input,
select,
textarea {
	width: 100%;
	margin-top: .4em
}

textarea {
	overflow: auto;
	-webkit-appearance: none;
	appearance: none;
	min-height: 100px
}

input[type=button],
input[type=checkbox],
input[type=color],
input[type=file],
input[type=radio],
input[type=range],
input[type=reset],
input[type=submit] {
	border: inherit;
	background-color: inherit;
	box-shadow: none;
	color: inherit;
	font-size: inherit;
	outline: inherit;
	padding: inherit
}

input[type=checkbox],
input[type=color],
input[type=radio] {
	width: auto
}

input,
select,
textarea {
	border-radius: .15em;
	border: 1px solid #bbb;
	box-shadow: none;
	color: #444;
	display: block;
	font-size: inherit;
	outline: 0;
	padding: .7em .5em
}

input:focus,
input:hover,
select:focus,
select:hover,
textarea:focus,
textarea:hover {
	transition: .2s ease-in-out
}

input:focus,
select:focus,
textarea:focus {
	border-color: #5da437
}

label {
	display: inline-block;
	width: 100%
}

fieldset {
	padding: 1em .75em .625em;
	border: none;
	margin-bottom: 1em
}

input[type=search] {
	box-sizing: border-box !important;
	-webkit-appearance: none;
	appearance: none
}

input[type=checkbox],
input[type=radio] {
	display: inline-block;
	position: relative;
	height: 1em;
	width: 1em;
	min-height: auto;
	padding: 0;
	margin: 0 .3em -.1em 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid #bbb;
	outline: 0
}

input[type=checkbox]:checked {
	border: none;
	background: #5da437
}

input[type=checkbox]:checked:after {
	content: "\2713";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	color: #fff;
	font-weight: 600
}

input[type=radio] {
	border-radius: 1em
}

input[type=radio]:checked:after {
	content: "";
	position: absolute;
	left: 20%;
	top: 20%;
	height: 60%;
	width: 60%;
	background: #5da437;
	border-radius: 50%
}

input:not([type=range]):not([type=color]) {
	-webkit-appearance: none;
	appearance: none
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	border: none;
	font: inherit
}

.btn,
button,
input[type=button],
input[type=reset],
input[type=submit] {
	position: relative;
	-webkit-appearance: none;
	appearance: none;
	background: #5da437;
	border-radius: .15em;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: 600;
	height: auto;
	line-height: 1;
	outline: 0;
	padding: .76em .5em;
	text-align: center;
	text-decoration: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	box-shadow: inset 0 -.6em 0 -.35em rgba(0, 0, 0, .17)
}

body,
main {
	background: #eee
}

.btn:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
	box-shadow: inset 0 0 100px 100px hsla(0, 0%, 100%, .1), inset 0 -.6em 0 -.35em rgba(0, 0, 0, .17)
}

.btn:active,
button:active,
input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active {
	top: .1em
}

.btn.disabled,
.btn:disabled,
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled {
	cursor: default;
	background-color: #bbb !important;
	border-color: #bbb !important;
	color: #666 !important;
	opacity: .2 !important
}

body.search-input-focus-disabled input[type=search]:focus {
	border-color: inherit !important
}

.grid {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start
}

.grid.spread {
	margin-left: -.5%;
	margin-right: -.5%
}

.grid.spread>* {
	margin-left: .5%;
	margin-right: .5%
}

.grid-columns-2>* {
	flex: 1 0 50%;
	max-width: 50%
}

.grid-columns-3>* {
	flex: 1 0 33.33%;
	max-width: 33.33%
}

.grid-columns-4>* {
	flex: 1 0 25%;
	max-width: 25%
}

.spread.grid-columns-2>* {
	max-width: 49%
}

.spread.grid-columns-3>* {
	max-width: 32.33%
}

.spread.grid-columns-4>* {
	max-width: 24%
}

@media only screen and (max-width:1070px) {
	.grid-columns-4>* {
		flex: 1 0 33.33%;
		max-width: 33.33%
	}

	.spread.grid-columns-4>* {
		max-width: 32.33%
	}
}

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

	.grid-columns-3>*,
	.grid-columns-4>* {
		flex: 1 0 50%;
		max-width: 50%
	}

	.spread.grid-columns-3>*,
	.spread.grid-columns-4>* {
		max-width: 49%
	}
}

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

	.grid,
	.grid>* {
		display: block
	}

	.grid.spread>*,
	.grid>* {
		max-width: 100%
	}

	.grid.spread,
	.grid.spread>* {
		margin-left: 0;
		margin-right: 0
	}

	.grid>* {
		width: 100%;
		flex: none
	}
}

.logo-container {
	display: flex;
	width: 75%;
	height: 100%;
	justify-content: center;
	overflow: hidden;
	line-height: .8;
	word-break: break-word
}

.logo-container a {
	display: flex;
	height: 100%;
	align-items: center
}

#breadcrumbs li,
.hero #breadcrumbs li:first-child,
.logo-container img {
	display: inline-block
}

.logo-container img {
	width: auto;
	max-height: 100%;
	margin: auto auto auto 0;
	border-radius: 0
}

.widget {
	margin: 1em 0
}

.ad {
	margin: 1.5em 0
}

.ad-label {
	margin: .7em auto -2.4em;
	font-size: .7em;
	opacity: .8
}

img {
	border-radius: .15em;
	max-width: 100%
}

svg.main-color * {
	fill: #5da437
}

.wp-block-image>figure,
.wp-caption {
	max-width: 100%;
	margin-bottom: 1.5em
}

.wp-block-image>figure .wp-caption-text,
.wp-block-image>figure figcaption,
.wp-caption .wp-caption-text,
.wp-caption figcaption {
	width: 100%;
	margin: 0 auto;
	padding: 5px;
	text-align: left;
	font-size: 90%;
	color: #666
}

#breadcrumbs {
	font-weight: 400;
	opacity: .8;
	font-size: 83%;
	padding: 0;
	margin: 0 auto
}

#breadcrumbs li {
	padding: 0;
	vertical-align: middle
}

#breadcrumbs li:nth-child(n+2):before {
	content: "»"
}

.hero #breadcrumbs {
	color: #fff;
	width: 100%;
	font-size: .8em
}

.hero #breadcrumbs a {
	color: #fff
}

.heading>#breadcrumbs {
	margin: 1.8em auto -1.5em
}

@media screen and (min-width:540px) {
	.subheader .search-form input[type=search]:-ms-input-placeholder {
		text-align: left
	}

	.subheader .search-form input[type=search]::placeholder {
		text-align: left
	}

	#breadcrumbs li:first-child,
	#breadcrumbs li:nth-child(2):before {
		display: inline-block
	}
}

aside .widget {
	padding: 1em;
	background: #fff;
	border: 1px solid #bbb
}

aside .widget .title {
	text-transform: uppercase;
	font-weight: 600
}

aside .widget ul {
	padding-left: 1em
}

aside .widget ul li {
	list-style: disc;
	padding-bottom: .5em
}

aside .widget ul li:last-child {
	padding-bottom: 0
}

#stop-sticky {
	height: 0;
	opacity: 0
}

@media screen and (min-width:860px) {
	.top-bar .logo-container {
		justify-content: left;
		text-align: left
	}

	.top-bar .right {
		display: flex;
		flex: 2 1;
		align-items: center;
		justify-content: flex-end;
		text-align: right
	}

	.exclusive-primary-menu #js-subheader-menu-opener {
		display: none
	}

	body.has-sidebar main>.main-section {
		display: flex;
		flex-direction: row
	}

	body.has-sidebar main>.main-section article {
		flex: 1 1;
		order: 1
	}

	body.has-sidebar main>.main-section aside {
		width: 30%;
		flex-basis: 30%;
		order: 2
	}

	body.has-sidebar main>.main-section aside .widget {
		margin-left: 2em
	}

	body.has-sidebar.sidebar-left main>.main-section article {
		order: 2
	}

	body.has-sidebar.sidebar-left main>.main-section aside {
		order: 1
	}

	body.has-sidebar.sidebar-left main>.main-section aside .widget {
		margin-left: 0;
		margin-right: 2em
	}
}

.main-section .content>[class*=wp-block-]:not(:last-child) {
	margin-bottom: 20px
}

body,
html {
	height: 100%;
	width: 100%
}

body {
	color: #444;
	font: 17px/1.7 Helvetica Neue, helvetica, sans-serif
}

.as-a,
a,
h1 {
	color: #5da437
}

.bold,
b,
ins,
mark,
strong {
	font-weight: 600
}

body:after {
	content: "";
	display: table;
	clear: both
}

link,
style {
	display: none !important
}

ol,
ul {
	padding: 0
}

ins,
mark {
	background: 0 0
}

.as-h2,
.as-h3,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	line-height: 1.2;
	clear: both
}

.as-h2,
.as-h3,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0 0 20px
}

.as-h2,
.as-h3 {
	display: block;
	width: 100%
}

h1 {
	margin: 1em 0 .8em;
	font-weight: 600
}

.as-a,
a {
	outline: 0;
	cursor: pointer
}

.as-a:hover,
a:hover {
	opacity: .95
}

.as-a:focus,
a:focus {
	outline: 0
}

main {
	min-height: 24em
}

.section {
	padding: 1em;
	margin: 0 auto;
	width: 100%;
	max-width: 69rem
}

.section:after {
	content: "";
	display: block;
	clear: both
}




article h1.has-background,
article h2.has-background,
article h3.has-background,
article h4.has-background,
article h5.has-background,
article h6.has-background {
	padding: .6em .85em
}

article .as-h2,
article h2 {
	/*background: #666;
	padding: .6em .85em;*/
	color: #fff;
	font-weight: 600;
	/*text-align: center*/
}

article .as-h3,
article h3 {
	border-bottom: 1px solid #666;
	padding-bottom: 5px
}

article h3.has-background {
	border-bottom: none !important;
	padding-bottom: 0 !important
}

article .is-style-underline {
	border-bottom: 1px solid hsla(0, 0%, 40%, .47);
	margin-bottom: 1em;
	padding-bottom: .3em;
	color: #666;
	background: 0 0;
	text-align: center;
	font-weight: 600
}

article li,
article p {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}

article ul li {
	list-style: disc
}

article ol li {
	list-style: decimal
}

article ol,
article ul {
	margin: 0 0 20px 15px;
	padding-left: 1em
}

article ol li,
article ul li {
	padding-bottom: .5em
}

article ol li:last-child,
article ul li:last-child {
	padding-bottom: 0
}

article pre {
	margin: 0 0 20px
}

article header {
	/*text-align: center*/
}

article .cluster {
	margin-bottom: 1em
}

body.h3-underline-disabled .as-h3,
body.h3-underline-disabled h3 {
	border-bottom: none;
	padding-bottom: 0
}

body.h2-background-disabled .as-h2,
body.h2-background-disabled h2 {
	text-align: left;
	background: 0 0
}

body.h2-background-disabled .as-h2:not(.has-background),
body.h2-background-disabled h2:not(.has-background) {
	padding: 0
}

body .content>:last-child {
	margin-bottom: 0
}

article .content .thumbnail+*,
body .content>:first-child,
body .content>link:first-child+* {
	margin-top: 0
}

body.white-background main article>.content {
	padding: 1.5em;
	background: #fff
}

article .content .thumbnail {
	text-align: center;
	margin: 0 -1em 20px 0;
	max-width: 100%
}

body.white-background article .content {
	margin-left: -1em;
	margin-right: -1em
}

body.white-background article .content .thumbnail {
	margin: -1.5em -1.5em 20px
}

.bottom-author-box .author-box {
	margin: 0;
	padding: 1em;
	border: 1px solid #bbb;
	text-align: center
}

.related-posts {
	margin-top: 10px
}

.related-posts>.as-h2 {
	padding: .6em .85em;
	color: #fff;
	background: #333;
	font-weight: 600;
	text-align: center
}

@media screen and (min-width:540px) {
	body.white-background article .content {
		margin-left: auto;
		margin-right: auto
	}

	article .content .thumbnail {
		margin: 0 auto 20px
	}
}



.top-menu {
	display: none;
	font-size: .85em
}

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

	.has-primary-menu .subheader .search-form,
	.top-menu {
		display: block
	}

	.top-menu {
		flex: 1 1;
		margin-right: 1%
	}

	.top-menu a:after {
		border-color: #5da437
	}

	.top-menu li ul {
		position: absolute;
		margin: 0;
		padding: 0;
		min-width: 160px;
		z-index: 1000;
		visibility: hidden;
		opacity: 0;
		background-color: #fff;
		text-align: center;
		box-shadow: 0 14px 13px -5px rgba(0, 0, 0, .44);
		border-radius: 5px
	}

	.top-menu li ul>li {
		display: flex;
		flex-direction: column;
		padding: 0;
		margin: 0 !important;
		width: 100%;
		white-space: nowrap
	}

	.top-menu li ul>li a {
		width: 100%;
		padding: .5em .9em
	}

	.top-menu li ul>li:after {
		content: "";
		display: block;
		width: 70%;
		height: 1px;
		margin: 0 auto;
		opacity: .2;
		background-color: #fff;
		background-image: linear-gradient(90deg, #fff 2%, #fff 50%, #fff 98%)
	}

	.top-menu li ul>li:last-of-type:after {
		content: none
	}

	.top-menu li ul>li.menu-item-has-children>a {
		padding: .5em 1.8em
	}

	.top-menu li ul>li.menu-item-has-children>a:after {
		content: "";
		position: absolute;
		left: .9em;
		top: .3em;
		bottom: 0;
		margin: auto;
		height: 2px;
		width: 2px;
		padding: 1px;
		border: solid;
		border-width: 0 2px 2px 0;
		transform: translateY(-50%) rotate(134deg)
	}

	.top-menu li ul .menu-cta {
		padding-left: 5px;
		padding-right: 5px
	}

	.top-menu li:hover>a {
		opacity: .7
	}

	.top-menu li:hover>ul {
		opacity: 1;
		visibility: visible
	}

	.top-menu .menu>li {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		margin-right: 2.5%;
		font-size: .9rem
	}

	.top-menu .menu>li.menu-item-has-children>a:after {
		content: "";
		display: inline-block;
		padding: 2px;
		border: solid;
		border-width: 0 2px 2px 0;
		transform: translateY(-50%) rotate(45deg);
		margin-left: .5em
	}

	.top-menu .menu>li>ul {
		left: 50%;
		transform: translateX(-50%);
		padding-top: 1.1em
	}

	.top-menu .menu>li>ul li {
		position: relative
	}

	.top-menu .menu>li>ul li>ul {
		right: 100%;
		top: 0;
		box-shadow: 0 0 7px 0 rgba(0, 0, 0, .3)
	}

	.top-menu .menu>li:last-child>ul {
		left: auto;
		right: 0;
		transform: none
	}

	.subheader nav~nav:last-of-type {
		padding: 0;
		margin-top: 0;
		background: 0 0 !important
	}

	.subheader .primary-menu {
		display: none
	}
}





#header {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	z-index: 102;
	box-shadow: 0 2px 1px rgba(0, 0, 0, .03)
}

body.admin-bar #header {
	top: 32px
}

@media screen and (min-width:860px) {
	body .table-of-contents {
		top: 72px
	}

	body.admin-bar .table-of-contents {
		top: 104px
	}
}

@media screen and (max-width:782px) {
	body.admin-bar #header {
		top: 0
	}
}

@media screen and (max-width:540px) {
	.subheader {
		height: 89vh;
		overflow: scroll
	}
}



body {
	font-family: Lato;
}

h1,
h2,
h3,
h4,
h5,
h6,
.as-h2,
.as-h3 {
	font-family: Raleway;
}

aside .widget .title {
	font-family: Raleway;
}




.btn,
button,
input[type=submit],
input[type=button],
input[type=reset],
input[type=checkbox]:checked,
input[type=radio]:checked:after {
	background: #f92d67
}

input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]):focus,
select:focus,
textarea:focus {
	border-color: #f92d67
}

svg.main-color * {
	fill: #f92d67
}

.hero:after {
	background: -o-radial-gradient(center, ellipse, #f92d67 18%, #000000d1 100%);
	background: radial-gradient(ellipse at center, #f92d67 18%, #000000d1 100%)
}

.section {
	max-width: 69rem
}

.as-a,
a {
	color: #f92d67
}

h1 {
	color: #000;
	font-size: 1.7em
}

article h2,
article .as-h2 {
	/*background: #000;*/
	color: #fff
}

article h3,
article .as-h3 {
	color: #000
}

h2,
.as-h2 {
	font-size: 1.6em
}

h3,
.as-h3 {
	font-weight: 600;
	font-size: 1.44em
}

h4 {
	font-weight: 600;
	font-size: 1.32em
}

h5 {
	font-size: .83em
}

h6 {
	font-size: .67em
}

.top-bar {
	color: #fff;
	border-color: #f92d67;
	background: #000
}

.top-bar svg.main-color * {
	fill: #fff
}

.subheader {
	color: #333;
	background: #fff
}

body,
main {
	color: #444;
	background: #fff
}

.top-bar a {
	color: #fff
}

.top-bar .menu-cta>a {
	color: #000;
	background: #fff
}

.top-menu a:after {
	border-color: #fff
}

.top-menu>ul>li ul {
	background: #000
}

.top-menu>ul>li>ul li:after {
	background-color: #fff;
	background-image: linear-gradient(to right, #000 2%, #fff 50%, #000 98%)
}

#breadcrumbs {
	color: #333
}

#breadcrumbs a {
	color: #333
}

.cc-window {
	background-color: #f92d67
}

.cc-message,
.cc-message .as-a {
	color: #fff
}

.cc-btn {
	color: #f92d67;
	background-color: #fff
}

.cc-btn.cc-deny {
	color: #444
}


.post-item {
	margin-bottom: 40px;
}


.page-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 32px;
	padding-bottom: 52px
}

.page-nav a.page-numbers,
.page-nav span.page-numbers {
	position: relative;
	display: inline-block;
	vertical-align: top;
	border: 2px solid #b9b8b8;
	color: #000;
	font-size: 16px;
	line-height: 29px;
	padding: 0 5px;
	margin: 5px 5px;
	min-width: 33px;
	text-align: center;
	text-decoration: none
}

.page-nav a.page-numbers:hover {
	background: #e4a547;
	border-color: #e4a547;
	color: #000;
	font-weight: 700;
	text-decoration: none
}

.page-nav span.current {
	background: #e4a547;
	border-color: #e4a547;
	color: #000;
	font-weight: 700
}

.page-nav span.dotts {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	vertical-align: top;
	color: #000;
	font-size: 16px;
	line-height: 16px;
	padding: 0;
	margin: 5px 5px;
	text-align: center;
	text-decoration: none
}