/* CSS Document | Structure */

/* ---------- Desktop ---------- */
@media screen and (min-width: 1200px) {
	
	.logo {display:block;width:200px;margin-left:7%;}
	.logo img {max-width:100%;max-height:100%;}
	/* ------ */
	.featured {display:block;width:100%;min-height:inherit;background:#ffffff;}
	/* ------ */
	.gallery {width:100%;margin:20px -8px;padding:8px;border-radius:8px;}
	.gallery li {max-width:calc(25% - 8px);display:inline-block;margin:4px 2px;}
	.gallery li a {max-width:100%;max-height:100%;background:#000000;}
	.gallery li a img {max-width:inherit !important;max-height:inherit !important;border-radius:3px;}
	.gallery .photo {vertical-align:middle;}
	/* ------ */
	#Menu {display:block;width:87%;height:52px;background:#3e3d40;16px auto 0;border-bottom:solid 1px #202020;border-radius: 3px;}
	#Menu li {float:left;margin:10px 0;padding:3px 20px;text-align:center;border-right:solid 1px #cdcdcd;border-bottom:none !important;border-color:#282828 !important;}
	#Menu li a {width:100%;height:100%;display:block;text-align:center;font-size:1.2rem;color:#ffffff;}
	#Menu li:last-child {border-right:none;}
	/* ------ */
	.results {display:block;width:100%;}
	.results li {display:block;width:100%;height:172px;padding-top:7px;border-bottom:solid 1px #eeeeee;}
	.results .info {display:inline-block;float:right;width:calc(80% - 84px);height:100%;}
	.results .info h2 {width:calc(100% - 20px);text-align:left;padding-left:10px;font-size:1.8rem;letter-spacing:2px;border-bottom:solid 1px #eeeeee;}
	.results .info p {width:calc(100% - 56px);height:100px;padding:4px;margin:14px !important;font-family:'BebasNue'!important;font-size:1.4rem;letter-spacing:1px;color:#ffffff;background:#282728;border:2px solid #58a3ff;border-radius:9px;}
	.results .photo {display:inline-flex;width:20%;}
	.results .photo img {width:142px;height:142px;margin:14px;border-radius:50%;border: 2px solid #787878;}
	/* ------ */
	.sidebar {min-height:inherit;width:30%;height: 600px;top: 148px;right: 30px;margin:0 20px 20px 0;background:#3e3d40;border-radius: 0 0 15px 15px;}
	.sidebar .canvas {min-width:unset;width:90%;margin:10px auto;float: none;}
	/* ------ */
	.social {display:flex;position:absolute;top:16px;right:12%;width:600px;height:56px;margin:8px auto;padding:4px;color:#ffffff;}
	.social li {display:inline-flex;float:left;text-align:center;width:calc(100% / 6 - 8px);margin:4px;}
	.social li a img {display:block;width:46px;height:46px;}
	/* ------ */
	.thumbs {padding:8px;margin:0 auto;text-align:center;}
	.thumbs li {display:inline-block;width:270px;height:270px;overflow:hidden;text-align:center;border-radius:4px;border:1px solid #ffffff;}
	.thumbs a {}
	.thumbs img {width:100%;}
	.thumbs h2 {margin-top:-24px;margin-top:-36px;font-size: 20px;color:#fbfbfb; text-shadow: 1px 4px  5px  #000000;}
}
	
/* ---------- Tablet ---------- */
@media screen and (min-width: 800px) and (max-width: 1199px) {

	.logo {display:block;width:200px;margin-left:7%;}
	.logo img {max-width:100%;max-height:100%;}
	/* ------ */
	.featured {display:block;width:100%;min-height:inherit;background:#ffffff;}
	/* ------ */
	.gallery {width:100%;margin:20px -8px;padding:8px;border-radius:8px;}
	.gallery li {max-width:calc(25% - 8px);display:inline-block;margin:4px 2px;}
	.gallery li a {max-width:100%;max-height:100%;background:#000000;}
	.gallery li a img {max-width:inherit !important;max-height:inherit !important;border-radius:3px;}
	.gallery .photo {vertical-align:middle;}
	/* ------ */
	#Menu {display:block;width:96%;height:52px;background:#3e3d40;16px auto 0;border-bottom:solid 1px #202020;border-radius: 3px;}
	#Menu li {float:left;margin:10px 0;padding:3px 20px;text-align:center;border-right:solid 1px #cdcdcd;border-bottom:none !important;border-color:#282828 !important;}
	#Menu li a {width:100%;height:100%;display:block;text-align:center;font-size:1.2rem;color:#ffffff;}
	#Menu li:last-child {border-right:none;}
	/* ------ */
	.results {display:block;width:100%;}
	.results li {display:block;width:100%;height:172px;padding-top:7px;border-bottom:solid 1px #eeeeee;}
	.results .info {display:inline-block;float:right;width:calc(80% - 84px);height:100%;}
	.results .info h2 {width:calc(100% - 20px);text-align:left;padding-left:10px;font-size:1.8rem;letter-spacing:2px;border-bottom:solid 1px #eeeeee;}
	.results .info p {width:calc(100% - 56px);height:100px;padding:4px;margin:14px !important;font-family:'BebasNue'!important;font-size:1.4rem;letter-spacing:1px;color:#ffffff;background:#282728;border:2px solid #58a3ff;border-radius:9px;}
	.results .photo {display:inline-flex;width:20%;}
	.results .photo img {width:142px;height:142px;margin:14px;border-radius:50%;border: 2px solid #787878;}
	/* ------ */
	.sidebar {min-height:inherit;width:32%;height: 583px;top: 168px;right: 0;margin:0 20px 20px 0;background:#3e3d40;border-radius: 0 0 15px 15px;}
	.sidebar .canvas {min-width:unset;width:90%;margin:10px auto;padding: 5px;float: none;}
	/* ------ */
	.social {display:flex;position:absolute;top:16px;right:12%;width:600px;height:56px;margin:8px auto;padding:4px;color:#ffffff;}
	.social li {display:inline-flex;float:left;text-align:center;width:calc(100% / 6 - 8px);margin:4px;}
	.social li a img {display:block;width:46px;height:46px;}
	/* ------ */
	.thumbs {padding:8px;margin:0 auto;text-align:center;}
	.thumbs li {display:inline-block;width:270px;height:270px;overflow:hidden;text-align:center;border-radius:4px;border:1px solid #ffffff;}
	.thumbs a {}
	.thumbs img {width:100%;}
	.thumbs h2 {margin-top:-24px;margin-top:-36px;font-size: 20px;color:#fbfbfb; text-shadow: 1px 4px  5px  #000000;}
}
/* ---------- Mobile ---------- */
@media screen and (max-width: 800px) {
	
	#Bar-bottom {display:flex;width:calc(100% - 8px);min-width:300px;justify-content: space-evenly;position:fixed;bottom:0;height:46px;margin:0px auto;padding:8px 4px;background:#3e3d40;color:#ffffff;border-top:solid 1px #57a3ff;z-index:400;}
	#Bar-bottom li {display:inline-flex;float:left;text-align:center;margin:4px;}
	#Bar-bottom li a {margin:0 auto;}
	#Bar-bottom li a img {display:block;width:40px;height:40px;}
	.icon-gorilla {background-image: url("../icon/gorilla.png");}
	.icon-gorilla:hover {background-image: url("../icon/facebook.png");}
	/* ------ */
	.logo {display:block;max-width:80%;height: 75%;margin:20px auto 0;}
	.logo img {max-width:100%;max-height:100%;margin:0 auto;}
	/* ------ */
	.gallery {display:block;padding:8px;margin:8px auto;text-align:center;}
	.gallery li {display:inline-block;width:46%;overflow:hidden;text-align:center;border-radius:4px;margin:2px 0px;}
	.gallery li a {max-width:inherit !important;max-height:inherit !important;background:#000000;}
	.gallery li a img {width:100%;}
	.gallery .photo {vertical-align:middle;}
	/* ------ */
	#Menu {display: flex;height: 50px;background: #3e3d40;}
	#Menu li {display: flex;width: calc(100% / 5);margin: 8px 0;font-size: 16px !important;border-right: solid 1px #323232;}
	#Menu li a {display: flex;width: 100%;height: 100%;color: #ffffff;font-family: inherit;align-items: center;justify-content: center;}
	/* ------ */
	.social {max-width:400px;height:46px;margin:8px auto 24px;padding:4px;color:#ffffff;}
	.social li {display:inline-block;float:left;text-align:center;width:calc(100% / 6 - 8px);margin:4px;}
	.social li a {display:block;width:100%;height:100%;}
	/* ------ */
	.thumbs {display:block;padding:8px;margin:0 auto;text-align:center;}
	.thumbs li {display:inline-block;width:48%;max-height:40vw;overflow:hidden;text-align:center;border-radius:4px;margin:2px 0px;border:1px solid #ffffff;}
	.thumbs a {}
	.thumbs img {min-width:100%;margin:0 auto;}
	.thumbs h2 {margin-top:-24px;margin-top:-36px;font-size: 4vw;color:#fbfbfb; text-shadow: 1px 4px  5px  #000000;}
}
	
/* ---------- Mini Screen ---------- */
@media screen and (max-width: 580px) {
	
}/* End Mini Screen  */

/* ========== End of Document ========== *
























/* CSS Document | Custom */

/* ---------- Desktop ---------- */
@media screen and (min-width: 1200px) {
	.profile-pic {display:none;}
	
	.tournaments h3 {font-size:1.4em;color:#57a3ff;}
	.tournaments a {padding-left: 20px;vertical-align: bottom; display: inline-flex;font-size: xx-large;color: #ffffff;}
	.tournaments p {margin-top:0;}
	.tournaments img {display:inline-flex;width:50px;margin-left:10px;}

}
	
/* ---------- Tablet ---------- */
@media screen and (min-width: 800px) and (max-width: 1199px) {
	
	
	.tournaments h3 {font-size:1.4em;color:#57a3ff;}
	.tournaments a {padding-left: 20px;vertical-align: bottom; display: inline-flex;font-size: xx-large;color: #ffffff;}
	.tournaments p {margin-top:0;}
	.tournaments img {display:inline-flex;width:50px;margin-left:10px;}
}

/* ---------- Mobile ---------- */
@media screen and (max-width: 800px) {

	
/* ~~~~~ Contact ~~~~~ */

	#Contact {}
	#Contact .canvas ol {padding:10px 20px 30px;border-bottom:1px solid #dadada;}
	#Contact .canvas h2 {margin-top:20px;}
	.paper .stat {font-family: DMSerifDisplay !important;font-size:1.5rem !important;color:#878787!important;}
	.paper .value {font-family: BebasNue !important;font-size:1.8rem !important;color:#57a3ff!important;}
	.paper-dark .stat {font-family: DMSerifDisplay !important;font-size:1.5rem !important;color:#ffffff!important;}
	.paper-dark .value {font-family: BebasNue !important;font-size:1.8rem !important;color:#57a3ff!important;}
	#Contact .paper ol li {border-bottom:1px solid #eeeeee;}
	#Contact .paper-dark ol li {border-bottom:1px solid #181818;}
	
/* ~~~~~ Players ~~~~~ */

	.profile-pic {width:100%;padding:10px 0 40px 0;overflow:hidden;background-color: #282728;
    background-image: url(../../design/texture/grid-dark.png);}
	.profile-pic a {display:block;max-width:80%;max-height:80%;background:#282828;margin:30px auto 0;border-radius:15px;border:1px solid #ffffff;}
	.profile-pic a img {max-width:85%;max-height:85%;margin:20px auto;border-radius:3px;border:6px solid #3e3d40;}
	.profile-title {text-align:center;display:block;width:100%;height:30px;padding:10px 0;color:#ffffff;border-top:solid 1px #000000;}
	#Players .info p {text-align:center;}

/* ~~~~~ Schedule ~~~~~ */
	
	.calendar a {font-size:14px;}
	.calendar p img {display:inline-block;width:20px;margin:0 8px;}
	.game {display:block;}
	.game h3 {font-size:1.4em;color:#57a3ff;}
	.game a {padding-left: 20px;vertical-align: bottom; display: inline-flex;font-size: xx-large;height: 50px;color: #ffffff;}
	.game p {margin-top:0;}
	.game img {display:inline-flex;width:50px;margin-left:10px;}
	.game .park {display:block;text-align:center;margin:0 auto;font-size:1.3em;color:#878787;}
	.practice {display:block;}
	.practice h3 {font-size:1.4em;color:#57a3ff;}
	.practice a {padding-left: 20px;vertical-align: bottom; display: inline-flex;font-size: xx-large;height: 50px;color: #ffffff;}
	.practice p {margin-top:0;}
	.practice img {display:inline-flex;width:50px;margin-left:10px;}
	.practice .park {display:block;text-align:center;margin:0 auto;font-size:1.3em;color:#878787;}
	.tournaments {display:block;}
	.tournaments h3 {font-size:1.4em;color:#57a3ff;}
	.tournaments a {padding-left: 20px;vertical-align: bottom; display: inline-flex;font-size: xx-large;color: #ffffff;}
	.tournaments p {margin-top:0;}
	.tournaments img {display:inline-flex;width:50px;margin-left:10px;}
	.tournaments .park {display:block;text-align:center;margin:0 auto;font-size:1.3em;color:#878787;}
	.tryouts {display:block;}
	.tryouts h3 {font-size:1.4em;color:#57a3ff;}
	.tryouts a {padding-left: 20px;vertical-align: bottom; display: inline-flex;font-size: xx-large;height: 50px;color: #ffffff;}
	.tryouts p {margin-top:0;}
	.tryouts img {display:inline-flex;width:50px;margin-left:10px;}
	.tryouts .park {display:block;text-align:center;margin:0 auto;font-size:1.3em;color:#878787;}
	
	/* ~~~~~ Stats ~~~~~ */

	#Stats {}
	#Stats .canvas ol {padding:10px 20px 30px;border-bottom:1px solid #dadada;}
	#Stats .canvas h2 {margin-top:20px;}
	.paper .stat {font-family: DMSerifDisplay !important;font-size:1.5rem !important;color:#878787!important;}
	.paper .value {font-family: BebasNue !important;font-size:1.8rem !important;color:#57a3ff!important;}
	.paper-dark .stat {font-family: DMSerifDisplay !important;font-size:1.5rem !important;color:#ffffff!important;}
	.paper-dark .value {font-family: BebasNue !important;font-size:1.8rem !important;color:#57a3ff!important;}
	#Stats .paper ol li {border-bottom:1px solid #eeeeee;}
	
	/* ~~~~~ History ~~~~~ */

	#History {}
	#History .canvas p {padding:10px 5px 20px;}
	#History .paper-dark p {padding:10px 10px 20px;}
	
	/* ~~~~~ Organization ~~~~~ */
	
	#Organization .paper p {font-family: monserrat;font-size:1.2rem;text-align:center;}

}
	
/* ---------- Mini Screen ---------- */
@media screen and (max-width: 580px) {
	
}/* End Mini Screen  */

/* ========== End of Document ========== */
















/* CSS Document by Jose Figueroa - TheElegantArtist.com */

/* App id */
/*.logo {background-image: url("../icon/favicon.png") !important;background-size: cover !important;}
*/

/* Tags */
	html {height: 100vh;}
	body {min-width: 360px;background-color: #282728;background-image: url("../texture/seamless-sand.jpg");scrollbar-color: rgb(87 163 255) rgb(22, 24, 28);box-shadow:none !important;webkit-box-shadow:none !important;}
	body, html {margin:0;padding:0;}
	ul, ol {list-style: none;margin:0;padding:0;}
	div, ul, ol, img {display: block;}
	a img {max-width:100%;max-height:100%;}

/* Text */
	a, h1, h2, h3 {text-decoration: none;margin:0;padding:0;}
	h1{text-align:center;color:#252525;font-size:2rem;font-family:DMSerifDisplay, sans-serif;font-weight: bold;}
	h2{color:#878787;font-size:2.2rem;text-align:center;font-family:BebasNue, Verdana, Geneva, sans-serif;font-weight: bold;}
	h3{font-family:Monserrat, Verdana, Geneva, sans-serif !important;color:#252525;font-size:1.2rem;}
	h4{color:#252525;}
	h5{color:#252525;}
	a,label{color:#727272;text-align:center;font-family:Monserrat, sans-serif;font-weight: bold;}
		a:link {}
		a:visited{}
		a:hover {color:#181818;}
		a:active {}
	p {color:#727272;font-family:Open Sans, sans-serif !important;}
	table {font-size: 22px;}
	small{color:#252525;text-align:center;}
.caviar{font-family: 'Caviar Dreams', sans-serif;}
	.columns {}
	.columns-2 {column-count: 2;}
	.columns-3 {column-count: 3;}
	.columns-4 {column-count: 4;}
	.columns-5 {column-count: 5;}
	.columns-6 {column-count: 6;}
	.columns-7 {column-count: 7;}
.credit {display: block;background: red;margin: -23px auto 0;text-align: center;}
.credits {display: block;background: red;margin: -23px auto 0;text-align: center;}
	.font{}
	.hover:hover {color:#58a3ff !important;}
	.link, .underline {text-decoration: underline;}
	.text-center{text-align:center;}
	.text-left{text-align:left;}
	.text-right{text-align:right;}
	.crossed {text-decoration: line-through;}
	.language {position:absolute;right:0px;margin:-10px 3px 0px;z-index: 350;}
	.language a {font-size:.7rem;color:#58a3ff !important;text-decoration: underline;}
	.submitastext {background:none;border:none;}
.center {text-align:center;}
.columns {column-count: 2;}
.columns-2 {column-count: 2;}
.columns-3 {column-count: 3;}
.columns-4 {column-count: 4;}
.dark {color:#202023 !important;}
.main {}
.message {}
.note {font-style: italic;color: #c4a679;}
.nunito{font-family: 'Nunito Sans', sans-serif;}
.open{font-family: 'Open Sans', sans-serif;}
.required {font-size: 11px;color: red;}


/* Theme */
.light {background-color: #ffffff;}
.light a {color:#57a3ff !important;}
.light p {color:#202023 !important;}
.light h1 {color:#202023 !important;}
.light h2 {color:#909090 !important;}
.light h3 {color:#202023 !important;}
.light h4 {color:#202023 !important;}
.light h5 {color:#202023 !important;}
.dark {background-color: #282728;}
.dark a {color:#f1f1f1;}
.dark p {color:#f1f1f1;}
.dark h1 {color:#f1f1f1;}
.dark h2 {color:#f1f1f1;}
.dark h3 {color:#f1f1f1;}
.dark h4 {color:#f1f1f1;}
.dark h5 {color:#f1f1f1;}


/* --- Fonts --- */
	/* Fonts (use with fonts.css) */

	.bebas {font-family:BebasNeue, Verdana, Geneva, sans-serif !important;}
	.caviar {font-family:CaviarDreams, Verdana, Geneva, sans-serif !important;}
	.dmserifdisplay {font-family:DMSerifDisplay, helverica, Geneva, sans-serif !important;}
	.monserrat {font-family:Monserrat, Verdana, Geneva, sans-serif !important;}
	.open {font-family:Open Sans, Verdana, Geneva, sans-serif !important;}

/* --- Forms --- */

button {width:50%; height: 42px;background-color:#3e3e40;font-family: DMSerifDisplay, sans-serif;font-weight: bold;font-size: x-large;color:#ffffff;border-radius: 12px;border: 1px solid #58a3ff;}
button:disabled {background-color:#b1b1b1 !important;color:#ccc !important;}
button:hover {}
input, select, textarea {width:80%; height: 36px;border-radius: 12px;background-color:#e2efff;border: 3px solid #58a3ff;}
input, select {height: 36px;}
input:disabled, select:disabled, textarea:disabled {background-color:#b1b1b1 !important;color:#ccc !important;}
.paper-dark input, .paper-dark select, .paper-dark textarea {background-color:#ffffff;}
input.half {width:30% !important;}
textarea {height:100px !important;}
select {margin-left:6px;}
label {margin-top:10px;}
field {margin-left:6px;flex:auto;}
fieldset {}
textarea {height: 86px;}
option {}
.form {}
.form-required {color:red;margin:0 6px;}

.form-play {}
.form-play div {margin:6px 0;}

/* Glow/Pulse */

.gorilla {background-image: url("../../design/logo/gorilla-dark.png");display: block;background-size: contain;background-repeat: no-repeat;}
	.gorillapulse {display: block;background-size: contain;background-repeat: no-repeat;}
		  @keyframes gorillaglow {
			0% {
			  background-image: url(../../design/logo/gorilla-dark.png);}
			50% {
			  background-image: url(../../design/logo/gorilla-glow.png);}
			100% {
			  background-image: url(../../design/logo/gorilla-dark.png);}
		  }
		  .gorillapulse {
			animation: gorillaglow 3000ms infinite;
		  }	
.grid {background-image: url(../../design/texture/grid.png);}
	.grid-dark {background-image: url(../../design/texture/grid-dark.png);}
	.grid-white {background-image: url(../../design/texture/grid-white.png);}
	.gridpulse {
	-webkit-box-shadow: inset 0px 0px 12px 2px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0px 0px 12px 2px rgba(0,0,0,.3);
	box-shadow: inset 0px 0px 12px 2px rgba(0,0,0,.3);}
		  @keyframes pulse {
			0% {
			  background-image: url(../../design/texture/grid-dark.png);}
			30% {
				background-image: url(../../design/texture/grid-dark.png);}
			50% {
			  background-image: url(../../design/texture/grid.png);}
			70% {
				background-image: url(../../design/texture/grid-dark.png);}
			100% {
			  background-image: url(../../design/texture/grid-dark.png);}
		  }
		  .gridpulse {
			animation: pulse 6000ms infinite;
		  }
	.glow {-webkit-box-shadow:0px 0px 18px 0px rgba(255,255,255,0.4);
-moz-box-shadow: 0px 0px 18px 0px rgba(255,255,255,0.4);
box-shadow: 0px 0px 18px 0px rgba(255,255,255,0.4);}
	.pulse {}
		  @keyframes glowing {
			0% {
			  box-shadow: 0 0 5px #0000ff;
			}
			50% {
			  box-shadow: 0 0 20px #ffffff;
			}
			100% {
			  box-shadow: 0 0 5px #0b4de4;
			}
		  }
		  .pulse {
			animation: glowing 2000ms infinite;
		  }
.pulse:active {-webkit-box-shadow:0px 0px 45px 5px rgba(255,255,255,0.9) !important;
-moz-box-shadow: 0px 0px 45px 5px rgba(255,255,255,0.9) !important;
box-shadow: 0px 0px 45px 5px rgba(255,255,255,0.9) !important;}
	.rainbow {
	  background:
	      linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),
	      linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
	      linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);
		background-repeat: no-repeat;}
		.rainbow span {display: block; background:#ffffff;margin:0px;border-radius: 8px}
		.rainbow p {margin:0;padding:10px;}
	.textpulse {color:inherit;}
		  @keyframes textglow {
			0% {
			  color:inherit;}
			30% {
			  color:inherit;}
			50% {
			  color:#58a3ff;}
			70% {
			  color:inherit;}
			100% {
			  color:inherit;}
		  }
		  .textpulse {
			animation: textglow 6000ms infinite;
		  }	


/* Attributes */
	.absolute {position: absolute;}
	.black {background: #000000;}
	.border-round {border-radius:8px;}
	.border-square {-webkit-box-shadow: 0px 0px 0px 1px rgba(186,186,186,1);
	-moz-box-shadow: 0px 0px 0px 1px rgba(186,186,186,1);
	box-shadow: 0px 0px 0px 1px rgba(186,186,186,1);}
	.cubes {display:flow-root;width:100%;border-bottom:1px solid #000000;}
	.cubes li {display: inline-block;float: left;width:calc(50.00% - 1px);}
	.cubes li a {display: block; width:100%;height:100%;padding:26px 0;text-align: center;font-size: 2.0rem;font-family: 'bebasnue';color:#cccccc;}
	.hide{display: none;}
	.hidden{display: none;}
	.inline{display: block;}
	.inline li {display:inline-block;float:left;}
	.fixed {position: fixed;}
	.float-left {float: left;}
	.float-right {float: right;}
	.legal {}
	.legal a {display:inline-flex;margin:6px auto;}
	.scrolled {scroll-margin-top: 45vh;}
	.shadow {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,.3);}
	.shadow-inset {
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,.3);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,.3);}
	.striped {text-decoration:line-through;}
	.transparent {background: rgba(255,255,255,0.3);}

/* ========== Screen Size ========== */


/* ---------- Desktop ---------- */
@media screen and (min-width: 1200px) {
	
/* Conditionals */
	.mobile{display: none !important;}
	.tablet{display: none !important;}
	.hide-desktop{display: none !important;}

/* Structure */
	#Main .board {width:54%;}
	.box {}
	.box-title {}
	.box-section {}
	.box-quarter {}
	.box-half {}
	.box-full {}
	.box-panorama {}
	.box-footer {}
	/*.canvas {display:block;width:58%;float:left;min-width:380px;padding:10px;margin:20px 20px 20px 50px;background-color:#58a3ff;border-radius:3px;border:1px solid #ffffff;} */
	.canvas {display: flex;width: calc(100% - 62px);flex-direction: column;justify-content: flex-start;margin: 16px auto;padding: 16px 30px;border-radius: 5px;}
	.canvas.border {width: calc(90% - 4px);min-width: 300px;padding: 10px;margin: 20px auto;background-color: #58a3ff;border-radius: 3px;border: 1px solid #ffffff;}
	.subject {border-radius: 7px;border: 1px solid #cccccc;}
	.subject.dark {border-radius: 7px;border: 1px solid #cccccc;}
	.subject.light {border-radius: 7px;border: 1px solid #cccccc;}
	.subject.plain {background: #282728;color: #ffffff;border-radius: 7px;border:none;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}
	.columns {column-count: 3;}
	.form {}
	.gallery {}
	.panel {}
	.panel-title {}
	.panel-section {}
	.panel-quarter {display:inline-block;min-height:200px;width:25.00%;}
	.panel-half {display:inline-block;float:left;min-height:200px;width:75.00%;}
	.panel-full {width:calc(86% + 40px);min-width:680px;padding:0;margin:0px auto;}
	.panel-panorama {}
	.panel-footer {}
	.paper {min-height:100%;background:#ffffff;color:#282728;border-radius:7px;border:1px solid #cccccc;}
	.paper-dark {min-height:100%;background:#282728;color:#ffffff;border-radius:7px;border:1px solid #cccccc;}
	.paper-dark p {color:#ffffff !important;}
	.list {}
	.media{}
	.search {}
	.section {display: flex;flex-direction: column;overflow: hidden;}
	.section.display {box-shadow: none !important;}
	.social {}
	
/* Data */
	.ad {}
	.audio {}
	.game {}
	.gif {}
	.icon {}
	.map {}
	.note {}
	.panorama {}
	.paragraph {}
	.photo {width:100%;}
	.post {background-color: #ffffff;border-radius: 9px;border: 2px solid #58a3ff;padding: 20px;}
	.post.dark a {color:#cccccc;}
	.post.dark h1 {color:#ffffff;}
	.post.dark h2 {color:#878787}
	.post.dark h3 {font-size: 1.3rem;color:#58a3ff;}
	.post.dark h4 {color:#58a3ff;}
	.post.dark p {font-size: 1.2rem;color:#181718;}
	.render {}
	.text {}
	.title {}
	.video {}

/* Object ID */
	#Main {flex-direction: row;justify-content: center;}
	#Message {}
	#Message h1 {color:#ffffff;}
	#Board {display: flex;height:610px;justify-content: center;}
	#Board .canvas {margin: 20px;}
	#Board .cubes {width:67%;}
	#Content {min-height: 500px;}
	#Content img {}
	#Content p {margin:20px;}
	#Footer small {width: 100%;display: inline-block;color:#ffffff;}
	.footer #Social {background: #ffffff;}
	#Media {min-height:auto;}
	#Media .paper-dark {min-height:auto;}
	#Sponsors {height:190px;margin-top: 10px;}
	#Sponsors .paper-dark {height:inherit;}
	#Sponsors .paper-dark li {display: inline-block;height: 130px;margin: 0 20px;}
	#Timeline {padding: 40px 0;}
	#Timeline .canvas {width:calc(98% - 70px);margin:20px auto;float:none;}
	#Timeline .content {display:inline-block;width:calc(70% - 20px);margin:10px;left:15%;right:15%;position:relative;}
	#Timeline .empty {position:absolute;display:inline-block;width:14%;height:calc(100% - 74px);}
	#ExtraLinks {position: relative;display:flex;width:90%;}
	#ExtraLinks .columns {column-count: 6;}
	#ExtraLinks .qr {width: 150px;height: 150px;position: absolute;top: 24px;right: 80px;display: inherit;margin: 20px auto;border-radius: 7px;border: 1px solid #fff;}
	
	
/* Pages */	
	/* ------ */
	
	
	
	
}/* End Desktop */

/* ---------- Tablet ---------- */
@media screen and (min-width: 800px) and (max-width: 1199px) {

/* Conditionals */
	.mobile{display: none !important;}
	.desktop{display: none !important;}
	.hide-tablet{display: none !important;}

/* Structure */
	#Main .board {width:54%;}
	.box {}
	.box-title {}
	.box-section {}
	.box-quarter {}
	.box-half {}
	.box-full {}
	.box-panorama {}
	.box-footer {}
.canvas {display: flex;width: calc(100% - 62px);flex-direction: column;justify-content: flex-start;margin: 16px auto;padding: 16px 30px;border-radius: 5px;}
	.canvas.border {width: calc(90% - 4px);min-width: 300px;padding: 10px;margin: 20px auto;background-color: #58a3ff;border-radius: 3px;border: 1px solid #ffffff;}
	.subject {border-radius: 7px;border: 1px solid #cccccc;}
	.subject.dark {border-radius: 7px;border: 1px solid #cccccc;}
	.subject.light {border-radius: 7px;border: 1px solid #cccccc;}
	.subject.plain {background: #282728;color: #ffffff;border-radius: 7px;border:none;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}
	.columns {column-count: 3;}
	.form {}
	.gallery {}
	.panel {}
	.panel-title {}
	.panel-section {}
	.panel-quarter {display:inline-block;min-height:200px;width:25.00%;}
	.panel-half {display:inline-block;float:left;min-height:200px;width:75.00%;}
	.panel-full {width:calc(86% + 40px);min-width:680px;padding:0;margin:0px auto;}
	.panel-panorama {}
	.panel-footer {}
	.paper {min-height:100%;background:#ffffff;color:#282728;border-radius:7px;border:1px solid #cccccc;}
	.paper-dark {min-height:100%;background:#282728;color:#ffffff;border-radius:7px;border:1px solid #cccccc;}
	.paper-dark p {color:#ffffff !important;}
	.list {}
	.media{}
	.search {}
	.section {display: flex;flex-direction: column;overflow: hidden;}
	.section.display {box-shadow: none !important;}
	.social {}
	
/* Data */
	.ad {}
	.audio {}
	.game {}
	.gif {}
	.icon {}
	.map {}
	.note {}
	.panorama {}
	.paragraph {}
	.photo {width:100%;}
	.post {background-color: #ffffff;border-radius: 9px;border: 2px solid #58a3ff;padding: 20px;}
	.post.dark a {color:#cccccc;}
	.post.dark h1 {color:#ffffff;}
	.post.dark h2 {color:#878787}
	.post.dark h3 {font-size: 1.3rem;color:#58a3ff;}
	.post.dark h4 {color:#58a3ff;}
	.post.dark p {font-size: 1.2rem;color:#181718;}
	.render {}
	.text {}
	.title {}
	.video {}

/* Object ID */
	#Main {flex-direction: row;justify-content: center;}
	#Message {}
	#Message h1 {color:#ffffff;;}
	#Board {display: flex;height:610px;justify-content: center;}
	#Board .canvas {margin: 20px;}
	#Content {min-height: 500px;}
	#Content img {}
	#Content p {margin:20px;}
	#Footer small {width: 100%;display: inline-block;color:#ffffff;}
	.footer #Social {background: #ffffff;}
	#Media {min-height:auto;}
	#Media .paper-dark {min-height:auto;}
	#Sponsors {height:190px;margin-top: 10px;}
	#Sponsors .paper-dark {height:inherit;}
	#Sponsors .paper-dark li {display: inline-block;height: 110px;margin: 0 20px;}
	#Timeline {padding: 40px 0;}
	#Timeline .canvas {width:calc(98% - 70px);margin:20px auto;float:none;}
	#Timeline .content {display:inline-block;width:calc(72% - 20px);margin:10px;left:14%;right:14%;position:relative;}
	#Timeline .empty {position:absolute;display:inline-block;width:14%;height:calc(100% - 74px);}
	#ExtraLinks {position: relative;display:flex;width:90%;}
	#ExtraLinks .columns {column-count: 6;}
	#ExtraLinks .qr {width: 150px;height: 150px;position: absolute;top: 24px;right: 80px;display: inherit;margin: 20px auto;border-radius: 7px;border: 1px solid #fff;}
	
/* Pages */	
	
	
	
	
	
}/* End Tablet */

/* ---------- Mobile ---------- */
@media screen and (max-width: 800px) {
	
	body {padding-top:63px !important;padding-bottom: 96px !important;}
/* Conditionals */
	.desktop{display: none !important;}
	.tablet{display: none !important;}
	.hide-mobile{display: none !important;}

/* Structure */
	.box {}
	.box-title {}
	.box-section {}
	.box-quarter {}
	.box-half {}
	.box-full {}
	.box-panorama {}
	.box-footer {}
	.brand {display: inline-flex;}
	.brand a {float:left;display:inline-block;margin:10px;}
	.brand a img {width:70px;}
.canvas {display: flex;width: calc(100% - 62px);flex-direction: column;justify-content: flex-start;margin: 16px auto;padding: 16px 30px;border-radius: 5px;}
	.canvas.border {width: calc(90% - 4px);min-width: 300px;padding: 10px;margin: 20px auto;background-color: #58a3ff;border-radius: 3px;border: 1px solid #ffffff;}
	.subject {border-radius: 7px;border: 1px solid #cccccc;}
	.subject.dark {border-radius: 7px;border: 1px solid #cccccc;}
	.subject.light {border-radius: 7px;border: 1px solid #cccccc;}
	.subject.plain {background: #282728;color: #ffffff;border-radius: 7px;border:none;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);}
	.canvas.photo {width:calc(90% + 20px - 4px);min-width:300px;padding:0;margin:20px auto;background-color:#58a3ff;border-radius: 3px;border:1px solid #ffffff;}
	.canvas.thumbs {width:calc(90% + 20px - 4px);min-width:300px;padding:0;margin:20px auto;background-color:#58a3ff;border-radius: 3px;border:1px solid #ffffff;}
	.canvas.video {width:calc(90% + 20px - 4px);min-width:300px;padding:0;margin:20px auto;background-color:#58a3ff;border-radius: 3px;border:1px solid #ffffff;}
	.columns {column-count: 1;}
	.canvas.photo p, .canvas.thumbs p, .canvas.video p {padding:0 12px;}
	.form {}
	.gallery {}
	.grid {}
	.panel {}
	.panel-title {}
	.panel-section {}
	.panel-quarter {}
	.panel-half {}
	.panel-full {}
	.panel-panorama {}
	.panel-footer {}
	.paper {min-height:150px;background:#ffffff;color:#282728;border-radius:7px;border:1px solid #cccccc;}
	.paper p {color:#202020;padding:10px 20px 20px;text-align:left;border-bottom:1px solid #dadada;}
	.paper-dark {min-height:150px;background:#282728;color:#ffffff;border-radius:7px;border:1px solid #cccccc;}
	.paper-dark h1 {color:#ffffff;}
	.paper-dark p {color:#ffffff;padding:10px 20px 20px;text-align:left;border-bottom:1px solid #383838;}
	.paper-dark .gridpulse {min-height:150px;}
	.list {}
	.media{}
	.search {}
	.section {display: flex;padding: 0;flex-direction: column;overflow: hidden;}
	.section ol li:last-child {border: none;}
	.section .rainbow {width:100%;padding:1px;border-radius: 8px;}
	.social {}
	
/* Data */
	.ad {}
	.audio {}
	.caption {position:sticky;display:block;bottom:0;width:100%;height:22px;color:#ffffff;background:rgba(0,0,0,0.6);}
	.game {}
	.gif {}
	.icon {}
	.info {}
	.map {}
	.note {}
	.panorama {}
	.paragraph {padding:12px;}
	.post {width: 98%;border-radius: 9px;margin: 12px auto;padding: 20px 0;}
	.post.dark a {color:#cccccc;}
	.post.dark h1 {color:#ffffff;}
	.post.dark h2 {color:#878787}
	.post.dark h3 {font-size: 1.3rem;color:#58a3ff;}
	.post.dark h4 {color:#58a3ff;}
	.post.dark p {font-size: 1.2rem;color:#181718;}
	
	.post.checklist {}
	.post.photo {}
	.post.photo img {margin: 0 auto;width: 97%;border-radius: 9px;}
	.post.photo .caption {margin: 4px auto;}
	.post.list {        width: calc(90% - 4px);
        min-width: 300px;
        padding: 10px;
        margin: 20px auto;
        background-color: #58a3ff;
        border-radius: 3px;
        border: 1px solid #ffffff;}
	.post.list .subject {}
	.post.map{}
	.post.submit {height:200px;}
	.post.submit .button {}
	.post.submit .controls {height: 50px;}
	.post.submit .logo {width: 50px;height: 50px;}
	.post.submit .text {}
	
	.post.text {display:block;width:calc(90% - 40px);min-height:50px;color:#cccccc;border-radius:7px;border: 1px solid #181818;padding:40px 20px;}
	.post.text hr {width: 90%;border: dotted 1px #212021;}
	.post.photo {}
	.post.quote {display:block;width:calc(90% - 40px);min-height:50px;color:#cccccc;border-radius:7px;border: 1px solid #181818;padding:40px 20px;}
	.post.quote p {font-family: DMSerifDisplay !important;font-size:1.2rem;text-align:center;border:none;padding:0 10px;}
	.post.video {}

	.quote {}
	.media.photo {width:100%;}
	.media.photo img {width:calc(100% + 16px);margin:-8px;}
	.render {}
	.text {}
	.title {}
	.video {}

/* Object ID */
	#Message {position:fixed !important;top:0;left:0;width:100vw;height:18px;background:rgba(32,32,32,0.50);text-align:center;}
	#Message h1 {color:#ffffff;}
	#Content {min-height: 400px;}
	#ExtraLinks .columns {column-count: 2;}
	#Footer {letter-spacing:4px !important;text-align:center;margin-bottom:-34px !important;}
	#Footer small {color:#ffffff;}
	#Account {display: flex;flex-direction: column;justify-content: space-between;align-items: center;width:calc(90% - 40px);min-height: 600px;margin: 20px auto;padding: 0 20px; border-radius: 9px;border: solid 1px #cccccc;}
	#Account .menu {display:flex;align-items: center;width:calc(100% + 42px);height:50px;border-top: solid 1px #cccccc;border-bottom: solid 1px #cccccc;}
	#Account .menu li {display: flex;flex: auto;text-align: center;margin: 8px 0;font-size: 16px !important;border-right: solid 1px #323232;}
	#Account .menu li:last-child {border:none;}
	#Account .menu li a {display: flex;width: 100%;height: 100%;color: #ffffff;font-family: inherit;align-items: center;justify-content: center;}	
	#Account .title {display:flex;align-items: center;height:70px;}
	#Account .content {display:flex;flex: auto;justify-content: center;align-items: flex-start;width:100%;height: calc(68% - 40px);padding: 20px 0;border-bottom: solid 1px #cccccc;}
	#Account .note {display:flex;align-items: center;height:70px;margin:0;}
	#Timeline {padding: 40px 0;}
	#Timeline .content {display:inline-block;width:100%;}
	#Timeline .empty {display: none;}
	
/* Pages */	
	
	
	
	
	
}/* End Mobile */

/* ---------- Mini Screen ---------- */
@media screen and (max-width: 580px) {
	
}/* End Mini Screen  */

/* ========== End of Document ========== */