/* CSS Document | Structure */




.chat li { display: flex; flex-direction: column; border-bottom: solid .5px #e4e4e4; }
.chat li.mine { align-items: flex-end; }
.chat li.theirs { align-items: flex-start; }
.chat li p { margin-bottom: 0; font-size: 14px; padding: 4px 8px; border-radius: 10px; }
.chat li.mine p { background: #d0e5ff; }
.chat li.theirs p { background: #ebebeb; }
.chat li span { font-size: 11px; width: 100%; }
.chat li.mine span { text-align: right; }
.chat li.theirs span { text-align: left; }


	.like-button {
    filter: grayscale(100%);
    transition: filter 0.2s ease;
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
	}
	.like-button.liked {
		filter: none;
		transform: scale(1.1);
	}

    .event {
        display: flex;
        flex-direction: column;
        padding: 8px 0;
    }
    .event .event-day {
        font-size: 1.4em;
        font-family: Monserrat, Verdana, Geneva, sans-serif !important;
        color: #fff;
    }
    .event .event-location {
        display: flex;
        justify-content: center;
        font-size: 18px;
        font-family: Monserrat, Verdana, Geneva, sans-serif !important;
        color: #878787;
    }
    .event .event-name {
        display: flex;
        justify-content: center;
        font-size: 26px;
        font-family: Monserrat, Verdana, Geneva, sans-serif !important;
        color: #57a3ff;
    }
    .event .event-organizer {
        display: flex;
        justify-content: center;
    }
    .event .event-time {
        margin: 0 12px;
    }


	.stats {display: flex;flex-direction: column;}
	.stats li {display: flex;justify-content: space-between;min-height: 30px;border-bottom: solid 1px #474747;align-items: center;margin-top: 6px;}
	.stats li h4 {display: flex;width: 100px;height: inherit;margin: 0;align-items: center;}
	.stats li p {flex: auto;display:flex;align-items: center;justify-content: center;margin:0;min-height:30px;border-left: solid 1px #474747;}
	.stats li p a {font-family: inherit;}
	#postForm {margin-top: -10px !important;}

.profile-nav-bar {
    display: flex;
    justify-content: space-evenly;
	align-items: center;
    background: #202020;
	border-bottom: solid 0.5px #474747;
}
.profile-nav-bar a {
    text-decoration: none;
	width: calc(100% / 3);
    padding: 16px;
    color: #fff;
}
.profile-nav-bar a.active {
    background: #282728;
    color: white;
    font-weight: bold;
	border-bottom: solid 1px #57a3ff;
    border-radius: 0 0 5px 5px;
	margin-bottom: -2px;
}
	.profile-nav-bar a:hover {color:#57a3ff;}
.functions-list{display: block;height: 300px;margin: 6px auto;padding: 20px 10px;overflow: scroll;box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .5);}

.square {
  aspect-ratio: 1 / 1; /* Makes the element a perfect square */
  width: 100%;         /* Or any fixed width, and height will follow */
}
.square a,
.square img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* ---------- 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;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: 66px;margin: 0px auto;padding: 2px 4px 8px;background: #3e3d40;color: #ffffff;border-top: solid 1px #57a3ff;border-bottom: 8px solid #333233;z-index: 400;}
	#Bar-bottom li {display:inline-flex;flex: auto;width: 100%;font-size: 11px;margin-bottom:12px;align-content: flex-end;}
	#Bar-bottom li a {display: flex;flex: auto;flex-direction: column;align-items: center;color:#fff;}
	#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 ========== *














/* ---------- All Sizes ---------- */

	.numbers {display: block;background:#dadada;border:1px solid #ccc;}

	#Alert {position: static;display: flex;height: 50px;padding: 5px 20px;color: #fff !important;justify-content: center;text-align: center;}
	#Alert p {color: #fff !important;}
	#Alert.alert {background-color:#816a32;}
	#Alert.error {background-color:#9e0821;}
	#Alert.notice {}
	#Alert.success {background-color:#398348;}
	#Alert.warning {background-color:#45202b;}









/* 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-size: 30%;background-image: url("/design/texture/sand.webp");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;}
	.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 {    text-align: center;font-size: 10px;color: #bca684;}
.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;}
.sand {background-color: #282728;background-size: 30%;background-image: url("/design/texture/sand.webp");}


/* --- 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 {font-size: 16px !important; 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;margin-bottom: 4px;}
field {font-size: 16px !important;margin-left:6px;flex:auto;}
fieldset {}
textarea {height: 86px;}
option {}
.pointer{cursor: pointer;}
.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.webp);
  background-size: 100%;
}

.grid-dark {
  background-image: url(/design/texture/grid-dark.webp);
  background-size: 100%;
}

.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);
  animation: pulse 6000ms infinite;
}

@keyframes pulse {
  0%, 30%, 70%, 100% {
    background-image: url(/design/texture/grid-dark.webp);
    background-size: 100%;
  }
  50% {
    background-image: url(/design/texture/grid.webp);
    background-size: 100%;
  }
}





		  .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: inline-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;}
	.relative {position:relative !important;}
	.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 {}
	.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;}
	.post.subject {width: auto;margin: 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.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 {min-height:200px;}
	.post.submit .button {}
	.post.submit .controls {height: 50px;}
	.post.submit .logo {width: 50px;height: 50px;}
	.post.submit .text {}
	
	.post.quote {display: flex ;flex-direction: column;width:90%;min-height:50px;color:#cccccc;border-radius:7px;border: 0.5px solid #343540;}
	.post.quote header {height:22px;padding:4px 10px;text-align: right;}
	.post.quote article {min-height: 22px;padding:4px 10px;}
	.post.quote small {display: inline-block;color: #585858;margin: 0 10px;}
	.post.quote footer {height:22px;padding:4px 10px;text-align: right;font-size: 14px;border-top: dotted 1px #212021;}
	.post.quote p {font-family: DMSerifDisplay !important;font-size:1.2rem;text-align:center;border:none;padding:0 10px;}
	
	.post.text {display: flex ;flex-direction: column;width:90%;padding: 0;min-height:50px;color:#cccccc;border-radius:7px;border: 0.5px solid #343540;}
	.post.text header {height:22px;padding:4px 10px;text-align: right;}
	.post.text main {display: flex;justify-content: center;width: calc(100% - 8px);margin: 0 auto;padding: 0 0 6px;border-bottom: dotted 1px #212021;}
	.post.text article {min-height: 22px;padding:4px 10px;}
	.post.text small {display: inline-block;color: #585858;margin: 0 10px;}
	.post.text footer {height:22px;padding:4px 10px;text-align: right;font-size: 14px;border-top: dotted 1px #212021;}
	.post.text hr {width: 90%;border: dotted 1px #212021;}
	
	.post.photo {display: flex ; width: auto; min-height: 50px; color: #cccccc; border-radius: 7px;border: 0.5px solid #343540; padding: 0; flex-direction: column;}
	.post.photo header {height:22px;padding:4px 10px;text-align: right;}
	.post.photo main {display: flex;width: calc(100% - 8px); min-height: 100px;margin: 0 auto;padding: 0;background-color: #000;border: 4px solid #000;}
	.post.photo main img {width: 100%;max-height: 600px;border-radius: 2px;}
	.post.photo article {min-height: 22px;padding:4px 10px;}
	.post.photo footer {height:22px;padding:4px 10px;text-align: right;font-size: 14px;border-top: dotted 1px #212021;}
	.post.photo small {display: inline-block;color: #585858;margin: 0 10px;}
	.post.photo time {color:#585858;font-size: 10px;}
	
	.post.video {display: flex ; width: auto; min-height: 50px; color: #cccccc; border-radius: 7px;border: 0.5px solid #343540;padding: 0; flex-direction: column;}
	.post header {height:22px;padding:4px 10px;text-align: right;}
	.post.video main {display: flex;width: calc(100% - 8px); min-height: 100px;margin: 0 auto;padding: 0;background-color: #000;border: 4px solid #000;}
	.post.video main video {width: 100%;max-height: 600px;border-radius: 2px;}
	.post.video article {min-height: 22px;padding:4px 10px;}
	
	.post .delete-btn {display: inline-block;width: 20px; height: 20px;color: white; background: #3e3d40; border-color: #212021; border-radius: 50%; font-size: 12px; font-weight: bold; cursor: pointer; }
	.delete-btn {display: inline-block;width: 20px; height: 20px;color: white; background: #3e3d40; border-color: #212021; border-radius: 50%; font-size: 12px; font-weight: bold; cursor: pointer; }
	.add-btn {display: inline-block;width: 24px; height: 24px;padding:0;color: #404040; background: #fff; border-color: #dadada; border-radius: 50%; font-size: 16px; font-weight: bold; cursor: pointer; }
	.post .edit-btn {display: inline-block;width: auto; height: 20px;margin-right: 10px;color: white; background: #3e3d40; border-color: #212021; border-radius: 12px; font-size: 12px; font-weight: bold; cursor: pointer; }
	
	.post footer {display: flex ; gap: 4px; height: 22px; padding: 4px 10px; text-align: right; font-size: 14px; border-top: dotted 1px #212021; align-items: center;}
	.post small{display: inline-block;color: #585858;margin: 0 10px;}
	.post footer time {color:#585858;font-size: 10px;}
	
	.quote {}
	.media.photo {width:100%;}
	.media.photo img {width:calc(100% + 16px);margin:-8px;}
	.render {}
	.text {}
	.title {}
	.video {}
	
	
	
#interviews {display: flex;flex-direction: column;gap: 16px;}
#interviews a {flex-direction: column;flex: auto;}
.results.interview > a:hover {
  background: rgba(255, 255, 255, 0.05);
  transition: background 0.2s ease;
}
.results.interview {display: flex;flex-direction: row;flex: auto;width: 100%;min-height: 140px;}
.results.interview figure {min-width:90px;max-width:90px;margin: 10px;}
.results.interview figure img {border: solid 1px #383838;border-radius: 7px;}
.results.interview article {display: flex;flex-direction: column;justify-content: space-between;flex:auto;}
.results.interview article h2 {min-height: 26px;padding: 10px 10px 4px;text-align: left;color:#57a3ff;font-size: 1.6em;}
.results.interview article p {flex:auto;margin: 0px 10px;padding: 10px 0;text-align: left;font-size: 14px;font-weight: normal;border-top: dotted 1px #202020;border-bottom: dotted 1px #202020;}
.results.interview article footer {height:22px;padding:4px 10px;text-align: right;font-size: 13px;}
.results.interview article time {color:#585858;font-size: 10px;}
	
	
	
	

/* Object ID */
	#Message {position:fixed !important;top:0;right:0;left:0;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 {flex: auto;justify-content: center;align-items: flex-start;width:100%;height: calc(68% - 40px);padding: 20px 0;}
	#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 ========== */