﻿/*===================== 
	Color information

	-
		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
		Fonts
=======================*/


/*===================== 
	base styles 
=======================*/
html, body{
  height:100%;
}

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
    font-family: 'Oswald', sans-serif!important;
    font-weight:300;
    margin: 0;
	padding:0;
	background:#fff !important;
	color:#000;
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0; max-width:100%;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
	margin: 0;
	padding:0 0 2% 0;
	font-weight:normal;
	line-height:1.5em;
	color:#ba131a;
	text-transform:uppercase;
	}
	h1 {
		font-size: 36px;
	}
	h2 {
		font-size:30px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 20px;
	}
	h5 {
		font-size: 18px;
	}

p {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
	padding: 0 0 2% 0;
	font-size:18px;
	line-height:1.5em;
	margin: 0;
	}

/*===================== 
	link styles 
=======================*/

a.link:focus {outline: thin dotted;/*reset*/
	}
	
a {
    text-decoration:none;
	color:inherit;
}

a:hover  {
	text-decoration: none;
	color: #780000;
	} 

/*===================== 
	list styles 
=======================*/
ul.list{
	margin:0;
	padding: 0 0 5% 7%;
}
ul.list li{
	font-size:16px;
}

/*===================== 
	header styles 
=======================*/
.topbar{background:#231f20; padding:2px 0;font-size:14px;color:#fff;}
.topbar p{padding:0 0 0 0;}
.topbar i{margin-right:5px;}
.topbar ul{list-style:none;}
.topbar ul li{float:left;padding:7px 40px 7px 0;}
.topbar ul li:last-child{float:right;padding:7px 0 7px 0;}

header{position: -webkit-sticky; position: sticky; top: 0;width:100%;margin:0;background:#fff;border-top:#262626 1px solid;	box-shadow: 0px 3px 6px 1px rgba(0,0,0,.75); z-index: 999;}
.top-header {background: #0055BB; padding: 20px 0;-webkit-transition:.3s ease-in;-moz-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in;}
.top-header p{color: #fff; text-align: center; padding: 5px; margin: 0 auto;}
.top-header a {padding: 5px 20px;}
.top-header a:hover { background: #0043AB; color: #fff;}
.headerwrap{;max-width:1250px;width:100%;margin:0 auto;padding:0px 25px;box-sizing:border-box;}
.logo{float:left;padding:30px 0;width:30%;}
.logo img{max-height:60px;width:auto;}
.header-right{float:right;width:70%;}
.address{text-align:right;padding-top:10px;}
.address h2{padding:0;color:#000;}
.address h5{padding:0;color:#000;}

/*===================== 
	nav styles 
=======================*/
/* see menumaker.css for additional nav styles */


/*===================== 
	content styles 
=======================*/
.wrapper{width:96%;max-width:1170px;margin:0 auto;padding:0;}
.container{width:100%;max-width:1230px;margin:0 auto;}
.slider-container{width:100%}

/*===================== 
	layout styles 
=======================*/
.padit{padding:2% 0;}
.welcome{overflow:hidden;min-height:200px;width:100%;display: flex;align-items: center;justify-content: center;}
.logos{padding:20px 0;background:#f1f1f1;text-align:center;border-bottom:#ba131a 2px solid;}
.logos img{display:inline-block;vertical-align:middle;margin:10px 30px;}
.pitts-logo{margin: 0 auto; text-align: center;}
.pitts-logo img {max-width: 600px; width: 100%; padding: 0;}
.inventory{}
.inventory .pagebottom{position:relative;}
.inventory .logos{display:none;}
.inventory .wrapper{width:96%;max-width:none;margin:0 auto;padding:0;}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2.0%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.hosted-content .col{margin:0 0 0 0;}
.hosted-content h1{font-size:24px;}
.hosted-content h2{font-size:20px;}
.hosted-content h3{font-size:18px;}
.hosted-content h4{font-size:16px;}
.hosted-content h5{font-size:14px;}

/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.5%;
}
.span_10_of_12 {
  	width: 83%;
}

.span_9_of_12 {
  	width: 74.5%;
}

.span_8_of_12 {
  	width: 66%;
}

.span_7_of_12 {
  	width: 57.5%;
}

.span_6_of_12 {
  	width: 49%;
}

.span_5_of_12 {
  	width: 40.5%;
}

.span_4_of_12 {
  	width: 32%;
}

.span_3_of_12 {
  	width: 23.5%;
}

.span_2_of_12 {
  	width: 15%;
}

.span_1_of_12 {
  	width: 6.5%;
}


/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.5%;
}
.span_2_of_4 {
	width: 49%;
}
.span_1_of_4 {
	width: 23.5%;
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }


/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 640px) {
	.col {  margin: 4% 0 4% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}			
}


/*===================== 
	footer styles 
=======================*/

.pagebottom{;width:100%;}
.pagebottom p{color:#fff;font-size:14px;}
.pagebottom a{color:#fff;}
.pagebottom a:hover{color:#ffcd07;}

footer {
	padding:10px 0;
	margin: 0 auto;
	width: 100%;
	background:#111111;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:11px;
	color: #ccc;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:11px;
		color: #fff;
		}

.footertext {
	font-size:11px; 
	color:#666;
	}

.smallfootertext {
	font-size:11px; 
	color:#666;
	}

.divfooter {
	text-align:center;
	max-width:1170px;
	margin:0 auto; 
	}

.container.cf h1,.container.cf h2,.container.cf h3,.container.cf h4{
	    padding: inherit !important;
    line-height: inherit !important;
}
#xl-pad {
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}

/*===================== 
	Responsive styles 
=======================*/

@media screen and (max-width: 1230px) {
.logos img{max-height:60px;max-width:170px;margin:10px 20px;}	
}
@media screen and (max-width: 1190px) {
	.top-header {padding: 15px 0;}
}
@media screen and (max-width: 1005px) {
	.top-header {padding: 10px 0;}
}
@media screen and (max-width: 900px) {
	.logo{width:25%;}
	.header-right{width:75%;}
}
@media screen and (max-width: 800px) {
	.pitts-logo img {
		max-width: 300px;}
.pagebottom{position:relative;}
.logo{float:left;padding:16px 0;width:75%;}
.header-right{width:25%;}
.dorseyheader .logo{width:75%;}
.dorseyheader .header-right{width:25%;}
.dorseyheader #menu-button {background:#fff;}
.dorseyheader #menu-button a{color:#000;}
.dorseyheader nav.primary ul li a {text-transform:none;}	
.linkbox h3{font-size:18px;}
.linkbox{width:48%;padding:5px;}
.linkbox:last-child{width:98%;}
.linkbox.small{width:48%;padding:5px;}
.linkbox a.btn{width:48%;padding: 10px 5px;font-size: 12px;line-height: 12px;}

}
@media screen and (max-width: 750px) {
.pitts-logo{display:none;}
}

@media screen and (max-width: 447px){
		.pitts-logo img {
		max-width: 200px;}
}
@media screen and (max-width: 414px){
	
}
	
