/*
Theme Name: Fulcrum Arts Deploy
Theme URI: http://www.fulcrumarts.org
Introduction: This is a custom theme for Fulcrum Arts, please don't steal.
Author: 3n Design
Author URI: http://www.3n.design
Version: 2.2
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Page Loader
	2. 	Transitions
	3. 	Typography
	4. 	Element Base
	5. 	Site Header
	6.	Menu Modal
	7.	Page Header (new)
	8.	Grid Modal
	9.	List + Filter Modal
	10. Column Model
	11. Single Page Templates
	12. Social Media
	13.	Form Modal
	14. Site Pagination
	15. Site Footer
	16. Circle
	17. Sequencing Logo
	18. Sequencing 
	19. Mobile
	20. Print
  22. Header Animation - Headroom.js
  23: Backgrounds
  24: Spacing
  25. Flexbox

------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
=	0. CSS Reset
----------------------------------------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
	display: block;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
	box-sizing: border-box;
}
*,
*:before,
*:after {
	box-sizing: inherit;
}
.group:after {
	content: '';
	display: table;
	clear: both;
}
input:not(.gfield-choice-input),
textarea,
button {
	border-radius: 0;
	-webkit-appearance: none;
}

img {
	max-width: 100%;
	height: auto;
}

/* -----------------------------------------------------------------------------
=	1. Page Loader
----------------------------------------------------------------------------- */

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.pace-inactive {
	display: none;
}
.pace .pace-progress {
	background: #222;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
}

/* -----------------------------------------------------------------------------
=	2. Transitions
----------------------------------------------------------------------------- */

a,
a img,
button,
input[type='submit'],
.featured__caption {
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}
#site-menu {
	-webkit-transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.circle-container,
.sequencing-bg {
	opacity: 0;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
}
#page-header,
#page-header-seq #sub-header,
#seq-tax,
main,
nav,
footer .inner {
	opacity: 0;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#seq-tax {
	transition-delay: 100ms;
}
main,
nav,
footer .inner {
	transition-delay: 200ms;
}
footer {
	opacity: 0;
	-webkit-transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.pace-done #page-header,
.pace-done #page-header-seq #sub-header,
.pace-done #seq-tax,
.pace-done main,
.pace-done nav,
.pace-done footer .inner {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.pace-done .circle-container,
.pace-done .sequencing-bg,
.pace-done footer {
	opacity: 1;
}
.pace-done.slide-out #page-header,
.pace-done.slide-out #page-header-seq #sub-header,
.pace-done.slide-out #seq-tax,
.pace-done.slide-out main,
.pace-done.slide-out nav,
.pace-done.slide-out footer .inner {
	opacity: 0;
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
}
.pace-done.slide-out .circle-container,
.pace-done.slide-out .sequencing-bg,
.pace-done.slide-out footer {
	opacity: 0;
}
@media all and (min-width: 1024px) {
	#page-header,
	#page-header-seq #sub-header,
	#seq-tax,
	main,
	nav,
	footer .inner {
		-webkit-transform: translateX(-40px);
		transform: translateX(-40px);
	}
	.pace-done.slide-out #page-header,
	.pace-done.slide-out #page-header-seq #sub-header,
	.pace-done.slide-out #seq-tax,
	.pace-done.slide-out main,
	.pace-done.slide-out nav,
	.pace-done.slide-out footer .inner {
		-webkit-transform: translateX(40px);
		transform: translateX(40px);
	}
}
@media all and (min-width: 1280px) {
	#page-header,
	#page-header-seq #sub-header,
	#seq-tax,
	main,
	nav,
	footer .inner {
		-webkit-transform: translateX(-60px);
		transform: translateX(-60px);
	}
	.pace-done.slide-out #page-header,
	.pace-done.slide-out #page-header-seq #sub-header,
	.pace-done.slide-out #seq-tax,
	.pace-done.slide-out main,
	.pace-done.slide-out nav,
	.pace-done.slide-out footer .inner {
		-webkit-transform: translateX(60px);
		transform: translateX(60px);
	}
}
@media all and (min-width: 1440px) {
	#page-header,
	#page-header-seq #sub-header,
	#seq-tax,
	main,
	nav,
	footer .inner {
		-webkit-transform: translateX(-80px);
		transform: translateX(-80px);
	}
	.pace-done.slide-out #page-header,
	.pace-done.slide-out #page-header-seq #sub-header,
	.pace-done.slide-out #seq-tax,
	.pace-done.slide-out main,
	.pace-done.slide-out nav,
	.pace-done.slide-out footer .inner {
		-webkit-transform: translateX(80px);
		transform: translateX(80px);
	}
}

/* -----------------------------------------------------------------------------
=	3. 	Typography
----------------------------------------------------------------------------- */

.page-title,
.entry-title,
.page-intro.large,
.page-intro.medium {
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 300;
	font-style: normal;
}
.page-title i,
.page-title em,
.entry-title i,
.entry-title em,
.page-intro.large i,
.page-intro.large em,
.page-intro.medium i,
.page-intro.medium em {
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 300;
	ont-style: italic;
}
body,
blockquote,
blockquote cite,
.tab-content strong {
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 400;
	font-style: normal;
}
cite,
em,
i,
blockquote em,
blockquote i,
q {
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 400;
	font-style: italic;
}
strong,
dt,
b,
label,
input[type='submit'],
.btn,
.page-title-tab,
.category-in,
.date,
.dnt_by_chk,
.read-more,
.ie-only,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content li:before {
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 500;
	font-style: normal;
}

.single-fa_sequencing strong,
.single-fa_sequencing dt,
.single-fa_sequencing b,
.single-fa_sequencing .entry-content h2,
.single-fa_sequencing .entry-content h3,
.single-fa_sequencing .entry-content h4,
.single-fa_sequencing .entry-content li:before {
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 700;
	font-style: normal;
}

em strong,
strong em {
	font-family: aktiv-grotesk, sans-serif;
	font-weight: 500;
	font-style: italic;
}
.space {
	font-family: 'Space Mono', monospace;
	font-weight: 400;
	font-style: normal;
}
h2.space,
h3.space {
	font-family: 'Space Mono', monospace;
	font-weight: 700;
	font-style: normal;
}
.space cite,
.space em,
.space i,
.space blockquote em,
.space blockquote i,
.space q {
	font-family: 'Space Mono', monospace;
	font-weight: 400;
	font-style: italic;
}
.space strong,
.space dt,
.space b {
	font-family: 'Space Mono', monospace;
	font-weight: 700;
	font-style: normal;
}
.space em strong,
.space strong em {
	font-family: 'Space Mono', monospace;
	font-weight: 700;
	font-style: italic;
}

/* -----------------------------------------------------------------------------
=	4. 	Element Base
----------------------------------------------------------------------------- */

body {
	background: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body:before {
	content: '';
	display: table;
	clear: both;
}
body.menu-active,
body.check-active,
body.lightbox-active {
	/* overflow: hidden; */
}
body,
input,
textarea {
	color: #222;
	font-size: 16px;
	line-height: 1.5em;
}
hr {
	background-color: #222;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 28px;
}
p {
	margin-bottom: 24px;
}
ul {
	margin: 0 0 24px 0;
}
.column ul,
.entry-content ul {
	list-style: none;
	margin-left: 0;
}
.column li,
.entry-content li {
	background-image: url(images/icons/ornage_plus@2x.png);
	background-repeat: no-repeat;
	background-position: 6px 0.6em;
	background-size: 8px 8px;
	padding-left: 20px;
}
ol {
	list-style: decimal-leading-zero;
	margin: 0 0 24px 0;
}
ul ul,
ol ol,
ul ol,
ol ul,
dl ul,
dl ol,
dl p {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dd {
	margin-bottom: 24px;
}
blockquote {
	padding: 0 0 0 3em;
}
a {
	color: #222;
	text-decoration: none;
}
a:visited {
	color: #222;
}
a:active,
a:hover {
	color: #222;
}
.ie-only {
	display: none;
}

/* Layout ------------------------------------------------ */

main {
	position: relative;
}
.paged main {
	padding-top: 60px;
}
.inner {
	margin: 0 auto;
	max-width: 1650px;
	padding: 0 20px;
	position: relative;
}
.flt {
	float: left;
}
.half {
	width: 50%;
}
.margin {
	margin-bottom: 40px;
}
.entry-content.spacer {
	padding-bottom: 60px;
}
.center {
	margin-right: auto;
	margin-left: auto;
}
@media all and (min-width: 768px) {
	.paged main {
		padding-top: 80px;
	}
	.flt__tablet {
		float: left;
	}
	.third {
		width: 33.3333%;
	}
	.two-thirds {
		width: 66.6666%;
	}
	.two-thirds-filter {
		width: 66.6666%;
		padding-left: 20px;
	}
	.l-col {
		padding-right: 20px;
	}
	.c-col {
		padding-right: 20px;
		padding-left: 20px;
	}
	.r-col {
		padding-left: 20px;
	}
	.two-thirds.l-col {
		padding-right: 14px;
	}
}
@media all and (min-width: 1024px) {
	.inner {
		padding: 0 40px;
	}
	.two-thirds-single {
		width: 66.6666%;
	}
	.margin {
		margin-bottom: 60px;
	}
}
@media all and (min-width: 1280px) {
	.inner {
		padding: 0 60px;
	}
	.two-thirds-single {
		width: 66.6666%;
	}
	.margin {
		margin-bottom: 60px;
	}
}
@media all and (min-width: 1440px) {
	.inner {
		padding: 0 80px;
	}
	.margin {
		margin-bottom: 80px;
	}
}

/* Buttons ------------------------------------------------ */
button[disabled] {
	opacity: 0.3;
	pointer-events: none;
}
.btn {
	background-color: transparent;
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-align: center;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition: all 300ms;
	transition: all 300ms;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.btn:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-animation: bgnd 30s infinite;
	animation: bgnd 30s infinite;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.btn:hover:before,
.btn:focus:before,
.btn:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.btn__light {
	background-color: rgba(255, 255, 255, 0.7);
	border: 1px solid #000;
	color: #000;
}
.btn__light:before {
	background-color: #f36e38;
}
.btn__dark {
	background-color: #dadfe1;
	color: #000;
}
.btn__dark:before {
	background-color: #f36e38;
}
.btn.btn__light:hover,
.btn.btn__light:focus,
.btn.btn__light:active {
	color: #000;
}
.btn.btn__dark:hover,
.btn.btn__dark:focus,
.btn.btn__dark:active {
	color: #000;
}
.btn__small {
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	width: calc(50% - 20px);
}
.btn__large {
	height: 60px;
	line-height: 60px;
	width: 100%;
}
#page-header .btn {
	max-width: 300px;
}
html .wp-block-button__link {
	background-color: #f36e38;
	border: 1px solid #f36e38;
	border-radius: 0;
	color: #fff;
	transition: all 300ms ease;
}
html .wp-block-button__link:hover {
	background-color: #fff;
	color: #000;
}

/* Links ------------------------------------------------ */

.underline a,
.entry-content a {
	border-bottom: 1px solid #000;
}
.out-link {
	font-size: 20px;
	line-height: 28px;
	padding: 16px 0 0;
}
.out-link a {
	color: #000;
}
.out-link a:hover {
	color: #f36e38;
}
.menu a,
.l-to-r a,
.l-to-r button {
	vertical-align: baseline;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
}
.menu a:before,
.l-to-r a:before,
.l-to-r button:before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	bottom: 0;
	background: #222;
	height: 100%;
	-webkit-animation: bgnd 30s infinite;
	animation: bgnd 30s infinite;
	-webkit-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.menu a:hover:before,
.menu a:focus:before,
.menu a:active:before,
.l-to-r a:hover:before,
.l-to-r a:focus:before,
.l-to-r a:active:before,
.l-to-r button:hover:before,
.l-to-r button:focus:before,
.l-to-r button:active:before {
	right: 0;
}

/* Animation ------------------------------------------------ */

@-webkit-keyframes bgnd {
	0% {
		background-color: #ff9999;
	} /* ff3333 */
	15% {
		background-color: #ffcc99;
	} /* ff9933 */
	30% {
		background-color: #ffffb2;
	} /* ffff66 */
	45% {
		background-color: #99e599;
	} /* 33cc33 */
	60% {
		background-color: #9999ff;
	} /* 3333ff */
	75% {
		background-color: #b299cc;
	} /* 663399 */
	90% {
		background-color: #cc99ff;
	} /* 9933ff */
	100% {
		background-color: #ff9999;
	} /* ff3333 */
}
@keyframes bgnd {
	0% {
		background-color: #ff9999;
	} /* ff3333 */
	15% {
		background-color: #ffcc99;
	} /* ff9933 */
	30% {
		background-color: #ffffb2;
	} /* ffff66 */
	45% {
		background-color: #99e599;
	} /* 33cc33 */
	60% {
		background-color: #9999ff;
	} /* 3333ff */
	75% {
		background-color: #b299cc;
	} /* 663399 */
	90% {
		background-color: #cc99ff;
	} /* 9933ff */
	100% {
		background-color: #ff9999;
	} /* ff3333 */
}

/* Headers ------------------------------------------------ */

.page-title,
.post-title {
	font-size: 25px;
	font-weight: 300;
	line-height: 1.25em;
	margin-bottom: 5px;
}
.column-title,
.section-title {
	border-bottom: 1px solid #222;
	font-size: 24px;
	line-height: 24px;
	padding-bottom: 20px;
}
.column-title.no-border {
	border-bottom: none;
	padding-bottom: 0;
}
.section-title {
	margin-bottom: 40px;
}
.entry-title {
	font-size: 20px;
	line-height: 1.25em;
	margin-bottom: 4px;
}
@media all and (min-width: 375px) {
	.page-title,
	.post-title {
		font-size: 30px;
	}
	.entry-title {
		font-size: 25px;
	}
}
@media all and (min-width: 768px) {
	.page-title,
	.post-title {
		font-size: 50px;
	}
	.full {
		clear: both;
		width: calc(50% - 20px);
	}
	.entry-title {
		font-size: 30px;
	}
}
@media all and (min-width: 1280px) {
	.home .page-title {
		font-size: 60px;
	}
	.full {
		clear: both;
		width: calc(33.3333% - 26px);
	}
}

/* -----------------------------------------------------------------------------
=	5. 	Site Header
----------------------------------------------------------------------------- */

#site-header {
	background: -moz-linear-gradient(
		top,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 0) 100%
	);
	background: -webkit-linear-gradient(
		top,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 0) 100%
	);
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 0) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	white-space: nowrap;
	z-index: 1500;
}
#site-title,
#menu-open {
	height: 60px;
	line-height: 60px;
}
#site-title a {
	display: block;
	height: 13px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#site-title svg {
	display: block;
	fill: #222222;
	height: 13px;
	width: 183px;
}
@media all and (min-width: 768px) {
	#site-title,
	#menu-open {
		height: 80px;
		line-height: 80px;
	}
	#site-title a {
		height: 20px;
	}
	#site-title a svg {
		height: 20px;
		width: 282px;
	}
}
.menu-btn {
	text-align: right;
}
.menu-btn a,
.menu-btn div {
	color: #222;
	display: inline-block;
	height: auto;
	position: relative;
	z-index: 10;
}
.menu-trig__inner {
	display: inline-block;
	padding-left: 10px;
}
.menu-btn a span,
.menu-btn div span {
	position: relative;
	top: -1px;
	display: inline-block;
	vertical-align: middle;
}
.menu-btn a span,
.menu-btn a span:before,
.menu-btn a span:after,
.menu-btn div span,
.menu-btn div span:before,
.menu-btn div span:after {
	background-color: #222;
	width: 20px;
	height: 2px;
}
.menu-btn a span:before,
.menu-btn a span:after,
.menu-btn div span:before,
.menu-btn div span:after {
	position: absolute;
	margin-top: -6px;
	content: ' ';
	left: 0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.menu-btn a span:after,
.menu-btn div span:after {
	margin-top: 6px;
}
#menu-open.menu-btn a:hover span:before {
	margin-top: -8px;
}
#menu-open.menu-btn a:hover span:after {
	margin-top: 8px;
}
#check-close.menu-btn a span,
#menu-close.menu-btn a span,
#lightbox-close.menu-btn div span {
	background-color: transparent;
}
#check-close.menu-btn a span:before,
#menu-close.menu-btn a span:before,
#lightbox-close.menu-btn div span:before {
	top: 6px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#check-close.menu-btn a span:after,
#menu-close.menu-btn a span:after,
#lightbox-close.menu-btn div span:after {
	bottom: 0px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#check-close.menu-btn a:hover span:before,
#menu-close.menu-btn a:hover span:before,
#lightbox-close.menu-btn div:hover span:before {
	top: 6px;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
#check-close.menu-btn a:hover span:after,
#menu-close.menu-btn a:hover span:after,
#lightbox-close.menu-btn div:hover span:after {
	bottom: 0px;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

/* -----------------------------------------------------------------------------
=	6.	Menu Modal
----------------------------------------------------------------------------- */

.overlay {
	background-color: rgba(34, 34, 34, 0.5);
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 2000;
}
#site-menu {
	background-color: #fff;
	display: block;
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	z-index: 2500;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}
.menu-active #site-menu {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
#menu-close {
	background-color: #fff;
	height: 80px;
	line-height: 80px;
	margin: 0 auto;
	padding: 0 20px 0 40px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 500;
}
.menu-container {
	padding: 80px 20px 0;
	text-align: right;
}
.menu-container .menu {
	font-size: 20px;
	font-weight: 300;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	white-space: nowrap;
}
.menu-container #menu-social.menu {
	font-size: 15px;
	line-height: 1.5em;
}
#site-menu .scroll {
	height: 100vh;
	/* overflow-y: scroll;
	-webkit-overflow-scrolling: touch; */
}
@media all and (min-width: 414px) {
	.menu-container .menu {
		font-size: 25px;
	}
}
@media all and (min-width: 768px) {
	#site-menu {
		width: calc(50% + 20px);
	}
	.menu-container {
		padding: 80px 40px 0 40px;
	}
	.menu-container .menu {
		font-size: 30px;
		line-height: 1.25em;
		margin-bottom: 1.25em;
	}
	.menu-container #menu-social.menu {
		font-size: 20px;
	}
	#menu-close {
		padding: 0 40px 0 20px;
	}
}
@media all and (min-width: 1024px) {
	#menu-close {
		padding: 0 40px 0 20px;
	}
	.menu-container {
		padding: 140px 40px 0 40px;
	}
}
@media all and (min-width: 1280px) {
	.menu-container .menu {
		font-size: 40px;
	}
	#menu-close {
		padding: 0 60px 0 20px;
	}
	#site-menu {
		width: calc(34% + 20px);
	}
	#menu-close,
	.menu-container {
		max-width: 560px;
	}
	.menu-container {
		padding: 140px 60px 0 40px;
	}
}
@media all and (min-width: 1440px) {
	#menu-close {
		padding: 0 80px 0 20px;
	}
	#site-menu {
		width: calc(34% + 20px);
	}
	.menu-container {
		padding: 140px 80px 0 40px;
	}
}
#menu-program.menu li,
#menu-services.menu li,
#menu-about.menu li,
#menu-social.menu li {
	opacity: 0;
}
.menu-active #menu-program.menu li,
.menu-active #menu-services.menu li,
.menu-active #menu-about.menu li,
.menu-active #menu-social.menu li {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.menu-active #menu-program.menu li:first-child {
	-webkit-animation-delay: 50ms;
	animation-delay: 50ms;
}
.menu-active #menu-program.menu li:nth-child(2) {
	-webkit-animation-delay: 100ms;
	animation-delay: 100ms;
}
.menu-active #menu-program.menu li:nth-child(3) {
	-webkit-animation-delay: 150ms;
	animation-delay: 150ms;
}
.menu-active #menu-program.menu li:nth-child(4) {
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
}
.menu-active #menu-services.menu li:first-child {
	-webkit-animation-delay: 250ms;
	animation-delay: 250ms;
}
.menu-active #menu-about.menu li:first-child {
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms;
}
.menu-active #menu-about.menu li:nth-child(2) {
	-webkit-animation-delay: 350ms;
	animation-delay: 350ms;
}
.menu-active #menu-about.menu li:nth-child(3) {
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms;
}
.menu-active #menu-social.menu li:first-child {
	-webkit-animation-delay: 450ms;
	animation-delay: 450ms;
}
.menu-active #menu-social.menu li:nth-child(2) {
	-webkit-animation-delay: 500ms;
	animation-delay: 500ms;
}
.menu-active #menu-social.menu li:nth-child(3) {
	-webkit-animation-delay: 550ms;
	animation-delay: 550ms;
}
.menu-active #menu-social.menu li:nth-child(4) {
	-webkit-animation-delay: 600ms;
	animation-delay: 600ms;
}
.menu-active #menu-social.menu li:nth-child(5) {
	-webkit-animation-delay: 650ms;
	animation-delay: 650ms;
}
.menu-active #menu-social.menu li:nth-child(6) {
	-webkit-animation-delay: 700ms;
	animation-delay: 700ms;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateX(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateX(40px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

/* -----------------------------------------------------------------------------
=	7. Page Header (new)
----------------------------------------------------------------------------- */

#page-header {
	display: block;
	margin: 0 auto;
	max-width: 1650px;
	padding: 100px 20px 60px;
	position: relative;
	width: 100%;
}
#page-header:after {
	content: '';
	display: table;
	clear: both;
}
.page-intro {
	font-size: 16px;
	line-height: 1.5em;
}
.page-intro.large {
	font-size: 20px;
	line-height: 1.25em;
}
.page-title-tab {
	background-color: #dadfe1;
	clear: both;
	color: #222;
	display: inline-block;
	font-size: 14px;
	line-height: 1em;
	margin-bottom: 20px;
	padding: 5px;
	text-transform: uppercase;
}
@media all and (min-width: 414px) {
	.page-intro.large {
		font-size: 25px;
	}
}
@media all and (min-width: 768px) {
	#page-header {
		height: 75vh;
		min-height: 75vh;
		padding: 80px 20px;
	}
	#page-header #page-header-container {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		line-height: 1.125em;
		width: calc(100% - 40px);
	}
	.page-intro {
		font-size: 18px;
	}
	.page-intro p:last-child {
		margin-bottom: 0;
	}
	.page-intro.large {
		font-size: 30px;
	}
	.home .page-intro.large {
		font-size: 40px;
	}
}
@media all and (min-width: 1024px) {
	#page-header {
		padding: 80px 40px;
	}
	#page-header #page-header-container {
		width: calc(100% - 80px);
	}
	.page-intro.large {
		font-size: 40px;
	}
}
@media all and (min-width: 1280px) {
	#page-header {
		padding: 80px 60px;
	}
	#page-header #page-header-container {
		width: calc(100% - 120px);
	}
	.page-intro.large {
		font-size: 50px;
	}
}
@media all and (min-width: 1440px) {
	#page-header {
		padding: 80px;
	}
	#page-header #page-header-container {
		width: calc(100% - 160px);
	}
	.home .page-intro.large {
		font-size: 60px;
		line-height: 1.125em;
	}
}

/* -----------------------------------------------------------------------------
=	8. Grid Modal
----------------------------------------------------------------------------- */

.grid {
	clear: both;
	list-style: none;
	margin: 0;
	overflow: hidden;
	position: relative;
	text-align: justify;
	font-size: 0;
	line-height: 0;
	text-justify: distribute-all-lines;
}
.grid.small {
	padding-bottom: 40px;
}
.grid:after {
	content: '';
	display: inline-block;
	width: 100%;
}
.grid .hentry {
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 56px;
	opacity: 0;
	overflow: hidden;
	position: relative;
	text-align: left;
	vertical-align: top;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: translateX(-80px);
	transform: translateX(-80px);
}
.grid .column {
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 56px;
	overflow: hidden;
	position: relative;
	text-align: left;
	vertical-align: top;
}
.grid.small .column {
	margin: 0 0 20px;
}
.grid .column img {
	border: 1px solid #000;
	display: block;
	height: auto;
	margin-bottom: 24px;
	opacity: 0.7;
	width: auto;
	max-width: 100%;
}
.grid.small .column img {
	border: 1px solid #000;
	margin-bottom: 0;
	max-height: none;
	opacity: 0.7;
	width: auto;
	max-width: 100%;
}
.grid.small .column a:hover img {
	opacity: 1;
}
.grid .hentry.visible,
.grid .hentry:nth-child(1),
.paged .grid .hentry:nth-child(2) {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.grid .hentry,
.grid .column,
.grid .gap {
	display: inline-block;
	width: 100%;
}
.grid.small .column,
.grid.small .gap {
	width: calc(50% - 10px);
}
.grid .hentry a img {
	display: block;
	height: auto;
	margin-bottom: 16px;
	opacity: 0.7;
	width: 100%;
}
.grid .hentry .video-container {
	height: 0;
	margin-bottom: 16px;
	overflow: hidden;
	position: relative;
	padding-bottom: 56.25%;
	width: 100%;
}
.grid .hentry .video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid .hentry a:hover img {
	opacity: 1;
}
.category-in span,
.category-in a {
	background-color: #dadfe1;
	color: #222;
	display: inline-block;
	line-height: 1em;
	margin: 0 5px 5px 0;
	padding: 5px;
}
.category-in a:hover,
.grid .hentry a:hover .category-in span {
	color: #222;
}
.grid .hentry .date {
	margin-bottom: 3px;
}
.category-in,
.grid .hentry .category-in {
	font-size: 14px;
	text-transform: uppercase;
}
.date {
	font-size: 16px;
}
@media all and (min-width: 768px) {
	.grid .hentry,
	.grid .column,
	.grid .gap {
		width: calc(50% - 20px);
	}
	.grid.small .column,
	.grid.small .gap {
		width: calc(33.3333% - 26px);
	}
	.grid.small .column {
		margin: 0 0 40px;
	}
	.grid .hentry:nth-child(odd) {
		-webkit-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	.grid .hentry:nth-child(even) {
		-webkit-transition: all 600ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: all 600ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	.grid .hentry:nth-child(1),
	.grid .hentry:nth-child(2),
	.paged .grid .hentry:nth-child(3),
	.paged .grid .hentry:nth-child(4) {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@media all and (min-width: 1024px) {
	.grid .column,
	.grid.columns .gap {
		width: calc(33.3333% - 26px);
	}
	.grid.small .column,
	.grid.small .gap {
		width: calc(25% - 30px);
	}
}

/* -----------------------------------------------------------------------------
=	9. List + Filter Modal
----------------------------------------------------------------------------- */

.list ul li {
	border-bottom: 1px solid #222;
	clear: both;
	color: #55656b;
	display: block;
	line-height: 60px;
	padding: 0 60px 0 0;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.list ul li a {
	color: #000;
	display: block;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.list ul li a:hover {
	color: #55656b;
}
.list ul li:before,
.list ul li:after {
	background-color: #000;
	content: '';
	position: absolute;
	right: 0;
	top: 28px;
	display: block;
	width: 30px;
	height: 4px;
	line-height: 60px;
	text-align: center;
	-webkit-transition: none;
	transition: none;
}
.list ul li:after {
	position: absolute;
	right: 13px;
	top: 15px;
	width: 4px;
	height: 30px;
}
.list ul li:hover:before,
.list ul li:hover:after {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.list .tab {
	border-bottom: 1px solid #222;
	clear: both;
	display: inline-block;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.list .tab ::selection {
	background-color: #fff;
}
.list .tab ::-mos-selection {
	background-color: #fff;
}
.list input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}
.list label {
	position: relative;
	display: block;
	padding: 0;
	line-height: 60px;
	cursor: pointer;
	padding-right: 60px;
}
.list .tab-content {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
	transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.list .tab__btns a {
	float: left;
	margin-bottom: 30px;
}
.list .tab__btns a:first-child {
	margin-right: 20px;
}
.list .tab__btns a:last-child {
	margin-left: 20px;
}
/* :checked */
.list input:checked ~ .tab-content {
	max-height: 500px;
	-webkit-transition: max-height 1s ease-in-out;
	transition: max-height 1s ease-in-out;
}
/* Icon */
.list label::before,
.list label::after {
	background-color: #000;
	content: '';
	position: absolute;
	right: 0;
	top: 28px;
	display: block;
	width: 30px;
	height: 4px;
	line-height: 60px;
	text-align: center;
	-webkit-transition: none;
	transition: none;
}
.list label::after {
	position: absolute;
	right: 13px;
	top: 15px;
	width: 4px;
	height: 30px;
}
.list label:hover::before,
.list label:hover::after {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.list input[type='checkbox']:checked + label::before,
.list input[type='checkbox']:checked + label::after {
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.list input[type='checkbox']:checked:hover + label::before {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.list input[type='checkbox']:checked:hover + label::after {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}
.filters {
	padding-top: 16px;
}
.filters button {
	background-color: transparent;
	border: none;
	clear: both;
	color: #000;
	display: block;
	font-size: 20px;
	line-height: 28px;
	padding: 0;
	margin: 0;
	text-align: left;
}
.filters button.mixitup-control-active {
	font-weight: 500;
}
@media all and (min-width: 1024px) {
	.list label,
	.list ul li {
		font-size: 20px;
	}
}

@media all and (min-width: 1440px) {
	.list .entry-summery,
	.list .tab__btns {
		float: left;
	}
	.list .entry-summery {
		margin-bottom: 6px;
		padding-right: 20px;
		width: 75%;
	}
	.list .tab__btns {
		padding-left: 20px;
		width: 25%;
	}
	.list .tab__btns a {
		width: 100%;
	}
	.list .tab__btns a:first-child,
	.list .tab__btns a:last-child {
		margin-right: 0;
		margin-left: 0;
	}
}

/* -----------------------------------------------------------------------------
=	10. Column Modal
----------------------------------------------------------------------------- */

.two-columns-modal h3,
.column h3.column-title {
	margin-bottom: 24px;
}
.two-columns .column {
	margin-bottom: 56px;
}
@media all and (min-width: 1024px) {
	.two-columns .column {
		float: left;
		width: 50%;
	}
	.two-columns .column:first-child {
		padding-right: 20px;
	}
	.two-columns .column:last-child {
		padding-left: 20px;
	}
}
@media all and (min-width: 1440px) {
	.columns__inner {
		padding: 0 20px;
	}
	.columns__inner {
		margin: 0 auto;
		width: calc(66.6666%);
	}
}

/* -----------------------------------------------------------------------------
=	11. Single Page Template
----------------------------------------------------------------------------- */

.single .featured-image,
.single .featured-video,
.page-template-page-support .featured-video {
	margin-bottom: 36px;
}
.single .featured-image img {
	display: block;
	height: auto;
	width: 100%;
}
.single .featured-image figcaption {
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 0;
}
.single .featured-video,
.page-template-page-support .featured-video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	width: 100%;
}
.single .featured-video iframe,
.page-template-page-support .featured-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.single .date {
	font-size: 18px;
	line-height: 26px;
}
.single #page-header .post-title {
	margin-bottom: 10px;
}
.page .entry-content,
.single .entry-content {
	font-size: 16px;
	line-height: 1.5em;
	padding-bottom: 32px;
}
.entry-content h2,
.entry-content h3,
.single .entry-content p,
.single .entry-content ul,
.single .entry-content ol,
.single .entry-content .wp-block-button,
.single .entry-content .wp-block-gallery,
.entry-content .wp-block-group,
.entry-content blockquote,
.entry-content .wp-block-code {
	margin-bottom: 1.5em;
}
.single-fa_sequencing .entry-content h2,
.single-fa_sequencing .entry-content h3,
.single-fa_sequencing .entry-content h4,
.single-fa_sequencing .entry-content h5,
.single-fa_sequencing .entry-content h6,
.single-fa_sequencing .entry-content p,
.single-fa_sequencing .entry-content ul,
.single-fa_sequencing .entry-content ol,
.single-fa_sequencing .entry-content .wp-block-button,
.single-fa_sequencing .entry-content .wp-block-gallery,
.single-fa_sequencing .entry-content .wp-block-group,
.single-fa_sequencing .entry-content blockquote,
.single-fa_sequencing .entry-content .wp-block-code {
	margin-bottom: 1.333em;
}
.single-fa_sequencing .entry-content h2,
.single-fa_sequencing .entry-content h3,
.single-fa_sequencing .entry-content h4,
.single-fa_sequencing .entry-content h5,
.single-fa_sequencing .entry-content h6 {
	font-weight: 700;
}
.entry-content blockquote p:last-of-type {
	margin-bottom: 0;
}
.wp-block-pullquote blockquote {
	padding-right: 3em;
}
.entry-content .has-small-font-size,
.single .entry-content .has-small-font-size {
	font-size: 0.889em;
}
.single-fa_sequencing .entry-content .has-small-font-size {
	font-size: 0.75em;
}
/* .single .entry-content img, */
.page-template-page-support .entry-content img {
	display: block;
	height: auto;
	width: 100%;
}

.entry-content sup {
	vertical-align: super;
	font-size: 0.75em;
}
.entry-content .wp-block-group {
	background-color: rgba(218, 223, 225, 0.7);
	display: block;
	padding: 1.5em 1.5em 1px 1.5em;
}
.entry-content .wp-block-code {
	background-color: rgba(218, 223, 225, 0.7);
	font-family: 'Space Mono', monospace;
	font-weight: 400;
	font-style: normal;
	padding: 0 0.5em;
}
.entry-content p .code {
	background-color: rgba(218, 223, 225, 0.7);
	font-family: 'Space Mono', monospace;
	font-weight: 400;
	font-style: normal;
	padding: 0 0.25em;
}
.entry-content .wp-block-code code {
	white-space: normal;
}
@media all and (min-width: 768px) {
	.page .entry-content,
	.single .entry-content,
	.page-template-page-support .entry-content {
		font-size: 18px;
		padding-bottom: 42px;
	}
	.single-fa_sequencing .entry-content {
		font-size: 22px;
	}
	.single .featured-image,
	.single .featured-video,
	.page-template-page-support .featured-video {
		margin-bottom: 56px;
	}
}
@media all and (min-width: 1280px) {
	.single .featured-image,
	.single .featured-video,
	.page-template-page-support .featured-video {
		margin-bottom: 76px;
	}
	.single .grid,
	.single .entry-content,
	.page-template-page-support .entry-content {
		padding-bottom: 52px;
	}
	.single-fa_sequencing .entry-content {
		font-size: 30px;
	}
}
@media all and (min-width: 1440px) {
	.page .entry-content,
	.single .entry-content,
	.page-template-page-support .entry-content {
		font-size: 24px;
	}
	.single-fa_sequencing .entry-content {
		font-size: 30px;
	}
}

/* Lightbox ------------------------------------------------ */

#lightbox {
	display: block;
	position: fixed;
	z-index: 3000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	overflow: hidden;
	background-color: #fff;
	visibility: hidden;
	transition: all 300ms ease;
}
.lightbox-active #lightbox {
	opacity: 1;
	visibility: visible;
}
#lightbox-close {
	height: 60px;
	line-height: 60px;
	margin: 0 auto;
	max-width: 1650px;
	padding: 0 20px;
	position: relative;
}
.lightbox-content {
	background-color: #fff;
	position: relative;
	height: calc(100% - 160px);
}
.slide {
	display: none;
	height: 100%;
	position: relative;
	width: 100%;
}
.slide img {
	display: block;
	height: auto;
	max-height: 100%;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	bottom: 0;
	transform: translateY(-50%);
	width: auto;
	max-width: 100%;
}
.cursor {
	cursor: pointer;
}
.lightbox-content .prev,
.lightbox-content .next {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 12px 21px;
	height: 100%;
	opacity: 1;
	position: absolute;
	top: 0;
	width: 20px;
	transition: opacity 300ms ease;
	-webkit-user-select: none;
	user-select: none;
}
.lightbox-content .prev:hover,
.lightbox-content .next:hover {
	opacity: 0.3;
}
.lightbox-content .prev {
	background-image: url('images/arrow-l@2x.png');
	left: 0;
}
.lightbox-content .next {
	background-image: url('images/arrow-r@2x.png');
	right: 0;
}
.lightbox-content .numbertext {
	line-height: 60px;
	position: absolute;
	top: -60px;
}
.lightbox-content .caption-container {
	font-size: 16px;
	text-align: center;
}
.lightbox-content .demo {
	opacity: 0.6;
}
.lightbox-content .active,
.lightbox-content .demo:hover {
	opacity: 1;
}
.grid.lightboxed .column img {
	transition: opacity 300ms ease;
}
.grid.lightboxed .column img:hover {
	opacity: 1;
}
#caption {
	font-size: 16px;
	margin-top: 5px;
}
@media all and (min-width: 768px) {
	#lightbox-close {
		height: 80px;
		line-height: 80px;
	}
	.lightbox-content .numbertext {
		line-height: 80px;
		position: absolute;
		top: -80px;
	}
}
@media all and (min-width: 1024px) {
	#lightbox-close {
		padding: 0 40px;
	}
	.lightbox-content .prev,
	.lightbox-content .next {
		width: 40px;
	}
}
@media all and (min-width: 1280px) {
	#lightbox-close {
		padding: 0 60px;
	}
	.lightbox-content .prev,
	.lightbox-content .next {
		width: 60px;
	}
}
@media all and (min-width: 1440px) {
	#lightbox-close {
		padding: 0 80px;
	}
	.lightbox-content .prev,
	.lightbox-content .next {
		width: 80px;
	}
}

/* -----------------------------------------------------------------------------
=	12. Blocks
----------------------------------------------------------------------------- */

.wp-block-separator {
	background-color: transparent;
	border-bottom: 1px solid #222;
	padding-top: 1.5em;
	margin: 0 0 3em;
}

/* Description List ------------------------------------------------ */

.wp-block-description-list {
	margin-bottom: 1.5em;
}
.wp-block-description-list dt {
	clear: left;
	float: left;
	width: 150px;
}
.wp-block-description-list dd {
	margin-bottom: 0;
	margin-left: 150px;
}
@media all and (min-width: 768px) {
	/* .wp-block-description-list {
		margin-left: -27.941176%;
		width: 155.882352%;
	} */
}

/* Image Embeds ------------------------------------------------ */

/*  removed these overrides for conflicts with guttenberg  */

/*
.wp-block-image {
  padding-top: 1.5em;
  margin-bottom: 3em;
}
html .wp-block-image .aligncenter > figcaption,
html .wp-block-image .alignleft > figcaption,
html .wp-block-image .alignright > figcaption,
html .wp-block-image.is-resized > figcaption,
html .wp-block-embed figcaption,
html .wp-block-audio figcaption {
  display: block;
}

html .wp-block-image .aligncenter,
html .wp-block-image .alignleft,
html .wp-block-image .alignright,
html .wp-block-image.is-resized {
  display: block;
  float: none;
}
html .wp-block-image figcaption,
html .wp-block-embed figcaption,
html .wp-block-audio figcaption {
  font-size: 16px;
  line-height: 1.5em;
  margin-top: 5px;
  margin-bottom: -1.5em;
}
@media all and (min-width: 768px) {
  html .wp-block-image .aligncenter {
    margin-left: -27.941176%;
    width: 155.882352%;
  }
  html .wp-block-image .alignleft {
    margin-left: -27.941176%;
    width: 127.941176%;
  }
  html .wp-block-image .alignright {
    width: 127.941176%;
  }
}
@media all and (min-width: 1280px) {
  html .wp-block-image.is-resized {
    margin: 1.5em auto 3em;
    width: 50%;
  }
} 
*/

/* Media Embeds ------------------------------------------------ */

.wp-block-embed,
.wp-block-audio {
	padding-top: 1.5em;
	margin-bottom: 3em;
}
.wp-block-embed__wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	width: 100%;
}
.wp-embed-aspect-21-9 .wp-block-embed__wrapper {
	padding-bottom: 41.666667%;
}
.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
	padding-bottom: 56.25%;
}
.wp-embed-aspect-4-3 .wp-block-embed__wrapper {
	padding-bottom: 75%;
}
.wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.wp-block-audio audio {
	width: 100%;
}
@media all and (min-width: 768px) {
	.wp-block-embed {
		margin-left: -27.941176%;
		width: 155.882352%;
	}
	.wp-block-embed.slim {
		margin-left: 0;
		width: 100%;
	}
}

/* Gallery ------------------------------------------------ */

.wp-block-gallery:after {
	content: '';
	display: inline-block;
	width: 100%;
}
.wp-block-gallery ul {
	list-style: none;
}
.wp-block-gallery ul li {
	background-image: none;
	padding-left: 0;
}
.wp-block-gallery ul img {
	border: 1px solid #000;
	display: block;
	height: auto;
	opacity: 0.7;
	width: 100%;
}
@media all and (min-width: 768px) {
	.wp-block-gallery ul li {
		float: left;
		width: calc(50% - 20px);
	}
	.wp-block-gallery ul li:nth-child(odd) {
		margin-right: 40px;
	}
}
@media all and (min-width: 1024px) {
	.wp-block-gallery ul li {
		width: calc(33.3333% - 27px);
	}
	.wp-block-gallery.columns-1 ul li,
	.wp-block-gallery.columns-2 ul li {
		width: calc(50% - 20px);
	}
	.wp-block-gallery ul li:nth-child(3n + 1),
	.wp-block-gallery ul li:nth-child(3n + 2),
	.wp-block-gallery.columns-1 ul li:nth-child(odd),
	.wp-block-gallery.columns-2 ul li:nth-child(odd) {
		margin-right: 40px;
	}
	.wp-block-gallery ul li:nth-child(3n + 3),
	.wp-block-gallery.columns-1 ul li:nth-child(even),
	.wp-block-gallery.columns-2 ul li:nth-child(even) {
		margin-right: 0;
	}
}

/* Gravity Form Block ------------------------------------- */

body .entry-content .gform_wrapper {
	padding-top: 1.5em;
	margin-bottom: 3em;
}
html .gform_wrapper form {
	background-color: rgba(218, 223, 225, 0.7);
	padding: 0.5em 1.5em;
}
html .gform_wrapper.gravity-theme .gfield_label {
	line-height: 1.5em;
	margin-bottom: 0;
}
html .gform_wrapper.gravity-theme .field_description_above .gfield_description {
	padding: 0;
	line-height: 1.5em;
}
html .gform_wrapper.gravity-theme .gfield input.large {
	border: 0;
}
html .gform_wrapper.gravity-theme .gform_footer {
	text-align: center;
}
html .gform_wrapper.gravity-theme .gform_footer input {
	background-color: #fff;
	border: 1px solid #000;
	color: #222;
	display: inline-block;
	padding: 0;
	position: relative;
	text-align: center;
	vertical-align: middle;
	height: 60px;
	line-height: 60px;
	width: calc(50% - 25px);
}
html .gform_wrapper.gravity-theme .gform_footer {
	padding: 36px 0 16px;
}
html .gform_wrapper.gravity-theme .gform_footer input:hover {
	background-color: #f36e38;
}
html .single .entry-content #hdfvr-content img {
	display: inline;
	width: auto;
}

/* -----------------------------------------------------------------------------
=	13. Social Media
----------------------------------------------------------------------------- */

.share {
	padding: 10px 0 20px;
}
.follow {
	padding: 15px 0 0;
}
.social strong {
	font-size: 18px;
}
.social a {
	border-bottom: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	display: inline-block;
	height: 24px;
	margin-left: 10px;
	opacity: 1;
	overflow: hidden;
	text-indent: -9999px;
	width: 24px;
	vertical-align: top;
}
@media all and (min-width: 1280px) {
	.share {
		border-bottom: 1px solid #222;
	}
	.social a {
		margin-left: 15px;
	}
}
.social a:hover {
	border-bottom: none;
}
.social a.facebook {
	background-image: url(images/icons/facebook@2x.png);
	width: 18px;
}
.social a.facebook span,
.social a.facebook:hover {
	background-image: url(images/icons/facebook_hover@2x.png);
}
.social a.twitter {
	background-image: url(images/icons/twitter@2x.png);
}
.social a.twitter span,
.social a.twitter:hover {
	background-image: url(images/icons/twitter_hover@2x.png);
}
.social a.pinterest {
	background-image: url(images/icons/pinterest@2x.png);
	width: 20px;
}
.social a.pinterest span,
.social a.pinterest:hover {
	background-image: url(images/icons/pinterest_hover@2x.png);
}
.social a.tumblr {
	background-image: url(images/icons/tumblr@2x.png);
	width: 20px;
}
.social a.tumblr span,
.social a.tumblr:hover {
	background-image: url(images/icons/tumblr_hover@2x.png);
}
.social a.instagram {
	background-image: url(images/icons/instagram@2x.png);
}
.social a.instagram span,
.social a.instagram:hover {
	background-image: url(images/icons/instagram_hover@2x.png);
}
.social a.soundcloud {
	background-image: url(images/icons/soundcloud@2x.png);
}
.social a.soundcloud span,
.social a.soundcloud:hover {
	background-image: url(images/icons/soundcloud_hover@2x.png);
}
.social a.vimeo {
	background-image: url(images/icons/vimeo@2x.png);
}
.social a.vimeo span,
.social a.vimeo:hover {
	background-image: url(images/icons/vimeo_hover@2x.png);
}
.social a.youtube {
	background-image: url(images/icons/youtube@2x.png);
}
.social a.youtube span,
.social a.youtube:hover {
	background-image: url(images/icons/youtube_hover@2x.png);
}
.social a.google_plus {
	background-image: url(images/icons/google_plus@2x.png);
}
.social a.google_plus span,
.social a.google_plus:hover {
	background-image: url(images/icons/google_plus_hover@2x.png);
}
.social a.flickr {
	background-image: url(images/icons/flickr@2x.png);
}
.social a.flickr span,
.social a.flickr:hover {
	background-image: url(images/icons/flickr_hover@2x.png);
}

/* -----------------------------------------------------------------------------
=	14.	Form Modal
----------------------------------------------------------------------------- */

#form {
	background-color: rgba(218, 223, 225, 0.7);
	padding: 40px 0;
}
.form__inner {
	padding: 0 20px;
}
.form__inner.grav {
	padding: 0 20px;
}
.donate,
.donate-details,
.donate-right {
	margin-bottom: 20px;
}
.donate-details,
.dnt_by_chk {
	font-size: 14px;
	line-height: 22px;
}
.donate-details,
.donate-right {
	text-align: center;
}
.donate-details p {
	margin-bottom: 0;
}
.dnt_by_chk {
	clear: both;
	text-align: center;
}
.dnt_by_chk a:hover {
	color: #8c959b;
}
#check-close {
	height: 60px;
	line-height: 60px;
	margin: 0 auto;
	padding: 0 30px;
	position: relative;
	width: 100%;
}
.check-inner {
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}
.check-inner {
	visibility: hidden;
	background-color: #fff;
	margin: 0 auto;
	opacity: 0;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 280px;
	z-index: 3000;
	-webkit-transform: translate(-50%, -60%);
	transform: translate(-50%, -60%);
}
.check-active .check-inner {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.check-container {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 0;
	padding: 0 30px 6px;
}
@media all and (min-width: 768px) {
	#form {
		padding: 60px 0;
	}
	.form__inner.grav {
		padding: 0 4px 0 20px;
	}
	.donate,
	.donate-details,
	.donate-right {
		float: left;
		width: 50%;
	}
	.donate-details {
		text-align: left;
	}
	.check-inner {
		width: 500px;
	}
	.check-container {
		font-size: 20px;
		line-height: 28px;
	}
}
@media all and (min-width: 1024px) {
	#form {
		padding: 80px 0;
	}
	.donate-details p {
		margin-top: -2px;
	}
}
@media all and (min-width: 1280px) {
	.form__inner {
		margin: 0 auto;
		width: calc(66.6666%);
	}
}

/* Gravity Forms ------------------------------------------------ */

body .gform_wrapper {
	margin: 0;
}
body .gform_wrapper .fulcrum-form .gform_footer {
	margin: 0;
	padding: 0;
}
.gform_wrapper .fulcrum-form hr {
	margin: 20px 0;
}
.gform_wrapper .fulcrum-form h3 {
	font-size: 20px;
	line-height: 20px;
}
.gform_wrapper .fulcrum-form .gfield_required {
	color: #f36e38;
}
.gform_wrapper .fulcrum-form ul.gform_fields li.gfield {
	padding-bottom: 34px;
}
body .gform_wrapper .fulcrum-form ul li.gfield {
	margin-top: 0;
}
.gform_wrapper .fulcrum-form .description,
.gform_wrapper .fulcrum-form .gfield_description,
.gform_wrapper .fulcrum-form .gsection_description,
.gform_wrapper .fulcrum-form .instruction {
	font-size: 14px;
}
.gform_wrapper .fulcrum-form select {
	border: 1px solid #000;
	height: 40px;
	line-height: 40px;
	-webkit-appearance: menulist-button;
}
.gform_wrapper .fulcrum-form textarea,
.gform_wrapper
	.fulcrum-form
	input:not([type='radio']):not([type='checkbox']):not([type='submit']):not(
		[type='button']
	):not([type='image']):not([type='file']) {
	border: none;
}
.gform_wrapper
	.fulcrum-form
	input:not([type='radio']):not([type='checkbox']):not([type='submit']):not(
		[type='button']
	):not([type='image']):not([type='file']) {
	line-height: 30px;
}
.gform_wrapper .fulcrum-form select:focus,
.gform_wrapper .fulcrum-form textarea:focus,
.gform_wrapper .fulcrum-form input:focus,
.gform_wrapper input#gform_send_resume_link_button_1 {
	outline: none;
}
.gform_wrapper .fulcrum-form .gform_footer input[type='submit'],
.gform_wrapper input#gform_send_resume_link_button_1,
.gform_wrapper .fulcrum-form a#gform_save_1_link.gform_save_link {
	background-color: #fff;
	border: 1px solid #000;
	color: #222;
	display: inline-block;
	padding: 0;
	position: relative;
	text-align: center;
	vertical-align: middle;
	height: 60px;
	line-height: 60px;
	width: calc(50% - 25px);
}
.gform_wrapper input#gform_send_resume_link_button_1 {
	height: 40px;
	line-height: 40px;
	margin-top: -3px;
}
.gform_wrapper .fulcrum-form .gform_footer input[type='submit']:hover,
.gform_wrapper .fulcrum-form .gform_footer input[type='submit']:focus,
.gform_wrapper .fulcrum-form .gform_footer input[type='submit']:active,
.gform_wrapper input#gform_send_resume_link_button_1:hover,
.gform_wrapper input#gform_send_resume_link_button_1:focus,
.gform_wrapper input#gform_send_resume_link_button_1:active,
.gform_wrapper .fulcrum-form a#gform_save_1_link.gform_save_link:hover,
.gform_wrapper .fulcrum-form a#gform_save_1_link.gform_save_link:focus,
.gform_wrapper .fulcrum-form a#gform_save_1_link.gform_save_link:active {
	background-color: #f36e38;
}
.StripeElement {
	border-color: #fff !important;
}
@media all and (max-width: 768px) {
	.gform_wrapper .fulcrum-form .gform_footer input[type='submit'] {
		width: 100%;
	}
	.gform_wrapper .fulcrum-form table.gfield_list tr {
		display: block;
		background: #dadfe1;
		position: relative;
		border: 1px solid #000;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	.gform_wrapper .fulcrum-form a#gform_save_1_link.gform_save_link {
		margin-left: 0;
		margin-top: 20px;
		width: 100%;
	}
}
/* ERROR */
.gform_wrapper .fulcrum-form div.validation_error {
	width: calc(100% - 16px);
}
.gform_wrapper .fulcrum-form li.gfield.gfield_error.gfield_contains_required {
	padding-right: 10px;
}
.gform_wrapper .fulcrum-form li.gfield.gfield_error,
.gform_wrapper
	.fulcrum-form
	li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background-color: #f36e38;
	border-top: none;
	border-bottom: none;
	padding: 10px;
}
/* Save for Later */
.gform_wrapper .form_saved_message a {
	display: inline-block;
	margin-bottom: 24px;
	text-decoration: underline;
}
.gform_wrapper div.form_saved_message_emailform {
	padding-top: 24px;
}
.gform_wrapper .form_saved_message_emailform input[type='text'] {
	line-height: 40px;
	height: 40px;
	margin-right: 30px;
	width: calc(50% - 20px);
}
/* Radio */
.gform_wrapper.gf_browser_safari .gfield_radio li input[type='radio'],
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type='radio'] {
	background-color: #fff;
}
.gform_wrapper .gfield_radio li input[type='radio'] {
	border: 1px solid #000;
	padding: 8px;
	margin: 0 10px 0 0;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}
.gform_wrapper.gf_browser_safari ul.gfield_radio li input[type='radio']:checked,
.gform_wrapper.gf_browser_chrome
	ul.gfield_radio
	li
	input[type='radio']:checked {
	background-color: #f36e38;
	border: 1px solid #f36e38;
}
.gform_wrapper .gfield_radio li span.ginput_price {
	display: none;
}

/* -----------------------------------------------------------------------------
=	15. Site Pagination
----------------------------------------------------------------------------- */

nav {
	font-size: 20px;
	line-height: 28px;
}
nav a {
	color: #000;
}
nav .previous,
nav .next {
	height: 28px;
	width: 50%;
}
nav .previous {
	float: left;
}
nav .next {
	float: right;
	text-align: right;
}
@media all and (min-width: 768px) {
	.page-template-page-sequencing nav {
		font-size: 30px;
		line-height: 1.333em;
	}
}

/* -----------------------------------------------------------------------------
=	16. Site Footer
----------------------------------------------------------------------------- */

.site-footer {
	color: #000;
	font-size: 15px;
	line-height: 1.5em;
	padding: 0 0 20px 0;
	z-index: 500;
}
.site-footer .inner:before {
	background-color: #222;
	clear: both;
	content: '';
	display: block;
	height: 1px;
	margin-bottom: 40px;
	width: 100%;
}

.footer-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(max(270px, 23%), 1fr));
	gap: 1rem;
	justify-content: space-between;
	margin-bottom: 1rem;
}
.footer-row:last-of-type {
	margin-bottom: 0;
}
@media (min-width: 768px) {
	.footer-row {
		flex-direction: row;
	}
}
.footer-column {
	width: 100%;
}

.footer-column__title {
	font-weight: 800;
	margin-bottom: 0;
	text-transform: uppercase;
}
.footer-column__block {
	margin-bottom: 20px;
}
.footer-column__detail {
}
.footer-column__block:last-of-type {
	margin-bottom: 0;
}

.site-footer .hours-of-operation__hours {
	margin-bottom: 0;
}

.site-footer {
	.hours-of-operation__hours {
		margin-bottom: 0;
	}
	.hours-of-operation__detail {
		display: flex;
		flex-direction: row;
		width: max-content;
		/* justify-content: space-between; */
		align-items: end;
	}
	.hours-of-operation__detail-days:after {
		content: ':';
	}
	.hours-of-operation__detail-days {
	}
	.hours-of-operation__detail-time {
		margin-left: 0.5em;
		font-weight: 600;
	}
}
.site-footer a,
.site-footer a:visited,
.site-footer a:active,
.site-footer a:hover {
	color: #000;
}
#site-copyright {
	clear: left;
}
#top {
	text-align: right;
}
@media all and (min-width: 768px) {
	.footer-row {
		padding: 0 0 40px 0;
	}
}
@media all and (min-width: 1024px) {
	.footer-row {
		padding: 0 0 60px 0;
	}
	.footer-row .inner:before {
		margin-bottom: 60px;
	}
}
@media all and (min-width: 1280px) {
	.footer-row {
		padding: 0 0 80px 0;
	}
	.footer-row .inner:before {
		margin-bottom: 80px;
	}
}
@media all and (max-width: 320px) {
	#site-copyright {
		width: 75%;
	}
	#top {
		width: 25%;
	}
}

/* -----------------------------------------------------------------------------
=	17. Circle
----------------------------------------------------------------------------- */

.circle-container {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	z-index: -9999;
}
.circle {
	width: 50%;
	height: 0;
	margin: 0 auto;
	padding-bottom: 50%;
	position: relative;
	top: 50%;
	max-width: 750px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0px 0px 32px 16px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0px 0px 32px 16px rgba(51, 51, 51, 0.5);
	box-shadow: 0px 0px 32px 16px rgba(51, 51, 51, 0.5);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.circle {
	animation: circle 30s infinite;
	background: #fff;
}
@media all and (min-width: 1500px) {
	.circle {
		padding-bottom: 0;
		height: 750px;
	}
}
@media all and (min-width: 1500px) and (max-height: 850px) {
	.circle {
		padding-bottom: 0;
		height: 600px;
		width: 600px;
	}
}
@-webkit-keyframes circle {
	0% {
		box-shadow: 0px 0px 32px 16px rgba(255, 51, 51, 0.5);
	}
	15% {
		box-shadow: 0px 0px 32px 16px rgba(255, 153, 51, 0.5);
	}
	30% {
		box-shadow: 0px 0px 32px 16px rgba(255, 255, 102, 0.5);
	}
	45% {
		box-shadow: 0px 0px 32px 16px rgba(51, 204, 51, 0.5);
	}
	60% {
		box-shadow: 0px 0px 32px 16px rgba(51, 51, 255, 0.5);
	}
	75% {
		box-shadow: 0px 0px 32px 16px rgba(102, 51, 153, 0.5);
	}
	90% {
		box-shadow: 0px 0px 32px 16px rgba(153, 51, 255, 0.5);
	}
	100% {
		box-shadow: 0px 0px 32px 16px rgba(255, 51, 51, 0.5);
	}
}
@-moz-keyframes circle {
	0% {
		box-shadow: 0px 0px 32px 16px rgba(255, 51, 51, 0.5);
	}
	15% {
		box-shadow: 0px 0px 32px 16px rgba(255, 153, 51, 0.5);
	}
	30% {
		box-shadow: 0px 0px 32px 16px rgba(255, 255, 102, 0.5);
	}
	45% {
		box-shadow: 0px 0px 32px 16px rgba(51, 204, 51, 0.5);
	}
	60% {
		box-shadow: 0px 0px 32px 16px rgba(51, 51, 255, 0.5);
	}
	75% {
		box-shadow: 0px 0px 32px 16px rgba(102, 51, 153, 0.5);
	}
	90% {
		box-shadow: 0px 0px 32px 16px rgba(153, 51, 255, 0.5);
	}
	100% {
		box-shadow: 0px 0px 32px 16px rgba(255, 51, 51, 0.5);
	}
}
@keyframes circle {
	0% {
		box-shadow: 0px 0px 32px 16px rgba(255, 51, 51, 0.5);
	}
	15% {
		box-shadow: 0px 0px 32px 16px rgba(255, 153, 51, 0.5);
	}
	30% {
		box-shadow: 0px 0px 32px 16px rgba(255, 255, 102, 0.5);
	}
	45% {
		box-shadow: 0px 0px 32px 16px rgba(51, 204, 51, 0.5);
	}
	60% {
		box-shadow: 0px 0px 32px 16px rgba(51, 51, 255, 0.5);
	}
	75% {
		box-shadow: 0px 0px 32px 16px rgba(102, 51, 153, 0.5);
	}
	90% {
		box-shadow: 0px 0px 32px 16px rgba(153, 51, 255, 0.5);
	}
	100% {
		box-shadow: 0px 0px 32px 16px rgba(255, 51, 51, 0.5);
	}
}

/* -----------------------------------------------------------------------------
=	18. Sequencing Logo
----------------------------------------------------------------------------- */

.sequencing-bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	z-index: -9999;
}
.text-grid {
	clear: both;
	list-style: none;
	margin: 60px 0 0;
	height: calc(100vh - 60px);
	overflow: hidden;
	position: relative;
	text-align: justify;
	font-size: 0;
	line-height: 0;
	text-justify: distribute-all-lines;
}
.text-grid:after {
	content: '';
	display: inline-block;
	width: 100%;
}
.text-grid .lttr,
.text-grid .logo,
.text-grid .gap {
	display: inline-block;
	width: 33.3333%;
}
.text-grid .lttr,
.text-grid .logo {
	font-size: 100px;
	line-height: 100%;
	height: 25%;
	-webkit-animation: seqbg 30s infinite;
	animation: seqbg 30s infinite;
}
.text-grid .logo svg {
	fill: #000;
	height: 70px;
	-webkit-animation: logo 30s infinite;
	animation: logo 30s infinite;
}
a.link-kill {
	border-bottom: none;
	display: inline;
}
a.link-kill:before {
	height: 0;
}
a.link-kill svg {
	display: inline-block;
	fill: #000;
	height: 16px;
	vertical-align: middle;
	-webkit-animation: logo 30s infinite;
	animation: logo 30s infinite;
}
@media all and (min-width: 375px) {
	.text-grid .lttr,
	.text-grid .logo,
	.text-grid .gap {
		width: calc(33.3333% - 26px);
	}
}
@media all and (min-width: 768px) {
	a.link-kill svg {
		height: 22px;
	}
	.text-grid {
		margin: 120px 0 0;
		height: calc(100vh - 120px);
	}
	.text-grid .lttr,
	.text-grid .logo {
		font-size: 150px;
	}
	.text-grid .logo svg {
		height: 105px;
	}
}
@media all and (min-width: 1024px) {
	a.link-kill svg {
		height: 30px;
	}
	.text-grid .lttr,
	.text-grid .logo,
	.text-grid .gap {
		width: calc(25% - 30px);
	}
	.text-grid .lttr,
	.text-grid .logo {
		font-size: 200px;
		height: 33%;
	}
	.text-grid .logo svg {
		height: 140px;
	}
}

@media all and (max-height: 414px) {
	.text-grid {
		margin: 40px 0 0;
	}
	.text-grid .lttr,
	.text-grid .logo,
	.text-grid .gap {
		width: calc(25% - 30px);
	}
	.text-grid .lttr,
	.text-grid .logo {
		font-size: 100px;
		height: 33%;
	}
	.text-grid .logo svg {
		height: 70px;
	}
}
@media all and (max-height: 320px) {
	.text-grid .lttr,
	.text-grid .logo,
	.text-grid .gap {
		width: calc(20% - 30px);
	}
	.text-grid .lttr,
	.text-grid .logo {
		font-size: 75px;
		height: 50%;
	}
	.text-grid .logo svg {
		height: 52px;
	}
}

/* Animation ------------------------------------------------ */

@-webkit-keyframes seqbg {
	0% {
		color: #ff9999;
	} /* ff3333 */
	15% {
		color: #ffcc99;
	} /* ff9933 */
	30% {
		color: #ffffb2;
	} /* ffff66 */
	45% {
		color: #99e599;
	} /* 33cc33 */
	60% {
		color: #9999ff;
	} /* 3333ff */
	75% {
		color: #b299cc;
	} /* 663399 */
	90% {
		color: #cc99ff;
	} /* 9933ff */
	100% {
		color: #ff9999;
	} /* ff3333 */
}
@keyframes seqbg {
	0% {
		color: #ff9999;
	} /* ff3333 */
	15% {
		color: #ffcc99;
	} /* ff9933 */
	30% {
		color: #ffffb2;
	} /* ffff66 */
	45% {
		color: #99e599;
	} /* 33cc33 */
	60% {
		color: #9999ff;
	} /* 3333ff */
	75% {
		color: #b299cc;
	} /* 663399 */
	90% {
		color: #cc99ff;
	} /* 9933ff */
	100% {
		color: #ff9999;
	} /* ff3333 */
}
@-webkit-keyframes logo {
	0% {
		fill: #ff9999;
	} /* ff3333 */
	15% {
		fill: #ffcc99;
	} /* ff9933 */
	30% {
		fill: #ffffb2;
	} /* ffff66 */
	45% {
		fill: #99e599;
	} /* 33cc33 */
	60% {
		fill: #9999ff;
	} /* 3333ff */
	75% {
		fill: #b299cc;
	} /* 663399 */
	90% {
		fill: #cc99ff;
	} /* 9933ff */
	100% {
		fill: #ff9999;
	} /* ff3333 */
}
@keyframes logo {
	0% {
		fill: #ff9999;
	} /* ff3333 */
	15% {
		fill: #ffcc99;
	} /* ff9933 */
	30% {
		fill: #ffffb2;
	} /* ffff66 */
	45% {
		fill: #99e599;
	} /* 33cc33 */
	60% {
		fill: #9999ff;
	} /* 3333ff */
	75% {
		fill: #b299cc;
	} /* 663399 */
	90% {
		fill: #cc99ff;
	} /* 9933ff */
	100% {
		fill: #ff9999;
	} /* ff3333 */
}

/* -----------------------------------------------------------------------------
=	19. Sequencing
----------------------------------------------------------------------------- */

/* Header ------------------------------------------------ */

#page-header-seq {
	padding: 60px 0;
}
.single #page-header-seq {
	padding: 60px 0 0;
}
#sub-header {
	padding-bottom: 60px;
}
.single #sub-header {
	padding: 110px 0 20px;
}
#sub-header .page-title {
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 30px;
	text-transform: uppercase;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	-ms-hyphenate-limit-chars: 6 3 2;
	hyphenate-limit-chars: 6 3 2;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
#sub-header .author,
#sub-header .issue-no {
	font-size: 18px;
	line-height: 1em;
}
#sub-header .author {
	margin-bottom: 40px;
	margin-left: 25%;
	text-transform: uppercase;
}
#sub-header .issue-no {
	font-weight: 500;
	font-style: italic;
	letter-spacing: -1px;
	text-align: center;
}
#sub-header .btn {
	font-weight: 700;
	letter-spacing: 3px;
	margin-top: 40px;
	white-space: nowrap;
}
@media all and (min-width: 375px) {
	#sub-header .author {
		font-size: 1.125em;
		margin-left: 50%;
		padding-left: 10px;
	}
}
@media all and (min-width: 768px) {
	#page-header-seq {
		padding: 120px 0;
	}
	#sub-header {
		padding-bottom: 40px;
	}
	.single #sub-header {
		padding: 200px 0 40px;
	}
	#sub-header {
		float: left;
		padding-right: 14px;
		position: relative;
		width: 66.6666665%;
	}
	#sub-header .page-title {
		font-size: 60px;
		margin-bottom: 40px;
	}
	#sub-header .author,
	#sub-header .issue-no {
		font-size: 26px;
	}
	#sub-header .author {
		margin-left: 50%;
		padding-left: 20px;
	}
	#sub-header .btn {
		text-transform: lowercase;
		width: calc(50% - 20px);
	}
}
@media all and (min-width: 1024px) {
	#sub-header-bottom {
		padding: 60px;
	}
	.single #sub-header {
		padding: 70px 0 60px;
	}
	#sub-header .page-title {
		font-size: 50px;
	}
	#sub-header .author,
	#sub-header .issue-no {
		font-size: 32px;
	}
}
@media all and (min-width: 1280px) {
	#sub-header {
		padding-bottom: 80px;
	}
	.single #sub-header {
		padding: 265px 0 80px;
	}
}

/* Taxonomy ------------------------------------------------ */

#seq-tax {
	padding-bottom: 20px;
}
.single #seq-tax {
	padding-bottom: 0;
}
#seq-tax .seq-tax {
	text-align: left;
}
.single #seq-tax .seq-tax {
	margin-bottom: 1em;
	text-align: center;
}
.seq-tax {
	font-size: 13px;
	line-height: 1.5em;
	margin-bottom: 0;
	text-align: center;
	text-transform: uppercase;
}
.seq-tax {
	font-weight: 500;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.seq-tax {
	color: #637379;
}
.seq-tax a {
	color: #222;
}
.seq-tax a:hover {
	color: #637379;
}
.seq-tax li {
	display: inline-block;
}
.seq-tax li:after {
	content: ' | ';
	display: inline-block;
	margin: 0 5px;
}
.seq-tax li:last-child:after {
	content: '';
	display: none;
}
@media all and (max-width: 320px) {
	.page-template-page-sequencing #seq-tax,
	.tax-taxonomy #seq-tax {
		display: none;
	}
}
@media all and (min-width: 768px) {
	.seq-tax {
		font-size: 14px;
	}
	#seq-tax {
		float: left;
		padding: 7px 0 0 26px;
		width: 33.3333332%;
	}
	.single #seq-tax {
		padding-top: 204px;
	}
	.single #seq-tax .seq-tax {
		text-align: left;
	}
	#seq-tax .seq-tax li {
		display: block;
		padding-bottom: 1.25em;
	}
	#seq-tax .seq-tax li:after {
		content: '';
		display: none;
	}
}
@media all and (min-width: 1024px) {
	.single #seq-tax {
		padding-top: 72px;
	}
	.seq-tax {
		font-size: 18px;
	}
	#seq-tax .seq-tax li {
		display: block;
		padding-bottom: 0.68em;
	}
}
@media all and (min-width: 1280px) {
	.single #seq-tax {
		padding-top: 267px;
	}
	#seq-tax {
		padding-top: 10px;
	}
	#seq-tax .seq-tax li {
		display: block;
	}
}

/* Archive ------------------------------------------------ */

.seq-description {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.43em;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	-ms-hyphenate-limit-chars: 6 3 2;
	hyphenate-limit-chars: 6 3 2;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.seq-description em {
	font-weight: 400;
	font-style: italic;
}
.seq-description strong {
	font-weight: 700;
}
.article-ctr .entry-title {
	font-size: 30px;
	line-height: 1em;
}
.article-ctr .entry-title,
.article-ctr .author,
.article-ctr .issue-no {
	margin-bottom: 30px;
}
.article-ctr .entry-title,
.article-ctr .author {
	text-transform: uppercase;
}
.article-ctr .author,
.article-ctr .issue-no {
	font-size: 18px;
	line-height: 1em;
}
.article-ctr .author {
	margin-left: 50%;
}
.article-ctr .issue-no {
	font-style: italic;
	text-align: center;
}
.article-ctr .issue-no div {
	display: inline;
}
.article-btm {
	font-size: 16px;
	line-height: 1.5em;
}
.article-btm p {
	margin-bottom: 0;
}
.article-btm p a {
	font-weight: 700;
	-webkit-animation: seqbg 30s infinite;
	animation: seqbg 30s infinite;
}
.article-btm img {
	display: block;
	height: auto;
	margin-bottom: 1em;
	opacity: 1;
	width: 100%;
	transition: opacity 300ms ease;
}
.article-btm a:hover img {
	opacity: 0.7;
}
article.fa_sequencing {
	border-bottom: 1px solid #222;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	opacity: 0;
	padding-bottom: 80px;
	margin-bottom: 80px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transform: translateX(-80px);
	transform: translateX(-80px);
}
article.fa_sequencing:first-child,
article.fa_sequencing.visible {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
article.fa_sequencing .article-top {
	margin-bottom: 0.6em;
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}
article.fa_sequencing .article-ctr {
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}
article.fa_sequencing .article-btm {
	-webkit-box-ordinal-group: 3;
	-moz-box-ordinal-group: 3;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
}
@media all and (min-width: 375px) {
	.seq-description {
		font-size: 28px;
	}
}
@media all and (min-width: 768px) {
	.seq-description {
		font-size: 42px;
		line-height: 1.333em;
	}
	.article-ctr .entry-title {
		font-size: 50px;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		-ms-hyphenate-limit-chars: 6 3 2;
		hyphenate-limit-chars: 6 3 2;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}
	.article-ctr .author,
	.article-ctr .issue-no {
		font-size: 26px;
	}
	.article-btm {
		font-size: 22px;
		line-height: 1.333em;
	}
	.article-ctr .entry-title,
	.article-ctr .author {
		margin-bottom: 70px;
	}
	.article-ctr .author {
		margin-left: 0;
		text-align: right;
	}
	.article-ctr .issue-no {
		text-align: left;
	}
	.article-ctr .issue-no div {
		display: block;
	}
	article.fa_sequencing {
		border-bottom: none;
		flex-direction: row;
		flex-wrap: wrap;
		padding-bottom: 100px;
		margin-bottom: 100px;
	}
	article.fa_sequencing .article-top {
		margin-bottom: 1.3em;
		width: 100%;
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
	}
	article.fa_sequencing:nth-child(odd) .article-top {
		margin-right: 33.3333332%;
		padding-right: 14px;
	}
	article.fa_sequencing:nth-child(even) .article-top {
		margin-left: 33.3333332%;
		padding-left: 14px;
	}
	article.fa_sequencing:nth-child(odd) .article-ctr,
	article.fa_sequencing:nth-child(even) .article-btm {
		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		-ms-flex-order: 3;
		-webkit-order: 3;
		order: 3;
	}
	article.fa_sequencing:nth-child(odd) .article-btm,
	article.fa_sequencing:nth-child(even) .article-ctr {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
	}
	article.fa_sequencing:nth-child(odd) .article-ctr,
	article.fa_sequencing:nth-child(even) .article-ctr {
		margin-top: -10px;
		width: calc(33.3333332% - 26px);
	}
	article.fa_sequencing:nth-child(odd) .article-btm {
		padding-right: 14px;
		margin-right: 26px;
		width: 66.666665%;
	}
	article.fa_sequencing:nth-child(even) .article-btm {
		padding-left: 14px;
		margin-left: 26px;
		width: 66.666665%;
	}
}
@media all and (min-width: 1024px) {
	.seq-description {
		font-size: 45px;
	}
	.article-ctr .entry-title {
		font-size: 60px;
	}
	.article-ctr .author,
	.article-ctr .issue-no {
		font-size: 32px;
	}
	.article-btm {
		font-size: 30px;
	}
	article.fa_sequencing {
		padding-bottom: 120px;
		margin-bottom: 120px;
	}
}
@media all and (min-width: 1280px) {
	.seq-description {
		font-size: 54px;
	}
}
@media all and (min-width: 1440px) {
}

/* Single ------------------------------------------------ */

.single-fa_sequencing .entry-content blockquote {
	font-weight: 300;
}
.single-fa_sequencing .entry-content blockquote i,
.single-fa_sequencing .entry-content blockquote em {
	font-weight: 300;
	font-style: italic;
}
.single-fa_sequencing .entry-content blockquote b,
.single-fa_sequencing .entry-content blockquote strong,
.single-fa_sequencing .entry-content blockquote cite {
	font-weight: 400;
}
.single-fa_sequencing .entry-content blockquote cite i,
.single-fa_sequencing .entry-content blockquote cite em {
	font-weight: 400;
	font-style: italic;
}
@media all and (min-width: 768px) {
	html .single-fa_sequencing .entry-content blockquote {
		padding-left: calc(25% - 10px);
	}
	html .single-fa_sequencing .wp-block-embed {
		margin-left: 0;
		width: 100%;
	}
	html .single-fa_sequencing .aligncenter {
		margin-left: 0;
		width: 152.196118%;
	}
	html .single-fa_sequencing .entry-content .alignleft {
		margin-left: 0;
		width: calc(125% + 11px);
	}
	html .single-fa_sequencing .entry-content .alignright {
		margin-left: calc(50% + 20px);
		width: 100%;
	}
	html .single-fa_sequencing figcaption {
		margin-right: auto;
		margin-left: auto;
		width: 100%;
	}
	html .single-fa_sequencing .featured-image figcaption,
	html .single-fa_sequencing .aligncenter figcaption {
		width: calc(50% - 19px);
	}
	html .single-fa_sequencing .alignleft figcaption {
		width: calc(60% + 16px);
	}
	html .single-fa_sequencing .alignright figcaption {
		width: calc(66.666665% - 14px);
	}
	html .single-fa_sequencing .featured-image figcaption,
	html .single-fa_sequencing .wp-block-image figcaption,
	html .single-fa_sequencing .wp-block-embed figcaption,
	html .single-fa_sequencing .wp-block-audio figcaption {
		font-size: 20px;
		margin-top: 10px;
	}
}

/* -----------------------------------------------------------------------------
=	20. Mobile
----------------------------------------------------------------------------- */

@media all and (max-width: 414px) {
	.mobile--hidden {
		display: none;
	}
}

/* -----------------------------------------------------------------------------
=	21. Print
----------------------------------------------------------------------------- */

@media print {
	#page-header,
	menu,
	nav,
	footer,
	#menu-open,
	.btn__print,
	.page-intro,
	.no-print,
	.circle-container {
		display: none;
	}
	#site-header {
		position: relative;
	}
	main {
		padding-top: 40px;
	}
	.inner {
		padding: 0 20px;
	}
	.section-title {
		border-bottom: none;
		font-size: 20px;
		padding-bottom: 0;
	}
	.section-title.full,
	.two-thirds-single {
		width: 100%;
	}
}

/* -----------------------------------------------------------------------------
=	22. Header animation - Headroom.js
----------------------------------------------------------------------------- */

/* .headroom {
  will-change: transform;
  transition: transform 200ms linear;
}
.headroom--pinned {
  transform: translateY(0%);
}
.headroom--unpinned {
  transform: translateY(-100%);
} */
/* -----------------------------------------------------------------------------
=	23. Backgrounds
----------------------------------------------------------------------------- */

.bg-grey {
	background-color: grey;
}

.bg-black {
	background-color: black;
}

/* -----------------------------------------------------------------------------
=	24. Spacing
----------------------------------------------------------------------------- */
.p-2 {
	padding: 0.5rem;
}
.p-3 {
	padding: 1rem;
}

.px-2 {
	padding-right: 0.5rem;
	padding-left: 0.5rem;
}
.px-3 {
	padding-left: 1rem;
	padding-right: 1rem;
}
.py-2 {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.py-3 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.ml-a {
	margin-left: auto;
}

.mr-a {
	margin-right: auto;
}
.mt-a {
	margin-top: auto;
}
.mb-a {
	margin-bottom: auto;
}
.m-2 {
	margin: 0.5rem;
}
.m-3 {
	margin: 1rem;
}

.mx-2 {
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}
.mx-3 {
	margin-left: 1rem;
	margin-right: 1rem;
}
.my-2 {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.my-3 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

/* -----------------------------------------------------------------------------
=	25. Flexbox
----------------------------------------------------------------------------- */
.d-flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-column {
	flex-direction: column;
}

.d-flex.align-center {
	align-items: center;
}

.d-flex.justify-center {
	justify-content: center;
}
.d-flex.space-between {
	justify-content: space-between;
}

/* Festival 2024 Customizations --------------------------- */

.postid-4086 .page-title,
.postid-4086 .entry-title {
	font-family: antipol-variable, sans-serif;
	font-variation-settings: 'STCH' 1, 'wdth' 220, 'wght' 100;
}
.postid-4086 #site-header {
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 1) 0%,
		rgba(0, 0, 0, 0) 100%
	);
}
.postid-4086 .circle {
	display: none;
}
.postid-4086 {
	background: linear-gradient(
			180deg,
			rgba(0, 0, 0, 0) 25.5%,
			rgba(0, 0, 0, 0.9) 63.5%
		),
		linear-gradient(
				90deg,
				#000 3.4%,
				#4ba472 10.76%,
				#000 13.03%,
				#000 30.59%,
				#9a729b 36.83%,
				#000 41.93%,
				#000 76.49%,
				#f58c46 84.98%,
				#000 97.45%
			)
			no-repeat;
}
.postid-4086 #site-title a svg {
	fill: #fff;
}
.postid-4086 .menu-btn a,
.postid-4086 .page-title,
.postid-4086 .entry-title,
.postid-4086.single .date,
.postid-4086.single .entry-content,
.postid-4086 footer,
.postid-4086 footer a,
.postid-4086 footer a:visited,
.postid-4086 .btn.btn__light:hover,
.postid-4086 .btn.btn__light:focus,
.postid-4086 .btn.btn__light:active,
.postid-4086 .category-in a:hover {
	color: #fff;
}
.postid-4086 #menu-open.menu-btn a span,
.postid-4086 #menu-open.menu-btn a span:before,
.postid-4086 #menu-open.menu-btn a span:after {
	background-color: #fff;
}
.postid-4086 .section-title {
	border-bottom: 1px solid #fff;
	color: #fff;
}
.postid-4086 .grid.small .column img {
	border: 1px solid #fff;
	opacity: 1;
}
.postid-4086 footer .menu a:before,
.postid-4086 .l-to-r a:before,
.postid-4086 .l-to-r button:before,
.postid-4086 .btn:before {
	animation: none;
	background: linear-gradient(
		90deg,
		#000000 0,
		#ee2528 36%,
		#f58353 40%,
		#fff56b 45%,
		#41ad49 49%,
		#00aeef 56%,
		#034ea2 60%,
		#7e4d85 64%,
		#704675 65%,
		#583a5b 67%,
		#443045 70%,
		#352834 74%,
		#2a2228 78%,
		#241f21 84%,
		#231f20 100%
	);
}
.postid-4086 .btn__light {
	background: transparent;
	border: 1px solid #fff;
}
.postid-4086 footer .inner:before {
	background-color: #fff;
}
@media all and (min-width: 768px) {
	.postid-4086 #page-header {
		height: 50vh;
		min-height: 50vh;
	}
}

/** -------------------------------------------------------------
= Notification Bar
-------------------------------------------------------------- */

.notification-bar {
	line-height: 1.5em;
	padding: 1rem;
	border: 1px solid;
	margin-inline: auto;
	margin-bottom: 2rem;
	font-size: 1.2rem;
}