/*
Theme Name: Akash
Author: Adam London LLC
*/

:root {
  --main-red-color: #eb3825;
  --form-bg-color: #f0f0f0;
}

/*HelveticaNeue Font*/
@font-face {
	font-family: 'Helvetica Neue';
	src: url('./fonts/3B22AD_0_0.woff2') format('woff2'), url('./fonts/3B22AD_0_0.woff') format('woff');
	font-weight: 300;
}
@font-face {
	font-family: 'Helvetica Neue';
	src: url('./fonts/3B22AD_1_0.woff2') format('woff2'), url('./fonts/3B22AD_1_0.woff') format('woff');
	font-weight: normal;
}
@font-face {
	font-family: 'Helvetica Neue';
	src: url('./fonts/3B22AD_2_0.woff2') format('woff2'), url('./fonts/3B22AD_2_0.woff') format('woff');
	font-weight: bold;
}
@font-face {
	font-family: Icons;
	src: url('./fonts/icons.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
/*
twitter: "\e900"
facebook: "\e901"
telegram: "\e902"
instagram: "\e903"
reddit: "\e904"
riot path1: "\e905"
riot path2: "\e906"
play: "\e907"
arrow: "\e908"
*/

.row-gap-1 {
	grid-gap: 1em;
}
.row-auto, .row-2, .row-3, .row-4, .row-5, .row-6, .row-12, .row-24 {display: grid;}
.row-auto {grid-auto-flow: column;}
.row-2 {grid-template-columns: repeat(2, 1fr);}
.row-3 {grid-template-columns: repeat(3, 1fr);}
.row-5 {grid-template-columns: repeat(5, 1fr);}
.row-6 {grid-template-columns: repeat(6, 1fr);}
.row-12 {grid-template-columns: repeat(12, 1fr);}
.row-24 {grid-template-columns: repeat(24, 1fr);}
.g-col-1 	{ grid-column: span 1; }
.g-col-2 	{ grid-column: span 2; }
.g-col-3 	{ grid-column: span 3; }
.g-col-4 	{ grid-column: span 4; }
.g-col-5 	{ grid-column: span 5; }
.g-col-6 	{ grid-column: span 6; }
.g-col-7 	{ grid-column: span 7; }
.g-col-8 	{ grid-column: span 8; }
.g-col-9 	{ grid-column: span 9; }
.g-col-10 { grid-column: span 10; }
.g-col-11 { grid-column: span 11; }
.g-col-12 { grid-column: span 12; }
@media screen and (max-width: 48em) {
	.m-row-1 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
	.m-row-2 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.m-row-3 {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	.m-row-6 {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
	}
	.m-col-1	{ grid-column: span 1; }
	.m-col-2	{ grid-column: span 2; }
	.m-col-3	{ grid-column: span 3; }
	.m-col-4	{ grid-column: span 4; }
	.m-col-5	{ grid-column: span 5; }
	.m-col-6	{ grid-column: span 6; }
	.m-col-12 { grid-column: span 12; }
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
body,sub,sup{position:relative}button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{margin-bottom:.67em}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{text-decoration:none;background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:700}small{font-size:80%}sub,sup{font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

html,
body {
	font-size: 100%;
}
html {
	height: 100%;
}
body {
	color: #1D1D1B;
	background-color: white;
	font: 300 1.125em/1.5 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	margin: 0 auto;
	padding: 0;
}
a {
	color: inherit;
}
a img {
	border: none;
}
address {
	font-style: normal;
}
blockquote {
	margin-left: 0;
	quotes: '“''”''‘''’';
}
/*
blockquote :first-child:before {
	content: open-quote;
}
blockquote :last-child:after {
	content: close-quote;
}
*/
cite {
	font-style: normal;
}
cite span {
	font-weight: bold;
}
img,
input,
select,
textarea {
	vertical-align: middle;
	margin: 0;
}
img {
	max-width: 100%;
	height: auto;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
figure {
	margin: 0;
}
h1,
h2,
h3,
h4,
h5 {
	font-weight: 300;
	margin-top: 0;
}
h1 {
	font-size: 4em;
	line-height: 110%;
}
h2 {
	font-size: 2.778em;
	line-height: 1.16;
	margin-bottom: .4em;
}
h3 {
	font-size: 1.111em;
	line-height: 1.3;
	margin-bottom: 1em;
}
main, #content {
	position: relative;
	padding-bottom: 9.5%;
}
main:after, .blog #content:after, .single #content:after{
	content: '';
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0;
	top: 100%;
	padding-top: 19%;
	background: linear-gradient(169.5deg, transparent 0%, transparent 49.9%, #ED3520 50.1%, #ED3520) no-repeat,
							linear-gradient(to bottom, white 0%, white 99.5%, #ED3520) left 99% / 100% 50% no-repeat;
	transform: translateY(-50%);
}
p,
table,
ul,
ol,
blockquote {
	font-size: 1.1em;
}
table,
ul,
ol,
blockquote {
	margin: 0 0 1.5em;
}
li>a {
	line-height: 1;
	text-decoration: none;
}
textarea {
	resize: vertical;
}
/*+++++++++++++++++++++++++++++++ */
.ak-red {color: var(--main-red-color);}
.bold {font-weight: bold;}
.dashedline {
	background:url(img/dashedline.png) no-repeat center / cover;
	height:20px;
	margin: 2em 0;
}
.social li { list-style: none; }
body>footer .social a:hover {
	text-decoration: none;
}
/*--- TEMPLATE HERO ---*/
#hero {
	padding: 11.667em 0 25em;
	margin-bottom: -11em;
	background: black center / cover no-repeat;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: white;
	position: relative;
}
#hero:before, #hero:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
}
#hero:before {
	top: 0;
	bottom: 0;
	background: linear-gradient(to right, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.70) 28%, rgba(0,0,0,0) 100%);
}
#hero:after {
	top: 100%;
	background-color: inherit;
	height: 10em;
}

/* #hero .text {padding-top: 4.444em;} */
#hero .head {
	position: relative;
	color: white;
	margin-bottom: 8.889em;
}
#hero .head h1 {
	margin: 0;
	font-size: 4.444em;
}
#hero .sub_head {
	max-width: 31.833em;
	padding-top: 1.944em;
	position: relative;
	color: white;
}
#hero .sub_head:before {
	content: '';
	position: absolute;
	width: 4.444em;
	border-top: 2px solid white;
	top: 0;
	left: 0;
	color: white;
}
#hero .sub_head > * {
	font-size: 1.944em;
	line-height: 1.2;
	margin-top: 0;
}
#hero .red_gradient {
	right:0;
	top: 0;
	position: absolute;
	width:60em;
	height:60em;
	background: url(img/heros/red_gradation.png) right top no-repeat
}
.page-template-default h3,
.page-template-default h4,
.page-template-default h5,
.page-template-default h6 {
	font-weight: bold;
}
.gform_confirmation_message a {text-decoration: underline;}
/*------- INNER CSS ------- */

.inner {
	max-width: 67.778em;
	margin: auto;
	padding-left: 7.639%;
	padding-right: 7.639%;
}

.boxesgrid {
	display: flex;
	justify-content: space-between;
	margin-top: 3em;
	flex-wrap: wrap;
}
.boxesgrid:after {
	content: '';
	width: 30.328%;
}
.boxesgrid > * {
	background: #fff;
	padding: 1.778em 2.459%;
	border-radius: .278em;
	box-shadow: 0 0 .5em rgba(0,0,0,0.10);
	text-align: left;
	position: relative;
	cursor: pointer;
	width: 30.328%;
	margin-bottom: 4.889em;
	box-sizing: border-box;
}
.smallposts {
	display: flex;
	text-align: left;
	justify-content: space-between;
}
.smallposts > * {
	position: relative;
	padding-bottom: 3.333em;
	width: 26.23%;
}
#bigcta .social {
	margin: 2em 21.803% 0;
	display: flex;
	justify-content: space-between;
	font-size: 1em;
	padding: 0;
}
#bigcta .social a {
	border: 2px solid var(--main-red-color);
	border-radius: 100%;
	width: 2.083em;
	height: 2.083em;
	font-size: 2em;
	color:var(--main-red-color);
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: center
}
#bigcta .social a span {display: none;}

@media screen and (min-width: 90em) {
	body>footer nav>ul {
		padding-left: 18.333em;
	}
	main {padding-bottom: 7.611em;}
	main>*>.inner,
	main .dark>section>.inner,
	.home #hero .inner,
	main>header .inner {
		padding-left: 6.111em;
		padding-right: 6.111em;
	}
}
@media screen and (max-width: 80em) {
	body {
		font-size: 1.406vw;
	}
	header h1 img {
		width: 8.778em;
	}
}
@media screen and (max-width: 60em) {
	#why .content section h3 {
		margin-top: 2em;
	}
}
@media screen and (max-width: 48em) {
	body {
		font-size: 1em;
	}
	h1 {
		font-size: 2.6em;
	}
	h2 {font-size: 1.875em;}
	p {
		font-size: 1.2em;
	}
	.inner {
		padding-left: 8%;
		padding-right: 8%;
	}
	#hero {
		padding: 5.875em 0 4em;
		margin-bottom: -9em;
	}
	#hero .red_gradient { display: none; }
	#hero div.text {padding-bottom: 8em;}
	#hero .head {margin-bottom: 17em;}
	#hero .head h1 {font-size: 2.5em;}
	#hero .sub_head {padding-top: .625em;}
	#hero .sub_head:before {width: 2.313em;}
	#hero .sub_head > * {
		font-size: 1.188em;
		line-height: 1.316;
	}
	
	.boxesgrid, .smallposts {display: block;}
	.boxesgrid > *, .smallposts > * {
		width: auto;
		margin-bottom: 2.5em;
	}
	.boxesgrid > div {
		padding: 2em;
	}
	#bigcta .social {
		padding: 0 8.889%;
		margin: 2.813em 0 0;
		flex-wrap: wrap;
	}
	#bigcta .social li {
		margin-bottom: 1.688em;
		width: 33.333%;
	}
	#bigcta .social li a {
		font-size: 1.875em;
		width: 2em;
		height: 2em;
		margin: auto;
	}
}


#bigcta .icon-discord:before {
	content: "";
	height:36px;
	width:36px;
	xborder: solid blue 1px;
	background:url('img/discord-red.svg');
}