/*
Theme Name:     Powerhawks
Description:    YOLO SWAG 2016 MEME UPDATE
Author:         powerhaw
Template:       hueman-master

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/*General*/
.logoSM{max-width: 150px;}
.logoMED{max-width: 300px;}
.logoLG{max-width: 600px;}

.flex-container {
    display: -webkit-flex;
    display: flex;
}

.fullimg{max-width: 1200px;
	max-height: 700px;
	width:auto;
	Height:auto;
}

#wrapper {
    width: auto;
    margin: 0 auto 0 auto;
}

.center{
	width: auto;
	display: block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.marginless{margin-left:opx; margin-right:opx; margin-top:opx; margin-bottom:opx;}

img.in-chart{max-width:200px; max-height:150px; width:auto; height:auto; margin-left:auto; margin-right:auto;}

.highlight{color: #D1555A; font-weight:bold; text-decoration:none; border: none;}

.grid{margin-right:0px;}

.pleft{text-align: left;}

.grid{margin-right:0px;}

.pleft{text-align: left;}

/*base button*/
div.button_container{
	margin: 5px auto 0px auto;
	max-width: 400px;
	height: 34px;
	display:inline-block;
	position: relative;
	display: -webkit-flex;
    display: flex;
    position: absolute
    width:auto;
}

img.button{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: auto;
  height: auto;
  border-radius: 8px;
  box-shadow: 2px 2px 2px 1px #101820;
  -webkit-box-shadow: 2px 2px 2px 1px #101820;
  -moz-box-shadow: 2px 2px 2px 1px #101820;
} 

a.button{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: inline-block;
  margin: 2px 3px 2px 3px;
  text-align: center;
  line-height: 30px;
  border-radius: 8px;
  font-family:helvetica;
  box-shadow: 2px 2px 2px 1px #101820;
	-webkit-box-shadow: 2px 2px 2px 1px #101820;
	-moz-box-shadow: 2px 2px 2px 1px #101820;
} 

.button:hover{
    box-shadow: 3px 3px 3px 3px #101820;
	-webkit-box-shadow: 3px 3px 3px 3px #101820;
	-moz-box-shadow: 3px 3px 3px 3px #101820;
}

.button:active {   
	box-shadow: 1px 1px 1px 1px #101820;
	-webkit-box-shadow: 1px 1px 1px 1px #101820;
	-moz-box-shadow: 1px 1px 1px 1px #101820;
}

/*subscribe button*/
a.button_subscribe{
	background-color: #D1555A;
	font-size: 15px;
	width: 110px;
	max-height: 30px;
	text-decoration: none;
	color: #FFFFFF !important;
}

a.button_subscribe:hover{
	background-color: #E92076;
}

a.button_subscribe:active{
	background-color: #A2B2C9;
}

/*download button*/
.font_download{
	max-width: 500px;
}

div.download_container_a{
	margin: 5px auto 0px auto;
	max-width: 324px;
	height: 34px;
	position: relative;
	display: -webkit-flex;
    display: flex;
}

a.button_download{
  background-color: #D1555A;
  font-size: 15px;
  width: 75px;
  text-decoration: none;
  color: #FFFFFF !important;
} 

a.button_download:hover{
	background-color: #435CC8;
}

a.button_download:active {
    background-color: #253746;   
}

/*Submit Button*/
a.button_submit{
  background-color: #253746;
  font-size: 15px;
  width: 120px;
  text-decoration: none;
  color: #FFFFFF !important;
} 

a.button_submit:hover{
	background-color:  #D1555A;
}

a.button_submit:active {
    background-color: #8BE1B1;   
}

/*resources page*/
div.resource_container_logo{
	margin: 0px 0px 0px 0px;
	max-width: 500px;
}

div.indent:before,
div.indent:after {
    content: " "; 
    display: table;
}

div.indent:after {
    clear: both;
}  

.dark-background{background-color:#435CC8;}

.indent{margin-left: 25px; margin-right:auto;}

img.example{
	max-width:400px;
	max-height:200px;
	width:auto;
	height:auto;
	margin: 0px auto 0px auto;
}

/*robot page*/
.robot{max-width: 800px; max-height: 600px; height: auto; width: auto; margin: 0px auto 0px auto;}

/*FLL Qualifier*/
img.fll{max-width:400px;
	width:auto;
	max-height:400px;
	height:auto;
	display:block;
	margin: 0px 0px 0px 0px;}

img.fll{margin: auto 0px auto 0px;}

/*Slider*/
.slide-button{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
display: inline-block;
text-align: center;
font-family:helvetica;
position: absolute;
bottom:250px;
border-radius:12.5px;
width:25px;
height:25px;
box-shadow: 2px 2px 2px 1px #101820;
-webkit-box-shadow: 2px 2px 2px 1px #101820;
-moz-box-shadow: 2px 2px 2px 1px #101820;
color: #FFFFFF !important;
background-color: #D1555A;
}

.slide-button:hover{
	background-color:  #8BE1B1;
	box-shadow: 3px 3px 3px 3px #101820;
	-webkit-box-shadow: 3px 3px 3px 3px #101820;
	-moz-box-shadow: 3px 3px 3px 3px #101820;
}

.slide-button:active{
	background-color: #253746;
	box-shadow: 1px 1px 1px 1px #101820;
	-webkit-box-shadow: 1px 1px 1px 1px #101820;
	-moz-box-shadow: 1px 1px 1px 1px #101820;
}

.slide-arrow{
	display:block;
	margin: auto;
	text-align:center;
}

#slideContainer{
	position:relative;
	background-color: #A2B2C9;
	max-width:1000px;
	max-height:525px;
	display: block;
	margin: 0px auto 0px auto;
	padding: 10px;
	border-radius:5px;
}

#slide{
	max-width:1000px;
	max-height:525px;
	margin: 0px auto 0px auto;
	display: block;
	height: auto;
	width:auto;
	height:auto;
}

#slideContent{
	bottom:10px;
	position: absolute;
	height:auto;
	padding:4px;
	background-color: #435CC8; 
	color: #ffffff;
	font-family:serpentine; 
	border-radius:8px;
	margin: 0px auto 0px auto;
}

#timeBar{
	position: absolute;
	bottom: 0px;
}

/* slider info links */
a.slider:link{
    color:#D1555A;
}

a.slider:visited{
    color:#D1555A;
}

a.slider:hover{
    color:#FFFFFF;
}

a.slider:active{
    color:#8BE1B1;
}

.timBar1{}

.timeBar2{}

/*Sponsors*/
p.widget_title{text-align: center; font-weight: bold; font-family:serpentine, helvetica, script; font-size: 20pt; cursor:default;}

div.sponsor_parent{
	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
	background-color: #E5E2E7; 
	width: auto;
	margin: 0 auto 0 auto;
}

#footer-widgets{background-color: #E5E2E7;}

div.sponsor{
	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
	padding:25px;
	width: 350px;
	height: 75px;
	display: inline-block;
}
	
img.sponsor{
	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
	max-width:350px; 
	width:auto;
	max-height:75px;
	height:auto;
	margin:0px auto 0px auto;
	display: block;
}

.sponsor_level{
	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
  	cursor:default;
	background-color: #435CC8;
	color: #FFFFFF;
	font-family: serpentine;
	width: 300px;
	margin: 0px auto 0px auto;
	border-radius: 22.5px;
	border:3px solid #8BE1B1;
	text-align: center;
	font-weight: bold;
	font-size: 18pt;
}

.sponsor_selector{
	margin: 0px auto 0px auto;
	display: -webkit-flex;
    display: flex;	
	min-width: 400px;
	width:auto;
	flex-wrap: wrap;
	justify-content: center;
}

	
.sponsor_selector:before,
.sponsor_selector:after {
    content: " "; 
    display: table;
}

.sponsor_selector:after {
    clear: both;
}  

/*Color Palette*/
.palette{
float: left;
margin: 5px;
padding: 15px;
width: 180px;
height: 180px;
border: 1px solid black;
color:white;}

.palette-light{
float: left;
margin: 5px;
padding: 15px;
width: 180px;
height: 180px;
border: 1px solid black;
color:black;}

.palettewrapper{width:6000px; height:500px;}

/*overrides*/
.page-title {
	color:#253746;   -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;}
.page-title span { color: #253746; }
.page-title h1,
.page-title h2,
.page-title h4 { color: #253746; }

span{color:inherit;}

div.pad.group{padding:20px 10px 5px 10px;}

iframe{margin-left:auto; margin-right:auto;}

details{display:block;}

summary{font-size:20px; cursor: pointer; -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none;}

a:link {
    color: #435CC8;
}

a:visited {
    color: #435CC8;
}

a:hover {
    color: #D1555A;
}

a:active{
    color: #8BE1B1;
}

::-moz-selection {
color: #FFFFFF !important; 
background-color: #A2B2C9 !important;
}

::selection {
color: #FFFFFF !important; 
background-color: #A2B2C9 !important;
}

th {text-align: center;}

/*font*/
h1,h2,h3,summary{font-family:serpentine, sans-serif; color:#253746;}
h4,h5,h6{font-family:helvetica, sans-serif; color:#253746;}
body{font-size:200%; color:#101820;}
@font-face {
	font-family: 'serpentine';
	src: url('fonts/SerpentineStd-Bold.eot');
	src: url('fonts/SerpentineStd-Bold.otf') format('opentype'),
		 url('fonts/SerpentineStd-Bold.woff') format('woff'),
		 url('fonts/SerpentineStd-Bold.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'helvetica';
	src: url('fonts/Helvetica.eot');
	src: 	url('fonts/Helvetica.woff') format('woff'),
		url('fonts/Helvetica.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}