/* Tyler's list of common used (helper) classes to make life easier */
/* Created on 11.20.2019 */
/* Use these classes to begin each new site */

body {
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; /* SWAP OUT */
	margin: 0px;
}
.float {
	float: left;
}
.span_it {
	width: 100%;
}
main {
	float: left;
	width: 100%;
}
.inner {
	float: left;
	margin-left: 15%; /* SET MARGINS FOR THE PAGE WIDTH */
	width: 70%; /* SET MARGINS FOR THE PAGE WIDTH */
}
.pad_5 {
	padding: 5px;
}
.pad_10 {
	padding: 10px;
}
.pad_15 {
	padding: 15px;
}
.spacer {
	margin-top: 25px;
}
a {
	color: inherit;
	text-decoration: none;
}
.drop_shadow {
	-webkit-box-shadow: 10px 10px 20px -12px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 20px -12px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 20px -12px rgba(0,0,0,0.75);
}

/* BUTTONS */
.cold_button {
	float: left;
	padding: 15px;
	padding-left: 25px;
	padding-right: 25px;	
	cursor: pointer;
	margin: 15px;
	margin-left: 0px;
	font-weight: bold;
	transition: ease 1s;
	color: white; /* ADJUST COLOR */
	background-color: none; /* ADJUST COLOR */
	border: solid white 1px; /* ADJUST COLOR */
}
	.cold_button:hover {
		background-color: white; /* ADJUST COLOR */
		color: black; /* ADJUST COLOR */
		opacity: 0.8;
		transition: ease 1s;
	}
.hot_button {
	float: left;
	padding: 15px;
	padding-left: 25px;
	padding-right: 25px;	
	cursor: pointer;
	margin: 15px;
	margin-left: 0px;
	font-weight: bold;
	transition: ease 1s;
	color: white; /* ADJUST COLOR */
	background-color: #33211F; /* ADJUST COLOR */
	border: solid #33211F 1px; /* ADJUST COLOR */
}
	.hot_button:hover {
		background-color: #1A100F; /* ADJUST COLOR */
		color: white; /* ADJUST COLOR */
		opacity: 0.8;
		transition: ease 1s;
	}
	
/* TABLES */
.gen_table {
  border-collapse: collapse;
  width: 100%;
}
td, th {
  border: 1px solid white;
  padding: 5px;
}
tr {
	background-color: white;
}
tr:nth-child(even){background-color: #f2f2f2;}
tr:hover {background-color: #ddd;}
th {
  padding: 5px;
  text-align: left;
  background-color: #343A3F;
  color: white;
}
	
/* MEDIA TYPES -- RESPONSIVENESS */
@media only screen and (max-width: 1000px) {
	.inner {
		margin-left: 2%; /* SET MARGINS FOR THE PAGE WIDTH */
		width: 96%; /* SET MARGINS FOR THE PAGE WIDTH */
	}
}

/* End of Tyler's helping classes. All custom classes begin here. */