@charset "UTF-8";
@import url('//fonts.googleapis.com/css?family=Arimo:400,400i,700|Arya:400,700');

/*
Theme Name: Team Play, Inc. 1.0 theme
Theme URI: //www.teamplayinc.com/
Description: Theme used exclusively by Team Play, Inc.
Version: 1.0
Author: Jeff Hoy
Author URI: //www.hoy.media/
*/

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote::before, blockquote::after,q::before, q::after {
	content: ''; content: none;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
/* end reset */

body {
	background: white url("images/body-bg.png");
	font-family: Arimo, Arial, Helvetica, sans-serif;
}

blockquote {
	color: red;
	font-size: 1.25rem;
	font-style: italic;
	padding: 1rem .25rem;
}

em {
	font-style: italic;
}

b {
	font-weight: bold;
}

fieldset {
	background: white;
	border: 1px solid gray;
	border-radius: 3px;
	padding: 10px;
	margin: 2px;
}

fieldset>fieldset {
	border: none;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Arya, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 .5rem;
}

h1 {
	font-size: 2rem;
}

h2 {
	font-size: 1.75rem;
}

h3 {
	font-size: 1.5rem;
}

h4 {
	font-size: 1.25rem;
}

hr {
	border: 1px inset darkred;
	margin: .25rem 0;
	clear: both;
}

iframe {
	display: block;
}

input {
	color: black;
}

label {
	background: white;
	color: darkgray;
	font-size: .75rem;
	left: .5rem;
	position: relative;
	top: -.5rem;
}

label.ewd-feup-field-label,label[for=submit] {
	color: black;
	font-weight: bold;
	font-size: 1rem;
	left: 0;
	top: 0;
}

select.ewd-feup-select {
	width: 15rem;
}

input.ewd-feup-text-input {
	width: 15rem;
}

p {
	margin-bottom: 1.5rem;
}

strong {
	font-weight: 900;
}

header {
	background: linear-gradient(-5deg, #333, black);
	height: 4rem;
	margin: 0 auto;
	max-width: 960px;
	min-width: 800px;
	position: relative;
}

div.header-bg-container {
	position: absolute;
	width: 40%;
	top: 0;
	left: 0;
	height: 100%;
	overflow-x: hidden;
}

div.header-bg {
	background: linear-gradient(-1deg, darkred,  firebrick 40%, darkred 75%, firebrick 100%);
	height: 100%;
	left: -25px;
	position: absolute;
	transform: skewX(35deg);
	width: 100%;	
}

header h1 {
	display: inline-block;
	position: relative;
	height: 100%;
	margin: 0;
	width: 35%;
}

header h1 a {
	display: inline-block;
	height: 100%;
	max-width: 100%;
	padding: .75rem 0 0 .25rem;
}

header h1 img {
	max-width: 100%;
}

div.contact-top {
	color: white;
	display: inline-block;
	font-size: 1.25rem;
	position: absolute;
	right: .25rem;
	top: .25rem;
}

div.contact-top a {
	color: white;
}

nav.topmenu {
	display: inline-block;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 65%;
}

ul#menu-top-menu {
	font-family: Arya, sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	letter-spacing: -.05rem;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 2rem;
}

li {
	background: linear-gradient(to bottom, #eee 20%, #fff 80%, #eee);
	display: inline-block;
	margin: 0;
	padding: 0 .25rem;
	position: relative;
	line-height: 1rem;
}

li a {
	color: black;
	display: block;
	height: 100%;
	padding: .25rem;
	text-decoration: none;
	white-space: nowrap;
	width: 100%;
}

li a:visited {
	color: black;
}

li:hover a {
	color: white;
}

li:hover {
	background: linear-gradient(-1deg, darkred,  firebrick 40%, darkred 75%, firebrick 100%);
}

li.menu-item-has-children {
	padding-right: 10px;
}

li.menu-item-has-children::after {
	content: "\25BE";
	position: absolute;
	top: 20%;
	right: 0;
}

li ul.sub-menu li.menu-item-has-children::after {
	content: "\25B8";
	position: absolute;
	top: 35%;
	right: 0;
}

li ul.sub-menu {
	box-sizing: border-box;
	color: black;
	font-size: 1rem;
	display: block;
	left: 0;
	margin: 0;
	max-height: 90rem;
	max-width: 50rem;
	position: absolute;
	top: 1.5rem;
	visibility: hidden;
	z-index: 5;
}

ul.sub-menu li {
	background: lightgray;
	display: block;
	padding: 0;
	position: relative;
}

ul.sub-menu li a {
	color: black;
	display: block;
	font-weight: bold;
	height: 100%;
	padding: 1rem;
	width: 100%;
}

ul.sub-menu li:hover {
	background: linear-gradient(-1deg, darkred,  firebrick 40%, darkred 75%, firebrick 100%);
}

ul.sub-menu li:hover>a {
	color: white;
}

ul.sub-menu>li>ul.sub-menu {
	left: 100%;
	position: absolute;
	top: 0;
	z-index: 10;
}

li:hover > ul.sub-menu {
	visibility: visible;
}

div.container {
	background: white;
	margin: 0 auto;
	max-width: 960px;
	position: relative;
}

a {
	color: red;
}

a:visited {
	color: red;
}

section {
	width: 100%;
}

section h2 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
	text-align: center;
	font-weight: bold;
}

section p {
	padding-left: .25rem;
	padding-right: .25rem;
}

section p img {
	margin-left: -0.25rem;
}

section ul {
	display: block;
}

section ul li {
	background: none;
	display: list-item;
	line-height: 1.25rem;
	list-style-image: url("images/bullet_red.png");
	list-style-position: outside;
	margin-left: 2rem;
}

section ul li:hover {
	background: none;
}

section li a {
	color: red;
}

section li a:hover {
	color: darkred;
}

section li a:visited {
	color: red;
}

ul.distributors-list {
	column-count: 3;
	column-rule-style: solid;
}

span.wpcf7-list-item {
	display: block;
}

.wp-caption {
	font-size: .85rem;
	padding: 0;
	margin: 1px;
	text-align: center;
}

.wp-caption-text {
	font-size: .85rem;
	font-weight: bold;
	padding-bottom: 1rem;
}

.wp-caption p {
	margin: 0;
}

a.button {
	border: 1px solid darkred;
	color: white;
	display: inline-block;
	background: linear-gradient(-1deg, darkred,  firebrick 40%, darkred 75%, firebrick 100%);
	font-family: Arya, Arial, Helvetica, sans-serif;
	font-size: 1.25rem;
	font-weight: bold;
	padding: .5rem 2rem;
	text-decoration: none;
	text-shadow: -1px -1px 0 #333;
}

a.button:visited {
	color: white;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	margin: 0 auto;
	clear: both;
}

div.widget a:hover img {
	background: lightgray;
}

div.blog-post-column {
	box-sizing: border-box;
	display: inline-block;
	max-width: 720px;
	margin: 0;
	padding: 0;
}

section.post-container {
	background: white;
	padding: 0 .25rem .25rem;
	margin-bottom: 1rem;
}

section.post-container h3 {
	background: linear-gradient(-1deg, darkred,  firebrick 40%, darkred 75%, firebrick 100%);
	color: white;
	line-height: 1.75rem;
	margin-bottom: .25rem;
	padding: .25rem;
	text-shadow: -1px -1px 0 #333;
}

div.post-meta {
	font-weight: bold;
	margin-bottom: .5rem;
}

div.post-content {
	padding: 0 .25rem;
}

div.post-content a.more-link {
	font-weight: bold;
}

div.blog-right-column {
	box-sizing: border-box;
	float: right;
	max-width: 240px;
	padding: 0 3px;
	vertical-align: top;
}

div.widget {
	margin-bottom: 1.5rem;
}

div.widget h3 {
	color: white;
	background: linear-gradient(-1deg, darkred,  firebrick 40%, darkred 75%, firebrick 100%);
	height: 1.75rem;
	margin: 0 0;
	padding-left: 5px;
}

div.widget h3 a {
	color: white;
	text-decoration: none;
}

div.widget h3 a>img {
	display: none;
}

div.widget ul {
	float: none;
	max-width: 240px;
}

div.widget ul li {
	display: list-item;
}

div.widget ul li a {
	color: darkred;
	white-space: normal;
}

div.widget ul li:hover {
	background: none;
}

footer {
	border-top: 5px solid red;
	background: black;
	text-align: center;
	padding: 2rem 0;
	vertical-align: top;
}

footer div.widget {
	color: white;
	display: inline-block;
	max-width: 33%;
	padding: .2rem;
	position: relative;
	vertical-align: top;
}

div.getphotodiv {
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	min-height: 500px;
}

fieldset.getphotoform {
	background: white;
	border: 0;
	border-radius: 20px;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
	

fieldset.getphotoform input[type="text"] {
	background: lightsteelblue;
	color: #fff;
	border: 10px inset blue;
	border-radius: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4rem;
	font-weight: bold;
	text-align: center;

}

fieldset.getphotoform button {
	color: white;
	background: darkred;
	border: 5px outset red;
	border-radius: 10px;
	font-size: 3rem;
	font-weight: bold;
}

label[for=captcha_image] {
	background: transparent;
}

label[for=captcha_text] {
	background: transparent;
	color: black;
	font-weight: bold;
	font-size: 1rem;
}