/*
Theme Name: Fight Club United Custom Theme
Author: Daniel Patrick
Designer: Gran Roberts
textdomain: fightclubunited
*/

/**
  * Color Guide *
  
  Primary Color -- #f2ce11
  Secondary Color -- #ff6600
  Background Color -- #080204

*/

/********************************************/
/************** General Styles **************/
/********************************************/

html {
	font-family: Tahoma;
}

body {
  width: 100%;
  margin: 0;
  background-color: white;
  /*background-color: #080204;*/
}

h1, h2, h3 {
	color: black;
	/*color: #f2ce11;*/
}

p, ul, ol {
	color: whitesmoke;
}

/********************************************/
/************** Header Styles **************/
/********************************************/

.header {
	width: 100%;
	height: 48px;
}

.container {
	min-height: calc(100vh - 70px);
}

.logo {
	float: left;
	padding-left: 20px;
}

.navbar {
  /*overflow: hidden;*/
  float: right;
}

.navbar ul {
	list-style: none;
}

.navbar li {
	display: inline;
}

/* Style the links inside the navigation bar */
.navbar a {
  float: left;
  color: #f2ce11;
  padding: 0px 16px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  
}

/* Change the color of links on hover */
.navbar a:hover {
  color: #ff6600;
}

/********************************************/
/************** Body Styles **************/
/********************************************/

.main-content {
	padding: 0px 20px 0px 20px;
}

.divider {
	width: 100%;
	float: left;
	background-color: #f2ce11;
	height: 3px;
}

.banner {
	float: left;
	background-color: #080204;
	width: 100%;
}

.bannerImage {
	width: 100%;
	display: block;
}

.yellowImage {
	width: 100%;
	display: block;
}

.divider01 {
	height: 10px;
}

.columns {
	float: left;
	width: 100%;
}

.column {
	text-align: center;
	float: left;
	width: 33.33%;
	min-width: 200px;
}

.inner3column {
	display: inline-block;
	max-width: 250px;
	min-width: 180px;
	text-align: center;
	padding: 0px 20px 40px 20px
}

.content {
	width: 100%;
	float: left;
	padding: 20px 0px 20px 0px;
	color: #efefef;
}

.frontpagebody {
	width: 100%;
	float: left;
	padding: 20px 0px 20px 0px;
}
.content-center {
	margin: 0 auto;
}

/********************************************/
/************** Footer Styles **************/
/********************************************/

.footer {
	width: 100%;
	float: left;
}

.footerNav {
	font-family: Tahoma;
	background-color: #080204;
	overflow: hidden;
	width: 100%;
	text-align: center;
	padding: 10px 0px 15px 0px;
	float: left;
}

.footerNav ul {
	list-style: none;
}

.footerNav li {
	display: inline;
}

.footerNav a {
	color: #f2ce11;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.footerNav a:hover {
	color: #ff6600;
	font-weight: bold;
  }

.copyright {
	float: left;
	color: #f2ce11;
	font-size: 12px;
	text-align: center;
	width: 100%;
}

/********************************************/
/************** Form Styles **************/
/********************************************/

.content h1 {
	text-align: center;
}

.contact-main-content {
    display: block;
    margin: 0 auto;
    max-width: 300px;
}

form {
	margin: 0 auto;
	max-width: 400px;
}

form label {
	display: block;
	padding: 5px;
	color: black;
	/*color: #f2ce11;*/
}

form span {
	font-size: 10px;
	color: #ff6600;
}

form input,textarea {
	display: block;
	font-size: 0.9em;
	padding: 5px;
	background-color: #efefef;
	border: 1px solid #efefef;
	color: #3a3a3a;
	margin-top: 3px;
	width: 100%;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

form input[type="radio"] {
	margin-top: 0px;
	border-radius: 0px;
	display: block;
	float: left;
	width: auto;
}

.radio {
	display: inline;
}

form textarea {
	min-height: 100px;
}

form input:required {
	border: 2px solid;
}

form input:invalid {
	border: 2px solid;
	border-left-color: red;
	border-left-width: 5px;
}

form input[type=checkbox] {
	transform: scale(1.5);
	margin-top: 0px;
	border-radius: 0px;
	display: block;
	float: left;
	width: auto;
	margin-right: 15px;
}
/*
.check label {
	float:left;
}*/

form #submit {
	width: 200px;
	background-color: darkgrey;
	color: black;
}

.submit:hover {
	background-color: blue;
}

form textarea {
	height: 213px;
	width: 100%;
	background: url(images/textarea-bg.jpg) right no-repeat #efefef;
}

/*form #chaptersCompleted {
	transform: scale(1.5);
}*/

.content-center {
	max-width: 500px;
	align-content: center;
	display: block;
}

/********************************************/
/************** Mobile Styles **************/
/********************************************/

/*
@media screen and (min-width: 769px) { 
	#toggle {
		display: none;
	}
} 
	 
@media screen and (max-width: 768px) { 
	#popout {
		position: fixed;
		height: 100%;
		width: 250px;
		background: rgb(25, 25, 25);
		background: rgba(25, 25, 25, .9);
		color: white;
		top: 0px;
		left: -250px;
		overflow: auto;
	}
	.header {
		height: 150px;
	}	  
	.navbar ul {
		list-style: none;
	} 
	.navbar li {
		display: list-item;
		list-style-type: none;
	}
	#toggle {
		float: right;
		position: fixed;
		top: 10px;
		right: 10px;
		width: 32px;
		height: 32px;
	}
}*/