/*
	Theme Name: Soft Axis
	Theme URI: http://softaxis.pro
	Description: Soft Axis WordPress Theme
	Version: 0.0.1
	Author: Joshua Wood (@sk83rjosh)
	Author URI: https://sk83rjo.sh/
	Tags: Soft Axis, HTML5, CSS3
*/

	/*------------------------------------*\
	MAIN
\*------------------------------------*/

	/* global box-sizing */
	*,
	*:after,
	*:before {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-font-smoothing: antialiased;
		font-smoothing: antialiased;
		text-rendering: optimizeLegibility;
	}

	/* html element 62.5% font-size for REM use */
	html {
		font-size: 62.5%;
		background-color: #f79420;
	}

	body {
		font: 300 11px/1.4 'Newcastle-BasicClean', sans-serif;
		color: #421a00;
	}

	/* clear */
	.clear:before,
	.clear:after {
		content: ' ';
		display: table;
	}

	.clear:after {
		clear: both;
	}

	.clear {
		*zoom: 1;
	}

	img {
		max-width: 100%;
		vertical-align: bottom;
		user-select: none;
		user-drag: none;
	}

	a {
		color: #421a00;
		text-decoration: none;
	}

	a:hover {
		color: #421a00;
	}

	a:focus {
		outline: 0;
	}

	a:hover,
	a:active {
		outline: 0;
	}

	input:focus {
		outline: 0;
		border: 1px solid #04A4CC;
	}

	/*------------------------------------*\
	Generics
\*------------------------------------*/

	/*buttons*/
	@keyframes filled-button-in {
		from {
			background-position: 200% 0%;
		}

		to {
			background-position: 0% 0%;
		}
	}

	@keyframes filled-button-out {
		from {
			background-position: 0% 0%;
		}

		to {
			background-position: 0% 200%;
		}
	}

	.filled-button {
		position: relative;
		display: inline-block;
		font-size: 16px;
		line-height: 10px;
		white-space: nowrap;
		color: #ededed;
		padding: 10px;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;
		animation-duration: 0.5s;
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1);
		transition: 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
	}

	.filled-button:hover {
		color: #ededed;
		transform: scale(1.1);
	}

	.filled-button-in {
		background-size: 200% 200%;
		background-position: 200% 0%;
		background-repeat: no-repeat;
		background-image: linear-gradient(to top right, transparent 25%, #ededed 25%, #ededed 75%, transparent 75%);
		animation-name: filled-button-in;
	}

	.filled-button-out {
		background-size: 200% 200%;
		background-position: 200% 0%;
		background-repeat: no-repeat;
		background-image: linear-gradient(to top right, transparent 25%, #ededed 25%, #ededed 75%, transparent 75%);
		animation-name: filled-button-out;
	}

	/*misc*/

	#about-text {
		text-align: center;
		width: 50%;
		/*    margin-left: 17%; */
	}

	.about-dot-divider {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.about-dot-divider>span {
		height: 15px;
		width: 15px;
		background-color: #301700;
		border-radius: 50%;
		display: inline-block;
		margin: 5px;
	}

	.horizontal-row {
		font-family: monospace;
		font-size: 13px;
		line-height: 12px;
		border-color: #fec254;
		margin-bottom: 12px;
		margin-top: -6px;
		clear: both;
	}

	.horizontal-row span {
		display: inline-block;
		width: 1ch;
		height: 1ch;
		margin: 0;
		padding: 0;
		background: #ededed;
		vertical-align: middle;
		transform: rotate(45deg);
	}

	.horizontal-row:before {
		display: inline-block;
		width: calc(20px);
		margin-right: 1.5ch;
		border-top: 2px solid;
		border-color: inherit;
		vertical-align: middle;
		content: '';
	}

	.horizontal-row:after {
		display: inline-block;
		width: calc(100% - 20px - 4ch);
		margin-left: 1.5ch;
		border-top: 2px solid;
		border-color: inherit;
		vertical-align: middle;
		content: '';
	}

	.horizontal-row-about {
		font-family: monospace;
		font-size: 13px;
		line-height: 12px;
		border-color: #fec254;
		margin-bottom: 8px;
		margin-top: -6px;
		clear: both;
		text-align: center;
	}

	.horizontal-row-about span {
		display: inline-block;
		width: 1ch;
		height: 1ch;
		margin: 0;
		padding: 0;
		background: #ededed;
		vertical-align: middle;
		transform: rotate(45deg);
	}

	.horizontal-row-about:before {
		display: inline-block;
		width: calc(50% - 4ch);
		margin-right: 1.5ch;
		border-top: 2px solid;
		border-color: inherit;
		vertical-align: middle;
		content: '';
	}

	.horizontal-row-about:after {
		display: inline-block;
		width: calc(50% - 4ch);
		margin-left: 1.5ch;
		border-top: 2px solid;
		border-color: inherit;
		vertical-align: middle;
		content: '';
	}

	#about-title-divider {
		margin-bottom: 29px;
	}

	.flex-container {
		display: flex;
	}

	.flex-centered {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
	}

	.flex-centered img {
		flex: 0 0 auto;
	}

	form.search {
		position: relative;
		display: block;
		width: 60px;
		line-height: 40px;
		height: 40px;
		margin-left: 30%;
		margin-top: -40px;
		background-color: #ffa234;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		z-index: 1;
		color: #181a21;
		overflow: hidden;
		transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
	}

	form.search:before,
	form.search:after {
		position: absolute;
		display: inline-block;
		width: 60px;
		height: 40px;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 18px 19px;
		background-image: url('img/search-dark.png');
		background-image: url('img/search-dark.svg');
		cursor: pointer;
		content: '';
	}

	form.search:after {
		background-image: url('img/search-light.png');
		background-image: url('img/search-light.svg');
		opacity: 0;
		transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
	}

	form.search input {
		float: right;
		width: calc(100% - 60px);
		height: 40px;
		padding: 0px;
		line-height: 40px;
		border: none;
		box-sizing: border-box;
		color: inherit;
		background: transparent;
	}

	form.search.active {
		width: 100%;
		padding: 0px 30%;
		margin-left: 0px;
		color: #ededed;
		background: #181a21;
	}

	form.search.active:after {
		opacity: 1;
	}

	.articles {
		margin: 0px 25%;
		padding: 70px 5%;
		background-color: #ffa234;
	}

	.articles>h1 {
		font-size: 28px;
		color: #ededed;
	}

	.articles>.horizontal-row {
		border-color: #d47729;
		margin-bottom: 65px;
		margin-top: 65px;
	}

	.articles>.horizontal-row span {
		background: #d47729;
	}

	.articles .author-details {
		overflow: hidden;
	}

	.articles .author-details h2 {
		margin-top: 0px;
	}

	.articles .author-details .avatar {
		float: left;
		margin-right: 20px;
		border-radius: 5px;
	}

	.comment-form {
		position: relative;
		padding-bottom: 70px;
	}

	.comment-respond .comment-reply-title,
	.comment-respond .comment-reply-title small {
		font-size: 16px;
	}

	.comment-respond .comment-reply-title small {
		float: right;
	}

	.comment-respond .comment-notes {
		margin: 10px 0px !important;
	}

	.comment-respond .comment-form-email {
		margin-bottom: 33px !important;
	}

	.comment-respond .form-submit {
		clear: left;
	}

	.comment-respond p {
		margin: 0px !important;
	}

	.comment-respond label {
		display: block;
		height: 25px;
		margin-bottom: 10px;
		line-height: 25px;
		font-family: 'Open Sans', sans-serif;
		font-weight: bold;
		margin: 5px 0px;
	}

	.comment-respond textarea,
	.comment-respond input[type="text"] {
		border-radius: 5px;
		display: block;
		width: 100%;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		line-height: 19px;
		border: none;
		background: #e8e9ea;
		outline: none;
		padding: 10px;
	}

	.comment-respond .comment-notes {
		color: #d47729;
	}

	.comment-respond textarea {
		width: 100%;
		height: 224px;
	}

	.comment-form .comment-form-comment {
		float: left;
		width: calc(100% - 334px);
	}

	.comment-form .comment-form-author,
	.comment-form .comment-form-email,
	.comment-form .gglcptch {
		float: right;
		width: 304px;
	}

	.comment-form .gglcptch {
		margin-bottom: 0px !important;
	}

	.comment-form .logged-in-as+.gglcptch {
		margin-top: 181px !important;
	}

	.comments .comment-body .comment-reply-link {
		display: flex;
		position: absolute;
		background: #ea8c1e;
		padding: 0px 20px;
		right: 0;
		top: 0;
		bottom: 0;
		height: 100%;
		align-items: center;
		transition: all 0.25s cubic-bezier(0.215, 0.610, 0.355, 1);
	}

	.comments .comment-body .comment-reply-link:hover {
		color: #ea8c1e;
		background: #ededed;
	}

	.comments .form-submit input[type="submit"] {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		background: #eb8c1e;
		border: none;
		padding: 10px 30px;
		height: 40px;
		line-height: 20px;
		color: #ededed;
		font-family: 'Newcastle-BasicClean';
		font-size: 14px;
		float: right;
		margin-top: 30px;
		transition: all 0.25s cubic-bezier(0.215, 0.610, 0.355, 1);
	}

	.comments .form-submit input[type="submit"]:hover {
		background: #ededed;
		color: #eb8c1e;
		transform: scale(1.1);
	}

	/*------------------------------------*\
	STRUCTURE
\*------------------------------------*/

	/* header */
	.header {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 50px;
		text-align: center;
		background: #ff8722;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px;
		z-index: 999;
	}

	/* logo */
	.logo {
		display: block;
		position: absolute;
		top: 20px;
		left: calc(50% - 30px);
	}

	.logo a {
		display: block;
		width: 60px;
		height: 60px;
		line-height: 60px;
		border-radius: 10%;
		background-color: #fec254;
		transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
		transform: rotate(45deg);
	}

	.logo-img {
		width: 45px;
		vertical-align: middle;
		transition: inherit;
		transform: rotate(-45deg);
	}

	.logo a:hover {
		transform: rotate(45deg) scale(1.1);
	}

	.logo a:hover .logo-img {
		transform: rotate(-45deg);
	}

	/* nav */
	.nav {
		display: block;
		width: 100%;
		height: 100%;
		line-height: 50px;
	}

	.nav ul {
		width: 50%;
		height: 100%;
		padding: 0 80px;
		margin: 0;
		float: left;
		list-style: none;
	}

	.nav ul li {
		display: block;
		height: 100%;
		float: left;
		margin: 0px 40px;
	}

	.nav ul:first-of-type li {
		float: right;
	}

	.nav ul li a {
		display: inline-block;
		font-size: 16px;
		padding: 5px;
		line-height: 20px;
		color: #ededed;
		vertical-align: middle;
		animation-fill-mode: forwards;
		animation-iteration-count: 1;
		animation-duration: 0.5s;
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1);
		transition: 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
	}

	.nav ul li a:hover {
		color: #401b09;
	}

	@keyframes hamburger-in {
		from {
			background-position: 0% 0%;
		}

		to {
			background-position: 100% 0%;
		}
	}

	@keyframes hamburger-out {
		from {
			background-position: 0% 100%;
		}

		to {
			background-position: 70.5882353% 100%;
		}
	}

	.nav .hamburger {
		display: none;
		position: absolute;
		right: 0px;
		background-image: url('img/hamburger.png');
		background-position: 0px 100%;
		width: 75px;
		height: 75px;
		animation: hamburger-in 1s steps(34) backwards;
		transform: scale(0.66) translateY(-25%);
	}

	.nav.active .hamburger {
		animation: hamburger-out 1s steps(24) forwards;
	}

	/* sidebar */
	.sidebar {
		display: none;
	}

	/* main */
	.main {
		margin-top: 50px;
	}

	/* footer */
	.footer {
		width: 100%;
		padding: 80px 25%;
		background: #080706;
		overflow: hidden;
		color: #ededed;
	}

	.footer section {
		float: left;
	}

	.footer section:nth-child(1) {
		width: 30%;
	}

	.footer section:nth-child(2) {
		width: 50%;
	}

	.footer section:nth-child(3) {
		width: 20%;
	}

	.footer h1 {
		color: #ededed;
		font-size: 20px;
		margin: 0;
		margin-bottom: 10px;
	}

	#contact {
		position: relative;
	}

	#contact:before {
		display: block;
		position: absolute;
		top: -80px;
		width: 100%;
		height: 100%;
		pointer-events: none;
		background-image: url('img/contact.gif');
		background-size: auto 100%;
		background-position: 20px top;
		background-repeat: no-repeat;
		transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1.0);
		opacity: 0;
		content: '';
	}

	#contact.viewed:before {
		opacity: 1;
	}

	.footer a.contact {
		position: relative;
		color: #ededed;
		font-size: 14px;
		line-height: 90px;
	}

	.footer a.contact:before {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		line-height: normal;
		background: #080706;
		opacity: 0;
		transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1.0);
		content: '';
	}

	.footer a.contact.copied:before {
		opacity: 1;
		content: 'Copied to clipboard!';
	}

	.footer a.contact span {
		color: #f7931d;
		transition: 0.5s;
	}

	.footer a.contact:hover span {
		color: #ededed;
	}

	.footer p.copyright {
		color: #433c3e;
		font-family: 'Open Sans', sans-serif;
		font-size: 10px;
		line-height: 30px;
		margin: 0;
	}

	.footer section.contact {
		text-align: center;
	}

	.footer a.social {
		line-height: 120px;
		margin: 0px 18px;
	}

	.footer img.social-img {
		vertical-align: middle;
		transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1.0);
	}

	.footer img.social-img:hover {
		transform: scale(1.2);
	}

	.footer ul {
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
		line-height: 30px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.footer ul li a {
		color: #f7931d;
		text-transform: uppercase;
		transition: 0.5s;
	}

	.footer ul li a:hover {
		color: #ededed;
	}

	/* comments */
	.comments ul {
		list-style: none;
		padding-left: 0px;
	}

	.comments ul ul {
		padding-left: 20px;
	}

	.comments .comment {
		margin-top: 20px;
	}

	.comments .comment-author {
		line-height: 20px;
		font-size: 12px;
		font-family: 'Open Sans', sans-serif;
		overflow: hidden;
	}

	.comments .comment-body .avatar {
		width: 40px;
		height: 40px;
		margin-bottom: 10px;
		margin-right: 10px;
		border-radius: 5px;
		float: left;
	}

	.comments .comment-body .fn {
		font-style: normal;
		font-weight: bold;
		text-transform: uppercase;
	}

	.comments .comment-body .says {
		text-transform: uppercase;
	}

	.comments .comment-body .date {
		text-transform: uppercase;
		color: #d47729;
	}

	.comments .comment-meta {
		display: inline;
	}

	.comments .comment-text {
		position: relative;
		background: #f79420;
		padding: 20px;
		padding-right: 100px;
		word-wrap: break-word;
	}

	.comments .comment-body p {
		margin: 10px 0px;
	}

	.comments .comment-body p:first-of-type {
		margin-top: 0px;
	}

	.comments .comment-body p:last-of-type {
		margin-bottom: 0px;
	}

	/*------------------------------------*\
	PAGES
\*------------------------------------*/

	/* Home Page */
	body.page-template-template-home .hero {
		position: relative;
		width: 100%;
	}

	body.page-template-template-home .hero:after {
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 10px;
		background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.5) 50%, transparent);
		opacity: 0.5;
		content: '';
	}

	body.page-template-template-home .hero .slide-holder {
		display: flex;
		overflow-x: hidden;
	}

	body.page-template-template-home .hero .slide {
		display: flex;
		align-items: center;
		position: relative;
		width: 100%;
		min-height: 60vh;
		background-size: cover;
		background-position: center center;
		padding: 60px 0px;
		color: #ededed;
		user-select: none;
		flex: 1 0 auto;
	}

	body.page-template-template-home .hero .slide:before {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: inherit;
		opacity: 0.95;
		content: '';
	}

	body.page-template-template-home .hero .slide.image-only .slide-content {
		padding: 0px;
	}

	body.page-template-template-home .hero .slide-content {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
	}

	body.page-template-template-home .hero .slide-content>* {
		position: relative;
		z-index: 1;
	}

	body.page-template-template-home .hero .slide-content>div {
		width: 50%;
		margin-right: 60px;
	}

	body.page-template-template-home .hero .slide-content>img {
		width: 100%;
		height: auto;
	}

	body.page-template-template-home .hero .slide-content>div+img {
		width: auto;
	}

	body.page-template-template-home .hero .slide .title {
		font-size: 34px;
		line-height: 40px;
		margin: 0px;
		margin-bottom: 14px;
	}

	body.page-template-template-home .hero .slide .description {
		display: inline-block;
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		margin: 0px;
		margin-bottom: 14px;
	}

	body.page-template-template-home .hero .slide:nth-child(even) .slide-content {
		text-align: right;
		flex-direction: row-reverse;
	}

	body.page-template-template-home .hero .slide:nth-child(even) .slide-content>div {
		margin-right: 0px;
		margin-left: 60px;
	}

	body.page-template-template-home .hero .slide:nth-child(even) .horizontal-row:before {
		width: calc(100% - 20px - 4ch);
	}

	body.page-template-template-home .hero .slide:nth-child(even) .horizontal-row:after {
		width: 20px;
	}

	body.page-template-template-home .hero>.controls {
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 40px;
		text-align: center;
		user-select: none;
	}

	body.page-template-template-home .hero>.controls .control {
		display: inline-block;
		width: 10px;
		height: 10px;
		background: #e8e9ea;
		opacity: 0.5;
		border-radius: 50%;
		margin: 0px 15px;
		cursor: pointer;
	}

	body.page-template-template-home .hero>.controls .control.selected,
	body.page-template-template-home .hero>.controls .control:hover {
		opacity: 1;
	}

	body.page-template-template-home .flex-container {
		position: relative;
		color: #ededed;
		overflow: hidden;
		padding: 30px 0px;
		background-size: cover;
		background-position: center center;
	}

	body.page-template-template-home .flex-container:before {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 8px;
		background-color: rgba(255, 255, 255, 0.2);
		z-index: 1;
		content: '';
	}

	body.page-template-template-home .hero+.flex-container:before {
		display: none;
	}

	body.page-template-template-home .flex-container:after {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: inherit;
		opacity: 0.95;
		content: '';
	}

	body.page-template-template-home .flex-container .flex-centered {
		min-height: 50vh;
	}

	body.page-template-template-home .flex-container>* {
		position: relative;
		z-index: 1;
	}

	body.page-template-template-home .flex-container:nth-child(odd) .flex-centered {
		text-align: right;
		flex-direction: row-reverse;
	}

	body.page-template-template-home .flex-container:not(.has-description) .image {
		margin-left: 20px;
	}

	body.page-template-template-home .flex-container:not(.has-description):nth-child(odd) .image {
		margin-left: 0px;
		margin-right: 20px;
	}

	body.page-template-template-home .flex-container .image,
	body.page-template-template-home .flex-container .image.rollover {}

	body.page-template-template-home .flex-container .image.rollover,
	body.page-template-template-home .flex-container:hover .image {}

	body.page-template-template-home .flex-container:hover .image.rollover {}

	body.page-template-template-home .flex-container .title {
		font-size: 35px;
		line-height: 40px;
		margin: 0;
		margin-bottom: 14px;
	}

	body.page-template-template-home .flex-container:not(.has-description) .title {
		font-size: 60px;
		line-height: 70px;
	}

	body.page-template-template-home .flex-container:not(.has-description) {
		text-align: right;
	}

	body.page-template-template-home .flex-container:not(.has-description):nth-child(odd) {
		text-align: left;
	}

	body.page-template-template-home .flex-container .description {
		display: inline-block;
		margin: 0;
		margin-bottom: 14px;
		margin-right: 15%;
		max-width: 85%;
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		line-height: 16px;
	}

	body.page-template-template-home .flex-container:not(.has-description) .horizontal-row {
		width: 70%;
		margin-left: 30%;
	}

	body.page-template-template-home .flex-container:nth-child(odd) .description {
		margin-left: 15%;
		margin-right: 0;
	}

	body.page-template-template-home .flex-container:nth-child(odd) .horizontal-row:before {
		width: calc(100% - 20px - 4ch);
	}

	body.page-template-template-home .flex-container:nth-child(odd) .horizontal-row:after {
		width: calc(20px);
	}

	@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');


	/* About Page */
	body.page-template-template-about {
		background-color: #f79420;
	}

	body.page-template-template-about .intro {
		padding-top: 65px;
		padding-bottom: 40px;
	}

	body.page-template-template-about .intro .title {
		margin: 0;
		margin-bottom: 40px;
		color: #ededed;
		font-size: 44px;
		/*	line-height: 40px; */
	}

	.intro .title {
		line-height: 40px;
	}

	body.page-template-template-about .intro .image {
		width: 35%;
	}

	body.page-template-template-about .intro .content {
		width: 45%;
		margin-left: 20%;
	}

	body.page-template-template-about .intro .content p {
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		line-height: 16px;
		margin: 0px;
	}

	body.page-template-template-about .intro strong,
	body.page-template-template-about .intro b {}

	body.page-template-template-about .intro .content p+p {
		margin-top: 24px;
	}

	body.page-template-template-about .press-kit {
		display: flex;
		margin-top: 34px;
	}

	body.page-template-template-about .press-kit .tagline {
		font-size: 20px;
		line-height: 24px;
		margin: 0;
	}

	body.page-template-template-about .press-kit .download {
		color: inherit;
		line-height: 12px;
		flex: 0 0 auto;
		margin-left: 25px;
		text-align: center;
		transition: all 0.25s cubic-bezier(0.215, 0.610, 0.355, 1);
	}

	body.page-template-template-about .press-kit .download img {
		display: block;
		width: 70%;
		margin-left: 15%;
		margin-bottom: 12px;
	}

	body.page-template-template-about .press-kit .download:hover {
		color: #ededed;
		transform: scale(1.2);
	}

	body.page-template-template-about .map {
		background: #ffa234;
		user-select: none;
		user-drag: none;
		-webkit-touch-callout: none;
	}

	body.page-template-template-about .map .tagline {
		position: absolute;
		left: 56%;
		top: -25%;
		width: 20%;
		height: 100%;
		color: #ededed;
		font-size: 20px;
		line-height: 25px;
		text-align: right;
	}

	body.page-template-template-about .map .holder {
		position: relative;
	}

	body.page-template-template-about .map .marker {
		position: absolute;
		display: block;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		margin-left: -15px;
		margin-top: -15px;
		background: #ffd993;
		font-size: 12px;
		cursor: pointer;
		transition: all 0.25s cubic-bezier(0.215, 0.610, 0.355, 1);
	}

	body.page-template-template-about .map .marker.contractor {
		width: 10px;
		height: 10px;
		border-radius: 0px;
		transform: translate(-50%, -50%) rotate(45deg);
		background: #d17d1e;
		pointer-events: none;
	}

	body.page-template-template-about .map .marker .pole {
		position: absolute;
		width: 2px;
		height: inherit;
		left: 50%;
		margin-left: -1px;
		background: inherit;
		pointer-events: none;
	}

	body.page-template-template-about .map .marker .pole:after {
		position: absolute;
		display: block;
		width: 10px;
		height: 10px;
		left: 50%;
		bottom: 0;
		background: inherit;
		transform: translate(-50%, 50%) rotate(45deg);
		content: '';
	}

	body.page-template-template-about .map .marker .name {
		position: absolute;
		left: 50%;
		transition: inherit;
	}

	body.page-template-template-about .map .marker .name span {
		display: inline-block;
		height: 30px;
		max-width: 0px;
		line-height: 30px;
		color: #421a00;
		background: #ededed;
		white-space: nowrap;
		overflow: hidden;
		transition: inherit;
	}

	body.page-template-template-about .map .marker:hover {
		background: #ededed;
		z-index: 999;
	}

	body.page-template-template-about .map .marker:hover .name {
		transform: translateX(-50%);
	}

	body.page-template-template-about .map .marker:hover .name span {
		max-width: 100%;
		padding: 0px 10px;
	}

	body.page-template-template-about .team {
		text-align: center;
		padding: 60px 20%;
	}

	body.page-template-template-about .team .meettheteam {
		margin: 0;
		margin-bottom: 40px;
		color: #ededed;
		font-size: 64px;
		/*	line-height: 40px; */
	}

	.meettheteam {
		line-height: 80px;
	}

	body.page-template-template-about .team .member {
		display: inline-block;
		text-align: left;
		vertical-align: top;
		width: 25%;
		margin: 10px calc(25% / 7);
	}

	body.page-template-template-about .team .member .image,
	body.page-template-template-about .team .member .image.rollover {
		display: block;
		margin: 0 auto;
		margin-bottom: 0px;
	}

	body.page-template-template-about .team .member .image.rollover,
	body.page-template-template-about .team .member:hover .image,
	body.publishing .flex-container .image.rollover,
	body.publishing .flex-container:hover .image {
		display: none;
	}

	body.page-template-template-about .team .member:hover .image.rollover,
	body.publishing .flex-container:hover .image.rollover {
		display: block;
	}

	body.page-template-template-about .team .member .name {
		color: #ededed;
		font-size: 24px;
		text-align: center;
		line-height: 24px;
		max-height: 24px;
		overflow: hidden;
		margin: 0;
		margin-bottom: 8px;
	}

	body.page-template-template-about .team .member .name span {
		white-space: nowrap;
	}

	body.page-template-template-about .team .member .title {
		display: block;
		min-height: 32px;
		text-align: center;
		font-size: 1.5em;
		font-weight: bold;
		line-height: 16px;
		vertical-align: middle;
		overflow: hidden;
		box-sizing: content-box;
		padding-bottom: 6px;
	}

	body.page-template-template-about .team .member .pronoun {
		color: #ededed;
		display: block;
		height: 10px;
		text-align: center;
		font-size: 1.5em;
		font-weight: bold;
		line-height: 16px;
		vertical-align: middle;
		overflow: hidden;
		box-sizing: content-box;
		padding-bottom: 18px;
	}

	body.page-template-template-about .team .country {
		display: block;
		width: 20px;
		height: 20px;
		float: right;
		line-height: 18px;
		text-align: center;
		margin-top: -44px;
		border: 1px solid currentColor;
		font-weight: bold;
		font-family: 'Open Sans', sans-serif;
		font-size: 10px;
	}

	body.page-template-template-about .team .social-links {
		text-align: center;
	}

	body.page-template-template-about .team .social-img {
		margin-left: 4px;
		margin-right: 4px;
		text-align: center;
		width: 9%;
	}

	body.page-template-template-about .team .member .about {
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		line-height: 16px;
		margin: 0;
		margin-top: 18px;
	}

	/* About Page / Archives / Single Post */
	body.search,
	body.archive,
	body.single-post,
	body.page-template-template-devblog {
		background-color: #f79420;
		background-image: url('img/articles.png');
		background-position: top center;
	}

	.page-header {
		position: relative;
		padding: 85px 30%;
		color: #ededed;
		box-shadow: inset 0px -85px 85px rgba(0, 0, 0, 0.5);
		background-size: cover;
		background-position: center center;
	}

	.page-header:before {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #171923;
		opacity: 0.85;
		content: '';
	}

	.page-header .title-holder {
		display: inline-block;
	}

	.page-header .title {
		font-size: 48px;
		line-height: 45px;
		margin: 0;
		margin-bottom: 30px;
	}

	.page-header.horizontal-row {
		margin-bottom: 20px;
	}

	.page-header .tagline {
		font-family: 'Open Sans', sans-serif;
		font-size: 26px;
		line-height: normal;
		margin: 0;
	}

	.page-header>* {
		position: relative;
		z-index: 1;
	}

	/* Games Page */
	body.page-template-template-games .flex-container {
		position: relative;
		color: #ededed;
		overflow: hidden;
		padding: 90px 30%;
		min-height: 75vh;
		background-size: cover;
		background-position: center center;
		flex-wrap: wrap;
	}

	body.page-template-template-games .flex-container:first-of-type {
		min-height: calc(75vh - 50px);
	}

	body.page-template-template-games .flex-container:after {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: inherit;
		opacity: 0.9;
		content: '';
	}

	body.page-template-template-games .flex-container:before {
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 8px;
		background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2) 50%, transparent);
		z-index: 1;
		content: '';
	}

	body.page-template-template-games .flex-container .flex-centered {
		min-height: 50vh;
	}

	body.page-template-template-games .flex-container>* {
		position: relative;
		z-index: 1;
	}

	body.page-template-template-games .flex-container .image {
		width: 50%;
	}

	body.page-template-template-games .flex-container .title {
		font-size: 35px;
		line-height: 40px;
		margin: 0;
		margin-bottom: 45px;
	}

	body.page-template-template-games .flex-container .content {
		position: relative;
		padding-bottom: 95px;
	}

	body.page-template-template-games .flex-container .horizontal-row {
		margin-bottom: 45px;
	}

	body.page-template-template-games .flex-container .tagline {
		font-size: 18px;
		font-weight: bold;
		line-height: 24px;
		margin: 0px;
		margin-bottom: 20px;
	}

	body.page-template-template-games .flex-container .description {
		display: inline-block;
		margin: 0;
		margin-bottom: 14px;
		margin-right: 15%;
		max-width: 85%;
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		line-height: 16px;
	}

	body.page-template-template-games .flex-container .info {
		height: 80px;
		line-height: 20px;
		font-weight: bold;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		margin-top: 55px;
		white-space: nowrap;
	}

	body.page-template-template-games .flex-container .info p {
		display: inline-block;
		margin: 20px 0px;
		margin-right: 20px;
	}

	body.page-template-template-games .flex-container .info img {
		height: 100%;
		width: auto;
	}

	body.page-template-template-games .flex-container .links {
		position: absolute;
		left: 0;
		bottom: auto;
		font-size: 0px;
		padding-top: 35px;
		white-space: inherit;
	}

	body.page-template-template-games .flex-container .filled-button {
		margin-right: 10px;
		margin-bottom: 10px;
	}

	body.page-template-template-games .flex-container .filled-button.external {
		background-color: #2c7a92;
	}

	body.page-template-template-games .flex-container .filled-button.steam {
		background-color: #688304;
	}

	body.page-template-template-games .flex-container .filled-button.facebook {
		background-color: #3e5c9a;
	}

	body.page-template-template-games .flex-container:nth-child(even) .flex-centered {
		text-align: right;
		flex-direction: row-reverse;
	}

	body.page-template-template-games .flex-container:nth-child(even) .horizontal-row:before {
		width: calc(100% - 20px - 4ch);
	}

	body.page-template-template-games .flex-container:nth-child(even) .horizontal-row:after {
		width: calc(20px);
	}

	body.page-template-template-games .flex-container:nth-child(even) .description {
		margin-left: 15%;
		margin-right: 0;
	}

	body.page-template-template-games .flex-container:nth-child(even) .info p {
		text-align: left;
	}

	body.page-template-template-games .flex-container:nth-child(even) .links {
		left: initial;
		right: 0;
	}

	body.page-template-template-games .flex-container:nth-child(even) .filled-button {
		margin-right: 0px;
		margin-left: 10px;
	}

	/* Single Game Page */
	body.page-template-template-single-game .flex-container {
		position: relative;
		color: #ededed;
		overflow: hidden;
		padding: 90px 30%;
		min-height: 75vh;
		background-size: cover;
		background-position: center center;
		flex-wrap: wrap;
	}

	body.page-template-template-single-game .flex-container:first-of-type {
		min-height: calc(75vh - 50px);
	}

	body.page-template-template-single-game .flex-container:after {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: inherit;
		opacity: 0.9;
		content: '';
	}

	body.page-template-template-single-game .flex-container:before {
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 8px;
		background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2) 50%, transparent);
		z-index: 1;
		content: '';
	}

	body.page-template-template-single-game .flex-container .flex-centered {
		min-height: 50vh;
	}

	body.page-template-template-single-game .flex-container>* {
		position: relative;
		z-index: 1;
	}

	body.page-template-template-single-game .flex-container .image {
		width: 50%;
	}

	body.page-template-template-single-game .flex-container .title {
		font-size: 35px;
		line-height: 40px;
		margin: 0;
		margin-bottom: 45px;
	}

	body.page-template-template-single-game .flex-container .content {
		position: relative;
		padding-bottom: 95px;
	}

	body.page-template-template-single-game .flex-container .horizontal-row {
		margin-bottom: 45px;
	}

	body.page-template-template-single-game .flex-container .tagline {
		font-size: 18px;
		font-weight: bold;
		line-height: 24px;
		margin: 0px;
		margin-bottom: 20px;
	}

	body.page-template-template-single-game .flex-container .description {
		display: inline-block;
		margin: 0;
		margin-bottom: 14px;
		margin-right: 15%;
		max-width: 85%;
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		line-height: 16px;
	}

	body.page-template-template-single-game .flex-container .info {
		height: 80px;
		line-height: 20px;
		font-weight: bold;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		margin-top: 55px;
		white-space: nowrap;
	}

	body.page-template-template-single-game .flex-container .info p {
		display: inline-block;
		margin: 20px 0px;
		margin-right: 20px;
	}

	body.page-template-template-single-game .flex-container .info img {
		height: 100%;
		width: auto;
	}

	body.page-template-template-single-game .flex-container .links {
		position: absolute;
		left: 0;
		bottom: auto;
		font-size: 0px;
		padding-top: 35px;
		white-space: inherit;
	}

	body.page-template-template-single-game .flex-container .filled-button {
		margin-right: 10px;
		margin-bottom: 10px;
	}

	body.page-template-template-single-game .flex-container .filled-button.external {
		background-color: #2c7a92;
	}

	body.page-template-template-single-game .flex-container .filled-button.steam {
		background-color: #688304;
	}

	body.page-template-template-single-game .flex-container .filled-button.facebook {
		background-color: #3e5c9a;
	}

	body.page-template-template-single-game .flex-container:nth-child(even) .flex-centered {
		text-align: right;
		flex-direction: row-reverse;
	}

	body.page-template-template-single-game .flex-container:nth-child(even) .horizontal-row:before {
		width: calc(100% - 20px - 4ch);
	}

	body.page-template-template-single-game .flex-container:nth-child(even) .horizontal-row:after {
		width: calc(20px);
	}

	body.page-template-template-single-game .flex-container:nth-child(even) .description {
		margin-left: 15%;
		margin-right: 0;
	}

	body.page-template-template-single-game .flex-container:nth-child(even) .info p {
		text-align: left;
	}

	body.page-template-template-single-game .flex-container:nth-child(even) .links {
		left: initial;
		right: 0;
	}

	body.page-template-template-single-game .flex-container:nth-child(even) .filled-button {
		margin-right: 0px;
		margin-left: 10px;
	}

	/* Other Games Page */
	body.page-template-template-other-games {
		background-position: center center;
	}

	body.page-template-template-other-games .moneygun {
		width: 50%;
	}

	body.page-template-template-other-games .page-header {
		display: flex;
		align-items: center;
		flex-direction: row-reverse;
		margin-bottom: 70px;
	}

	body.page-template-template-other-games .page-header .title {
		line-height: normal;
	}

	body.page-template-template-other-games .page-header:before {
		background-color: inherit;
	}

	body.page-template-template-other-games .page-header .content {
		width: 70%;
	}

	body.page-template-template-other-games .page-header .image {
		float: right;
		width: 30%;
		padding-left: 20px;
	}

	body.page-template-template-other-games .flex-container {
		color: #421a00;
		overflow: hidden;
		padding: 0px 30%;
		margin-bottom: 40px;
		background-size: cover;
		background-position: center center;
		flex-wrap: wrap;
	}

	body.page-template-template-other-games .flex-container:last-of-type {
		margin-bottom: 150px;
	}

	body.page-template-template-other-games .flex-container .flex-centered {
		width: 100%;
		flex-wrap: wrap;
	}

	body.page-template-template-other-games .flex-container .video {
		width: 100%;
	}

	body.page-template-template-other-games .flex-container .content {
		display: flex;
		width: 100%;
		padding-bottom: 40px;
		box-sizing: border-box;
		line-height: 15px;
		align-items: center;
	}

	body.page-template-template-other-games .flex-container .content>* {
		width: 40%;
		box-sizing: border-box;
		padding: 0px 3%;
		float: left;
	}

	body.page-template-template-other-games .flex-container .content>.details {
		width: 60%;
	}

	body.page-template-template-other-games .flex-container .details {
		position: relative;
	}

	body.page-template-template-other-games .flex-container .details:before {
		position: absolute;
		display: block;
		width: 2px;
		height: 64px;
		left: -1px;
		top: 50%;
		margin-top: -32px;
		border-right: 2px solid;
		border-color: inherit;
		content: '';
	}

	body.page-template-template-other-games .flex-container .content .image {
		padding-left: 0%;
	}

	body.page-template-template-other-games .flex-container .content.has-link .details {
		padding-right: 27%;
	}

	body.page-template-template-other-games .flex-container .filled-button {
		text-align: center;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 40%;
		background-color: #e44101;
	}

	body.page-template-template-other-games .flex-container .release {
		font-size: 20px;
		margin: 0px;
		margin-bottom: 12px;
	}

	body.page-template-template-other-games .flex-container .description {
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
	}

	body.page-template-template-other-games .flex-container .horizontal-row {
		display: block;
		width: 100%;
		margin-top: 65px;
		margin-bottom: 25px;
		border-color: #e44101;
	}

	/* 404 Page */
	body.error404 {
		background: #f79420;
	}

	body.error404 .flex-centered {
		height: calc(100vh - 50px);
		padding: 90px 0px;
	}

	body.error404 .flex-centered img {
		max-height: 100%;
	}

	/*  Page */

	@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');

	body.page-template-template-privacy-policy .privacy_policy_container {
		padding: 80px 20%;
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
	}

	body.page-template-template-privacy-policy .privacy_policy_container h2,
	body.page-template-template-privacy-policy .privacy_policy_container h3 {
		font-weight: bold;
	}

	body.page-template-template-privacy-policy .privacy_policy_container a {
		color: #575af5;
		text-decoration: underline;
	}

	/*------------------------------------*\
	IMAGES
\*------------------------------------*/



	/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
	@import url("http://hello.myfonts.net/count/326343");

	@font-face {
		font-family: 'Newcastle-BasicClean';
		src: url('fonts/FaceType%20-%20Newcastle%20Basic%20Clean.ttf');
	}

	/*------------------------------------*\
	RESPONSIVE
\*------------------------------------*/

	@media only screen {

		/* Home Page */
		body.page-template-template-home .flex-centered,
		body.page-template-template-about .intro>.flex-centered {
			width: 850px;
		}

		body.page-template-template-home .hero .slide-content {
			width: 740px;
		}
	}

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

		/* Foooter */
		.footer {
			padding: 80px 15%;
		}

		/* About */
		body.page-template-template-about .team {
			padding: 60px 15%;
		}

		/* Blog */
		.page-header {
			padding: 85px 15%;
		}

		form.search {
			margin-left: 15%;
		}

		form.search.active {
			padding: 0px 15%;
			margin-left: 0px;
		}

		.articles {
			margin: 0px 10%;
		}

		/* Games Page */
		body.page-template-template-games .flex-container {
			padding: 90px 15%;
		}

		/* Other Games Page */
		body.page-template-template-other-games .flex-container {
			padding: 0px 15%;
		}

		/*  Page */
		body.page-template-template-privacy-policy .privacy_policy_container {
			padding: 80px 15%;
		}
	}

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

		/* Foooter */
		.footer {
			padding: 80px 10%;
		}

		/* About */
		body.page-template-template-about .team {
			padding: 60px 10%;
		}

		/* Blog */
		.page-header {
			padding: 85px 10%;
		}

		form.search {
			margin-left: 10%;
		}

		form.search.active {
			padding: 0px 10%;
			margin-left: 0px;
		}

		.articles {
			margin: 0px 5%;
		}

		/* Games Page */
		body.page-template-template-games .flex-container {
			padding: 90px 10%;
		}

		/* Other Games Page */
		body.page-template-template-other-games .flex-container {
			padding: 0px 10%;
		}

		/*  Page */
		body.page-template-template-privacy-policy .privacy_policy_container {
			padding: 80px 10%;
		}
	}

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

		/* Foooter */
		.footer {
			padding: 80px 5%;
		}

		/* Blog */
		.page-header {
			padding: 85px 5%;
		}

		form.search {
			margin-left: 5%;
		}

		form.search.active {
			padding: 0px 5%;
			margin-left: 0px;
		}

		.articles {
			margin: 0px 0%;
		}

		/* Games Page */
		body.page-template-template-games .flex-container {
			padding: 90px 5%;
		}

		/* Other Games Page */
		body.page-template-template-other-games .flex-container {
			padding: 0px 5%;
		}

		/*  Page */
		body.page-template-template-privacy-policy .privacy_policy_container {
			padding: 80px 5%;
		}
	}

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

		/* Home */
		body.page-template-template-home .flex-centered {
			width: 90%;
		}

		body.page-template-template-home .flex-container .image {
			max-width: 45%;
		}

		/* Foooter */
		.footer h1 {
			font-size: 16px;
		}

		.footer a.contact {
			font-size: 12px;
		}

		.footer p.copyright {
			font-size: 8px;
		}

		body.page-template-template-home .flex-container:not(.has-description) .title {
			font-size: 6vw;
			line-height: 8vw;
		}

		/* About */
		body.page-template-template-about .intro>.flex-centered {
			width: 85%;
		}

		body.page-template-template-about .team .member {
			width: 42%;
		}

		/* Blog */
		.page-header {
			padding: 85px 30px;
		}

		form.search,
		form.search.active {
			margin: 0px;
			padding: 0px;
			width: 100%;
			color: #ededed;
			background: #181a21;
		}

		form.search:after {
			opacity: 1;
		}

		.articles {
			padding: 70px 30px;
		}

		/* Games Page */
		body.page-template-template-games .flex-container {
			padding: 90px 30px;
		}

		/* Other Games Page */
		body.page-template-template-other-games .flex-container {
			padding: 0px 30px;
		}

		body.page-template-template-other-games .flex-container .content.has-link .details {
			padding-right: 0px;
		}

		body.page-template-template-other-games .flex-container .filled-button {
			display: block;
			position: relative;
			width: 100%;
			margin-top: 20px;
		}

		/* nav */
		.nav ul {
			padding: 0px;
		}

		.nav ul:first-of-type {
			padding-right: 60px;
		}

		.nav ul:last-of-type {
			padding-left: 60px;
		}

		.nav ul li {
			margin-left: 0px;
			margin-right: 0px;
		}

		.nav ul:first-of-type li {
			margin-right: 60px;
		}

		.nav ul:last-of-type li {
			margin-left: 60px;
		}

		.comment-form .comment-form-comment {
			float: none;
			width: 100%;
		}

		.comment-form .comment-form-author,
		.comment-form .comment-form-email {
			float: none;
			width: 100%;
		}

		/* Devblog */
		.comment-form .logged-in-as+.gglcptch {
			margin-top: 0px !important;
			margin-bottom: 35px !important;
		}

		body:not(.logged-in) .comment-form {
			padding-bottom: 150px;
		}
	}

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

		/* Footer */
		.footer section {
			text-align: center !important;
			width: 100% !important;
			float: none !important;
		}

		#contact:before {
			background-position: center top;
		}

		/* Home Page */
		body.page-template-template-home .hero .slide-content {
			width: 100%;
			padding: 0px 10%;
			text-align: center !important;
			flex-wrap: wrap;
		}

		body.page-template-template-home .hero .slide {
			min-height: calc(100vh - 50px);
		}

		body.page-template-template-home .hero .slide-content {
			width: 100%;
			margin: 0px 10px;
		}

		body.page-template-template-home .hero .slide-content>div {
			width: 100%;
			margin-left: 0px !important;
			margin-right: 0px !important;
		}

		body.page-template-template-home .hero .slide-content>img {
			margin: 35px 0px;
		}

		body.page-template-template-home .flex-container .image {
			max-width: 100%;
		}

		body.page-template-template-home .flex-centered {
			width: 100%;
			padding: 0px 10%;
			text-align: center !important;
			flex-wrap: wrap;
		}

		body.page-template-template-home .flex-container:nth-child(odd) .flex-centered {
			flex-wrap: wrap-reverse;
		}

		body.page-template-template-home .flex-container .description {
			margin-left: 0px !important;
			margin-right: 0px !important;
		}

		body.page-template-template-home .flex-container .image {
			margin: 20px auto !important;
		}

		body.page-template-template-home .horizontal-row:before {
			width: calc(50% - 2ch) !important;
		}

		body.page-template-template-home .horizontal-row:after {
			width: calc(50% - 2ch) !important;
		}

		/* About Page */
		body.page-template-template-about .intro {
			padding: 80px 0px;
		}

		body.page-template-template-about .map .tagline {
			font-size: 2.5vw;
			line-height: 3vw;
		}

		/* Blog */
		.post .details>span {
			margin-bottom: 10px;
		}

		/* Games Page */
		body.page-template-template-games .flex-container {
			padding: 50px 0px;
		}

		body.page-template-template-games .flex-centered {
			flex-wrap: wrap;
			flex-direction: column-reverse !important;
			text-align: center !important;
		}

		body.page-template-template-games .flex-container .image {
			width: 90%;
			margin-bottom: 40px;
		}

		body.page-template-template-games .flex-container .description {
			margin-right: 0px !important;
			margin-left: 0px !important;
		}

		body.page-template-template-home .flex-container:not(.has-description) .horizontal-row {
			margin-left: 0%;
			width: 100%;
		}

		body.page-template-template-games .horizontal-row:before {
			width: calc(50% - 2ch) !important;
		}

		body.page-template-template-games .horizontal-row:after {
			width: calc(50% - 2ch) !important;
		}

		body.page-template-template-games .flex-container .content {
			padding-bottom: 0px;
		}

		body.page-template-template-games .flex-container .info {
			margin-top: 0px;
			white-space: normal;
			height: auto;
		}

		body.page-template-template-games .flex-container .info img {
			height: 80px;
		}

		body.page-template-template-games .flex-container .links {
			position: relative;
			white-space: normal;
			padding-top: 30px;
		}

		body.page-template-template-games .flex-container .filled-button {
			width: 90%;
			margin-left: 0px !important;
			margin-right: 0px !important;
		}

		body.page-template-template-games .flex-container .filled-button+.filled-button {
			margin-top: 20px;
		}

		/* Other Games Page */
		body.page-template-template-other-games .page-header {
			min-height: calc(100vh - 50px);
			flex-wrap: wrap;
		}

		body.page-template-template-other-games .page-header .content,
		body.page-template-template-other-games .page-header .image {
			float: none;
			width: 100%;
			text-align: center;
		}

		body.page-template-template-other-games .page-header .title-holder {
			width: 100%;
		}

		body.page-template-template-other-games .page-header .title-holder h1 {
			font-size: 8vw;
		}

		body.page-template-template-other-games .horizontal-row:before {
			width: calc(50% - 2ch) !important;
		}

		body.page-template-template-other-games .horizontal-row:after {
			width: calc(50% - 2ch) !important;
		}

		body.page-template-template-other-games .flex-container .content {
			flex-wrap: wrap;
		}

		body.page-template-template-other-games .flex-container .content>* {
			width: 100% !important;
			padding-left: 0px !important;
			padding-right: 0px !important;
		}

		body.page-template-template-other-games .flex-container .content .details {
			text-align: center;
			padding-top: 20px;
		}

		body.page-template-template-other-games .flex-container .content .details:before {
			display: none;
		}

		body.page-template-template-other-games .flex-container .content .details .description {
			font-size: 14px;
		}

		/* nav */
		.nav .hamburger {
			display: block;
		}

		.nav:before {
			position: absolute;
			z-index: -1;
			display: block;
			top: 50px;
			width: 100%;
			height: calc(100vh - 50px);
			max-height: 0px;
			background: #ffa134;
			transition: 0.7s all cubic-bezier(.4, 1.75, 0, .56);
			content: '';
		}

		.nav ul {
			display: flex;
			position: fixed;
			top: -100vh;
			width: 100%;
			height: calc(50vh - 25px);
			padding: 0px !important;
			flex-wrap: wrap;
			align-items: center;
			overflow: hidden;
			box-sizing: border-box;
			transition: 0.7s all cubic-bezier(.4, 1.75, 0, .56);
		}

		.nav ul:first-of-type {
			padding-top: 15vh !important;
		}

		.nav ul:last-of-type {
			top: -50vh;
			padding-bottom: 15vh !important;
		}

		.nav ul li {
			width: 100%;
			height: auto;
			margin-left: 0px !important;
			margin-right: 0px !important;
			float: none !important;
			opacity: 0;
			transition: 2s all cubic-bezier(.16, 1, .27, 1.01);
		}

		.nav ul li a {
			font-size: 7vw;
			line-height: 9vw;
			padding: 0px 30px;
		}

		.nav+.logo,
		.nav.active+.logo a,
		.nav.active+.logo a img {
			transition: 1s all cubic-bezier(.16, 1, .27, 1.01);
		}

		.nav.active ul li {
			opacity: 1;
		}

		.nav.active ul {
			top: 50px;
		}

		.nav.active ul:last-of-type {
			top: calc(50vh + 25px);
		}

		.nav.active:before {
			max-height: 100vh;
		}

		.nav.active+.logo {
			top: 50px;
			transform: scale(1.2);
		}
	}

	@media screen and (max-width:768px) and (orientation:landscape) {
		.nav.active+.logo {
			top: 0px;
			transform: scale(1.1);
		}

		.nav.active ul {
			top: 80px;
			height: calc(40vh - 25px);
		}

		.nav ul li a {
			font-size: 5vw;
			line-height: 7vw;
		}

		.nav ul:first-of-type {
			padding-top: 0% !important;
		}

		.nav ul:last-of-type {
			padding-bottom: 0% !important;
		}
	}

	@media only screen and (max-width:480px) {
		body.page-template-template-home .flex-container {
			padding: 50px 0px !important;
		}

		/* About */
		body.page-template-template-about .intro>.flex-centered {
			width: 100%;
			flex-wrap: wrap;
		}

		body.page-template-template-about .intro .image {
			width: 65%;
			margin-bottom: 35px;
		}

		body.page-template-template-about .intro .content {
			width: 85%;
			margin-left: 0px;
		}

		body.page-template-template-about .team .member {
			width: 100%;
			margin: 50px 0px;
		}

		/* Blog */
		.post .details .comments {
			display: block;
			width: 100%;
			text-align: center;
			margin: 0px;
			margin-bottom: 20px;
		}

		.post .details .comments a {
			margin-left: 0px !important;
		}
	}

	@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	only screen and (min-resolution:144dpi) {}

	/*------------------------------------*\
	MISC
\*------------------------------------*/

	::selection {
		background: #ffa234;
		color: #ededed;
		text-shadow: none;
	}

	::-webkit-selection {
		background: #ffa234;
		color: #ededed;
		text-shadow: none;
	}

	::-moz-selection {
		background: #ffa234;
		color: #ededed;
		text-shadow: none;
	}

	.embed-container {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
	}

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

	/*------------------------------------*\
	WORDPRESS CORE
\*------------------------------------*/

	.alignnone {
		margin: 5px 20px 20px 0;
	}

	.aligncenter,
	div.aligncenter {
		display: block;
		margin: 5px auto 5px auto;
	}

	.alignright {
		float: right;
		margin: 5px 0 20px 20px;
	}

	.alignleft {
		float: left;
		margin: 5px 20px 20px 0;
	}

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

	a img.alignright {
		float: right;
		margin: 5px 0 20px 20px;
	}

	a img.alignnone {
		margin: 5px 20px 20px 0;
	}

	a img.alignleft {
		float: left;
		margin: 5px 20px 20px 0;
	}

	a img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	.wp-video {
		margin: 0 auto;
	}

	.wp-caption {
		background: #FFF;
		border: 1px solid #F0F0F0;
		max-width: 96%;
		padding: 5px 3px 10px;
		text-align: center;
	}

	.wp-caption.alignnone {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignleft {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignright {
		margin: 5px 0 20px 20px;
	}

	.wp-caption img {
		border: 0 none;
		height: auto;
		margin: 0;
		max-width: 98.5%;
		padding: 0;
		width: auto;
	}

	.wp-caption .wp-caption-text,
	.gallery-caption {
		font-size: 11px;
		line-height: 17px;
		margin: 0;
		padding: 0 4px 5px;
	}

	.post .title {
		display: block;
		font-size: 36px;
		line-height: 40px;
		margin: 0;
		margin-bottom: 40px;
		color: inherit;
	}

	.post>.date,
	.post>.author {
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		text-transform: uppercase;
	}

	.post .title a {
		color: inherit;
	}

	.post .title span {
		color: #ededed;
	}

	.post .wp-post-image {
		width: 100%;
	}

	.post .fve-video-wrapper,
	.post>iframe {
		margin: 30px 0px;
	}

	.post p,
	.post ul,
	.post ol {
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		line-height: 20px;
		margin: 30px 0px;
	}

	.post a {
		color: #ededed;
		font-weight: bold;
	}

	.post .details {
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		line-height: 30px;
		text-transform: uppercase;
		color: #d47729;
	}

	.post .details a {
		color: inherit;
		white-space: nowrap;
	}

	.post .details .date {
		white-space: nowrap;
	}

	.post .post-edit-link {
		color: #ededed !important;
		text-transform: unset;
	}

	.post .details .comments {
		float: right;
		font-weight: bold;
		text-transform: unset;
	}

	.post .details .comments a {
		display: inline-block;
		position: relative;
		height: 30px;
		padding: 0px 15px;
		margin-left: 10px;
		color: #ededed;
		background: #d47729;
		border-color: #d47729;
		transition: 0.25s cubic-bezier(0.215, 0.610, 0.355, 1);
	}

	.post .details .comments a:after {
		display: block;
		position: absolute;
		right: 10px;
		bottom: -9px;
		content: '';
		border-right: 10px solid;
		border-right-color: inherit;
		border-bottom: 10px solid transparent;
	}

	.post .details .comments a:hover {
		color: #d47729;
		background: #ededed;
		border-color: #ededed;
		transform: scale(1.1);
	}

	.pagination {
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		font-weight: bold;
		line-height: 28px;
		margin: 0px 5px;
		color: #421a00;
	}

	.page-numbers {
		display: inline-block;
		color: inherit;
		transition: all 0.25s cubic-bezier(0.215, 0.610, 0.355, 1);
	}

	.page-numbers.prev {
		margin-right: 15px;
	}

	.page-numbers.next {
		margin-left: 15px;
	}

	.page-numbers.current {
		background: #421a00;
		color: #ededed;
	}

	.page-numbers.dots {
		width: 20px;
		text-align: center;
	}

	.page-numbers:not(.prev):not(.next):not(.dots) {
		width: 28px;
		height: 28px;
		line-height: 26px;
		text-align: center;
		border: 1px solid #421a00;
	}

	.page-numbers:not(.prev):not(.next):not(.dots):hover {
		background: #ededed;
	}

	.page-numbers.prev:hover,
	.page-numbers.next:hover {
		color: #ededed;
	}

	/*------------------------------------*\
	PRINT
\*------------------------------------*/

	/*@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a, a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content:"";
	}
	pre, blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr, img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p, h2, h3 {
		orphans:3;
		widows:3;
	}
	h2, h3 {
		page-break-after:avoid;
	}
}*/