@charset "utf-8";
/* CSS Document */
/* Base CSS for Z1Gaming Site */

@font-face {
	font-family: "Good Times";
	src:url("../fonts/GOODTIME.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Elitas";
	src: url("../fonts/Elitas.ttf") format("truetype");
	font-weight: bolder;
	font-style: normal;
}
@font-face {
	font-family: "Toxigenesis";
	src: url("../fonts/toxigenesis.bold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Florencia";
	src:url("../fonts/Florencia Blonde.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
  	padding: 0;
	background-color: rgba(15,15,15,1.00);
	font-family: "Toxigenesis";
	font-size: 13px;
}

.ftDivider {
	width: 100%;
	height: 10px;
	margin: 0;
	padding: 0;
	border: none;
	background: linear-gradient(90deg,rgb(75,0,0) 25%,rgb(150,0,0) 25%, rgb(150,0,0) 50%, rgb(95,55,150) 50%,rgb(95,55,150) 75%,rgb(57,29,95) 75%);
}
footer {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: rgba(15,15,15,1.00);
}

/* Pertaining to links and txt formatting */
a {
	text-decoration: none;
	color: rgba(150,150,150,1.00);
}

a.current {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: rgba(100,100,100,0.95);
}
.titleInRed {
	text-align: center;
	font-family: "Toxigenesis";
	font-size: 64px;
	color: rgba(150,150,150,1.00);
}

.titleInWhite {
	text-align: center;
	font-family: "Toxigenesis";
	font-size: 64px;
	color: rgba(150,150,150,1.00);
}

/* Pertains to Text with red or otherwise dark BG*/
.HeadingInRed {
	font-size: 36px;
	color: rgba(150,150,150,1.00);
}
#headingRight {
	text-align: right;
}
.secondaryInRed {
	font-size: 30px;
	text-align: center;
	color: rgba(150,150,150,1.00);
}
.txtInRed {
	font-size: 20px;
	color: rgba(150,150,150,1.00);
}
.txtChunk {
	font-size: 20px;
	color: rgba(150,150,150,1.00);
	max-width: 75%;
	margin: 20px auto;
}
#txtCenter {
	text-align: center;
}
#txtRight {
	text-align: right;
}
.txtCombo {
	max-width: 60%;
	margin-left: 1%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-content: flex-start;
}

/* Pertaining to the basic composition of certain base elements of the site*/
.contentBox {
	width: 100%;
	margin: auto;
	padding:0;
}
.container {
	width: 100%;
	max-width: 1920px;
	margin: auto;
	padding: 5px 0;
}
.secContainer {
	width: 80%;
	max-width: 1920px;
	margin: auto;
	padding: 5px 0;
}
.btnContainer {
	width: 100%;
	height: 90px;
	margin: 10px 0;
	padding: 0;
	display: flex;
	justify-content: center;
}
.flexContainer {
	width: auto;
	height: auto;
	margin: auto;
	padding: 0;
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
}
.ImageContainer {
	max-width: 80%;
}


/* Pertaining to the basic structure of action buttons on the site */
.actionBtn {
	margin:10px;
	padding: 24px 30px;
	border-radius: 20px;
	font-size: 18px;
	font-family: "Good Times";
	transition: 0.5s ease-out;
}

/* Pertaining to the elements found in the footer section of the site*/
.fLinksBox {
	width: 25%;
	height: auto;
	margin: 50px 1%;
}
.fTitle {
	width: auto;
	margin: 0 0 20 0;
	font-size: 24px;
	text-align: center;
	color: rgba(150,150,150,1.00);
}
	/*Pertining to the Social Links Buttons*/
.socialFlex {
	width: 100%;
	height: auto;
	padding: auto;
	overflow: visible;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	
}
.thingsButton {
	width: 65px;
	height: 50px;
	margin: 0;
	padding: 5px 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sIcon {
	width: 45px;
	height: 45px;
	margin: auto;
}
#TW {
	background: #9146FF;
	transition: 0.5s;
}
#TW:hover {
	background: rgba(150,0,0,0);
	transition: 0.5s;
}
#YT {
	background: red;
	transition: 0.5s;
}
#YT:hover {
	background: rgba(150,0,0,0);
	transition: 0.5s;
}
#TT {
	background: #1DA1F2;
	transition: 0.5s;
}
#TT:hover {
	background: rgba(150,0,0,0);
	transition: 0.5s;
}
#IG {
	background: #5B51D8;
	transition: 0.5s;
}
#IG:hover {
	background: rgba(150,0,0,0);
	transition: 0.5s;
}
#DC {
	background: #5865F2; /*#7289DA;*/
	transition: 0.5s;
}
#DC:hover {
	background: rgba(150,0,0,0);
	transition: 0.5s;
}
#FB {
	background: #1877f2;
	transition: 0.5s;
}
#FB:hover {
	background: rgba(150,0,00,0);
	transition: 0.5s;
}
#PT {
	background: rgba(255, 66, 77,1.0);
	transition: 0.5s;
}
#PT:hover {
	background: rgba(204,10,44,0);
	transition: 0.5s;
}
	/* Pertaining to the footer links stacc*/
.ftLinkStacc {
	width: 60%;
	height: auto;
	margin: auto;
	padding: 0;
	display: flex;
	justify-content: center;
	flex-flow: column wrap;
}
.ftLink {
	width: 100%;
	height: auto;
	margin: auto;
	padding: 15px 0;
	text-align: center;
}
.ftLink:hover {
	color: rgba(150,0,0,1.00);
}
.copyrightContainer {
	width: 100%;
	height: auto;
	padding: 0;
	margins: 0;
	background: rgba(10,10,10,1.00);
}
.copyright {
	width: 100%;
	margin: 0;
	padding: 45px 0 0 0;
	text-align: center;
	color: rgba(75,75,75,1.00);
}
.iLavVex {
	width: 100%;
	margin: 0;
	padding: 5px 0 30px 0;
	text-align: center;
	color: rgba(150,0,0,1.00);
}

/*---DIVIDERS---*/
.XMAS_Deco {
	width: 100%;
	height: 2px;
	border: none;
}


/*iPad*/
@media (max-width: 1400px) {
	.fLinksBox {
		width: 40%;
	}
}

/*iPhone Landscape*/
@media screen and (max-width: 930px) {
	.titleInRed {
		font-size: 48px;
	}
	.titleInWhite {
		font-size: 48px;
	}
	.HeadingInRed {
		font-size: 24px;
	}
	.txtInRed {
		font-size: 12px;
		color: rgba(150,150,150,1.00);
	}
	.txtChunk {
		font-size: 12px;
		color: rgba(150,150,150,1.00);
	}
	.availability {
		width: auto;
		margin: 0 25px 0 25px;
		font-family: "Toxigenesis";
		font-size: 18px;
		text-align: left;
		color: rgba(50,50,50,1.0);
	}
	.availability.limited {
		margin: 0 25px 0 25px;
		text-align: center;
		border-radius: 5px;
		background: rgba(150,0,0,1.00);
		color: rgba(200,200,200,1.0);
	}
	.fLinksBox {
		width: 100%;
	}
}

/*iPhone Portrait*/
@media screen and (max-width: 700px) {
	.titleInRed {
		font-size: 48px;
	}
	.titleInWhite {
		font-size: 48px;
	}
	.HeadingInRed {
		font-size: 24px;
	}
	.secondaryInRed {
		max-width: 90%;
		font-size: 20px;
	}
	.txtInRed {
		font-size: 12px;
		color: rgba(150,150,150,1.00);
	}
	.txtChunk {
		font-size: 12px;
		color: rgba(150,150,150,1.00);
	}
	.availability {
		width: auto;
		margin: 0 25px 0 25px;
		font-family: "Toxigenesis";
		font-size: 18px;
		text-align: left;
		color: rgba(50,50,50,1.0);
	}
	.availability.limited {
		margin: 0 15px 0 15px;
		text-align: center;
		border-radius: 5px;
		background: rgba(150,0,0,1.00);
		color: rgba(200,200,200,1.0);
	}
	.fLinksBox {
		width: 100%;
	}
}