/*
Title:	CSS for UpperDeckerSports.com

/* =Reset default browser CSS. 
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, 
sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
img { border: 0px; }
li { list-style-type: none; }

:focus {/* remember to define focus styles! */ outline: 0; }


/* ================== EVERYTHING is BOX-SIZED! ================== */
* { -webkit-text-size-adjust: none;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
/* ================== EVERYTHING is BOX-SIZED! ================== */


* { -webkit-text-size-adjust: none; }
input, checkbox, ul { -webkit-appearance: none; -webkit-margin-before:0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; }

html { height:100%; } 
body { height: 100%; font-size: 14px; font-family: 'Open Sans', Helvetica, Arial, Sans-serif; color: #000; line-height: 20px; margin: 0; background: #fff; position: relative; }
.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
.clearright { clear: right; }


/* Titles, Text Sizing, Colors, Links, Buttons ============================================== */
	
	/* Titles & Headings */
	strong, .strong { font-weight: bold; } 
	.lightweight { font-weight: 300; }
	.normalweight { font-weight: normal; }
	.midweight, .semiweight { font-weight: 600; }
	.heavyweight { font-weight: 800; font-weight: 900; }
	em, .italic { font-style: italic; }
	.underline { text-decoration: underline; }
	textarea, .textarea { font-size: 14px; white-space: pre-wrap; overflow-wrap: normal; }
	h1, h2, h3, h4, h5, h6, .huge, .xxlarge, .xlarge, .large, .medium, .h1, .h2, .h3, .h4, .h5, .h6 {-webkit-font-smoothing: antialiased; font-weight: bold;
		line-height: 1.1em; letter-spacing: -.04em; font-family: 'Lato', 'Open Sans', Helvetica, Arial, Sans-serif; }
	h1, .huge, .h1 { font-size: 3.6em; }
	h2, .xxlarge, .h2 { font-size: 3.2em; }
	h3, .xlarge, .h3 { font-size: 2.6em; }
	h4, .large, .h4 { font-size: 2.2em; }
	h5, .medium , .h5 { font-size: 1.8em; }
	h6, .small, .h6 { font-size: 1.4em; }

	
	.center, .centertext { text-align: center; }
	.centerblock { position: absolute; left: 0; right: 0; margin: 0 auto; }
	
	tt { font-family: 'Courier New', Courier, monospace; }
	.tight { letter-spacing: -.03em; }
	.extratight { letter-spacing: -.06em; }
	.upper { text-transform: uppercase; }
	.lower { text-transform: none; }
	.bordertop20 { border-top: 1px solid #cfcfd4; padding-top: 20px; margin-top: 20px; }
	.borderbottom20 { border-bottom: 1px solid #cfcfd4; padding-bottom: 20px; margin-bottom: 20px; }
	.borderbottom10 { border-bottom: 1px solid #cfcfd4; padding-bottom: 10px; margin-bottom: 10px; }
	.bordertop10 { border-top: 1px solid #cfcfd4; padding-top: 10px; margin-top: 10px; }
	.bordertopdotted20 { border-top: 1px dotted #406f80; padding-top: 20px; margin-top: 20px; }
	
	p { margin-bottom: 25px; }
	p:last-child { margin-bottom: 0; }
	p.mclear, p.nobot, #primary p.mclear, #primary p.nobot, #primary ol.mclear, #primary ul.mclear { margin-bottom: 0; }
	.strike { text-decoration: line-through; }
	
	blockquote { margin: 0 auto; quotes: "\201C""\201D""\2018""\2019"; line-height: 1.1; font-weight: normal;
		position: normal; font-style: italic; padding-left: 20px; width: 100%; position: relative; border-left: 5px solid #4dc3ff; margin-bottom: 30px; }
	#primary blockquote p:last-child, blockquote p:last-child { padding-bottom: 0; margin-bottom: 0; }
	
	.sanserif { font-family: "Open Sans", Helvetica, Arial, Sans-Serif; }
	.serif { font-family: Merriweather, Georgia, Times, Serif; }
	
	/* Colors */

	
	/* Links */
	a, a:visited { color: #0064ff; text-decoration: none; cursor: pointer;
		transition:color .15s linear; -webkit-transition:color .15s linear; -moz-transition:color .15s linear; -o-transition:color .15s linear; }
	a:focus { background: #e1e1e1; }
	a:hover { color: #929292; transition:color .15s linear; -webkit-transition:color .15s linear; -moz-transition:color .15s linear; -o-transition:color .15s linear; }	
	
	.refocus, .hiddenfocus { padding: 0; height: 0; margin: 0; border: 0 !important; position: absolute; top: 0; }
	
	.req, .required { color: #ff0000; font-weight: bold; }
	
	sup { font-size: 50%; vertical-align: super; padding-left: .2em; }
	sub { font-size: 50%; vertical-align: sub; padding-left: .2em; }

	/* Buttons */
	input[type=submit], button, .button, a.button, a:visited button, a.button:visited, button[type=submit] { border-radius: 2px; font-size: 16px; text-align: center; 
		overflow: hidden; border: 0px; margin: 0px; display: inline-block; line-height: 20px; color: #000;
		padding: 10px 15px; border: 1px solid #d2d2d2; font-weight: 600;
		background: #e4e4e4; background: -moz-linear-gradient(top,  #f0f0f0 0%, #e4e4e4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f5), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f0f0f0 0%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f0f0f0 0%,#e4e4e4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f0f0f0 0%,#e4e4e4 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f0f0f0 0%,#e4e4e4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
	}
	input:hover[type=submit], button:hover, .button:hover, a.button:hover, .btn-active, a.btn-active, .btn-active:visited, a.btn-active:visited, button[type=submit]:hover
		{ cursor: pointer; color: #000; 
		background: #dcdce1; background: -moz-linear-gradient(top,  #e8e8ed 0%, #dcdce1 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8ed), color-stop(100%,#dcdce1)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e8e8ed 0%,#dcdce1 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e8e8ed 0%,#dcdce1 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e8e8ed 0%,#dcdce1 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e8e8ed 0%,#dcdce1 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8ed', endColorstr='#dcdce1',GradientType=0 ); /* IE6-9 */
	}	
	input:focus[type=submit], button:focus, .button:focus, a.button:focus { border: 1px solid #000; }
	
	
/* Forms */

	::-webkit-input-placeholder { color:#b4b4b9; }
	::-moz-placeholder { color:#b4b4b9; } /* firefox 19+ */
	:-ms-input-placeholder { color:#b4b4b9; } /* ie */
	input:-moz-placeholder { color:#b4b4b9; }
	
	input, password, textarea { height: 40px; border: 1px solid #d2d2d2; padding: 5px 10px; background: #f8f8f8; font-family: 'Open Sans', Helvetica, Arial, Sans-serif;
		font-size: 14px; }	
    textarea { height: auto; min-height: 160px; min-width: 100%; width: 100%; padding: 15px; }
	
	.search-field::-webkit-input-placeholder, .panel-input::-webkit-input-placeholder { color:#b4b4b4; }
	.search-field::-moz-placeholder, .panel-input::-moz-placeholder { color:#b4b4b9; } /* firefox 19+ */
	.search-field:-ms-input-placeholder, .panel-input:-ms-input-placeholder { color:#b4b4b9; } /* ie */
	input.search-field:-moz-placeholder, input.panel-input:-moz-placeholder { color:#b4b4b9; }
	
	::-webkit-search-cancel-button { display: none; } /* Removes the stupid clear / cancel / x "button" in the search field */
	
/* Radio & Checkboxes */
a.radio, .radio, .selector { border-radius: 3px; background: #d2d2d2; padding: 10px 15px 10px 15px; display: inline-block; line-height: 14px; text-align: center; color: #555; 
		font-weight: bold; cursor: pointer;
		transition:background .15s linear; -webkit-transition:background .15s linear; -moz-transition:background .15s linear; -o-transition:background .15s linear; }
	a.radio:hover, .radio:hover, a.selector:hover, .selector:hover { background: #b4b4b9; color: #444; 
		transition:background .15s linear; -webkit-transition:background .15s linear; -moz-transition:background .15s linear; -o-transition:background .15s linear; }
	a.radio.active, .radio.active, a.radio.active:hover, .radio.active:hover, a.selector.active, .selector.active { background: #00ace6; color: #fff; }
	
/* Lightbox */
.blackcover { position: fixed; top: 0; right: 0; bottom: 0; left: 0;  z-index: 100; display: none; 
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); }
	
.lightbox { border-radius: 3px; position: fixed; z-index: 210; background: #fff; display: none; opacity: 1; padding: 40px; width: 100%; max-width: 100%; 
		height: 100%; max-height: 100%; overflow-y: auto; left: 50%; top: 50%; font-family: Open Sans; -webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
		-webkit-transform: translateX(-50%) translatey(-50%); -moz-transform: translateX(-50%) translatey(-50%); transform: translateX(-50%) translatey(-50%);  }
.lightbox-title { font-weight: 900; padding-right: 40px; margin-bottom: 10px; float: left; }

	.updated { float: left; margin-bottom: 10px; color: #656565; }
	.section-title { font-size: 1.4em; font-weight: bold; margin-bottom: 5px; }
	
	.pp-content { width: 100%; margin: 0 auto; width: 100%; max-width: 800px; }
	.pp-content-inner { width: 100%; float: left; margin-top: 20px; }
	
button.lightbox-close { position: absolute; font-size: 30px; top: 15px; right: 15px;  padding: 5px; background: transparent; color: #333; border: 0; }
button.lightbox-close:focus { background: #e1e1e1; border: none; }
button.lightbox-close:hover { color: #929292; background: transparent; }


/* Stucture */
#fill { width: 100%; height: 100%; margin: 0 auto; position: relative; }
#container { width: 100%; min-height: 100%; margin: 0 auto; position: relative; padding-bottom: 100px; }
#container.noscroll, body.noscroll { overflow-y: hidden; }

.bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }
.bg.dark { background: rgb(50,50,55); background: radial-gradient(circle, rgba(50,50,55,1) 0%, rgba(34,34,39,1) 100%); }
	.bg-image-wrap { height: 100%; background: url('images/photo-capitol-b.jpg') center center no-repeat; background-size:cover; }
	.bg-image-wrap img {  }
	.bgcover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgb(255,255,255);
		background: linear-gradient(90deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 100%); }
	
	.logo { position: absolute; top: 0; left: 0; bottom: 460px; right: 0; margin: auto; max-width: 100%; width: 500px; height: 145px;
		text-align: center; }
	.logo-text { font-size: 36px; color: #000; font-weight: 800; font-family: Lato; letter-spacing: -.02em; }
	.logo img { width: 100%; float: left; margin-bottom: 20px; }
	.logo a { text-decoration: underline; color: #000; line-height: 20px; }
	.logo a:hover { text-decoration: none; }
	
	.text-wrap { position: absolute; top: 30%; right: 0; left: 0; margin: auto; max-width: 500px; width: 80%; font-size: 16px; line-height: 1.5em; color: #000;
		text-align: center; }
	.bg.dark .text-wrap { color: #fff; }
	.bg.dark a { color: #91bbff; }
	.bg.dark a:hover { color: #929297; }
	.text-wrap .logo { max-width: 100%; width: 100%; margin-bottom: 40px; position: relative; top: auto; left: auto; right: auto; float: left; }
	
	.footer { background: #212121; position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; text-align: center; font-size: 12px;
		color: #fff; }
		.address { margin-top: 15px; }
		.privacy, a.footerlink, .footer a { margin-top: 15px; color: #c4c4c4; border-bottom: 1px dotted #c4c4c4; transition: .15s linear all; }
        a.footerlink:hover, .footer a:hover { opacity: .7; transition: .15s linear all; }

/* Standard Page */
    .page-wrap { width: 100%; margin: 0 auto; width: 100%; max-width: 800px; }
        .page { width: 100%; margin-top: 20px; padding: 30px; }

            h1.page-title { letter-spacing: -.03em; margin-bottom: 20px; font-weight: bold; }
            .date { width: 100%; margin-bottom: 5px; }
            .date.updated { margin-bottom: 30px; }

            .section-title, .section-subtitle { font-size: 1.6em; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; }
            .section-subtitle { text-transform: none; font-size: 1.3em; }

            ul, ol { margin-bottom: 30px; }
            ul:last-child, ol:last-child { margin-bottom: 0; }
            ul li, ol li { margin-left: 30px; padding: 5px 0; line-height: 1.7em; list-style-type: disc; }
            ol li { list-style-type: decimal; }

            table { width: 100%; border-collapse: collapse; border-radius: 0; margin-bottom: 30px; }
            table tr th { padding: 10px 10px; font-weight: bold; vertical-align: top; background: #424247; color: #fff;
                text-align: left; font-size: 16px; border: 1px solid #000; }
            table tr td { background: #f2f2f7; padding: 6px 10px; vertical-align: top; line-height: 1.2em; border: 1px solid #d2d2d7; }
            table tr:nth-child(odd) td{ background: #e6e6eb; }
	
/* Contact Form */
.contact-wrap { width: 600px; height: 600px; max-width: 100%; position: absolute; inset: 0; margin: auto; top: 100px; bottom: auto; padding: 30px; }
    h1.contact-title { font-size: 28px; font-weight: bold; }
    .row { width: 100%; margin-top: 20px; display: flex; }
    .row .labelwrap { width: 25%; }
    .row .labelwrap label { line-height: 40px; font-weight: bold; cursor: pointer; }
    .row .fieldwrap { width: 75%; }
    .row.textarea, .row.captcha { flex-direction: column; }
    .row.textarea .fieldwrap, .row.textarea .labelwrap { width: 100%; }
    .row .fieldwrap input { width: 100%; }
	
@media only screen and (max-width: 600px) {
    .contact-wrap { top: auto; bottom: auto; height: auto; }
    .row, .row.textarea, .row.captcha { width: 100%; flex-direction: column; }
    .row.submit { flex-direction: row; }
    .row .labelwrap, .row .fieldwrap { width: 100%; }

}