/* hide elements */
.cartLinks, #jumbo .sy-filler {
display: none;
}
.red, .required { color:#dc0f1d; }

iframe, object {max-width:100% !important; }

#content {margin-bottom:0;}

.navbar-toggle {right:15px;}

.navbar .nav li>a {
	color: white;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
}
.navbar .nav li.active>a {color:#dc0f1d}

.navbar .nav li>a:hover, .navbar .nav li>a:active {color:white;}

#nav .dropdown-menu {background:rgba(0,0,0,0.95) !important; }

hr {border-top:2px solid #e2e2e2; margin:20px 0;clear:both; display:block;}

#logo {
	width: 120px;
	margin-left: 20px;
	background:url('/content/library/logo-mask-white-3.png') no-repeat; 
	background-size:100% 100%;
	padding-bottom:20px;
	position: absolute;
	top: 0;
	left: 20px;
	z-index: 10;
	-webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.scroll #logo {width:100px;padding-bottom:18px;left:10px;}

h1 {
	font-size: 36px;
	text-transform: uppercase;
	font-weight: 700;
	color: #262626;
}
h1 small {
	font-family:'Dosis', sans-serif;
	color: #dc0f1d;
	font-size: 36px;
	font-weight: 700;
}
h2 {

	font-size: 32px;
	color: #222222;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 50px;
}
h2 small {
	
	font-family:'Dosis', sans-serif;
	font-weight: 700;
	color: #dc0f1d;
	font-size: 32px;
}
h3 {
	font-size: 27px;
	color: #262626;
	text-transform: uppercase;
	font-weight: 700;
}
h3 small {
	font-family:'Dosis', sans-serif;
	font-weight: 700;
	font-size: 27px;
	color: #dc0f1d;
}
h3 a {
	color: #262626;
}

h4 {
	font-family:'Dosis', sans-serif;
	font-size: 24px;
	color: #222222;
	font-weight:400;
}
h4 small {
	font-family:'Dosis', sans-serif;
	font-weight: 400;
	font-size: 24px;
	color: #dc0f1d;
}

h5{
	font-family:'Dosis', sans-serif;
	font-size: 19px;
	font-weight: 700;
	color:#000;
}
h6 {
	font-family:'Dosis', sans-serif;
	font-size: 19px;
	font-weight: 700;
	color:#777;
}

h5 small, h6 small {
	font-family:'Dosis', sans-serif;
	font-weight: 700;
	font-size: 19px;
	color: #dc0f1d;
}
p small {
	font-size: 13px;
	color: #b7b7b7;
}


.btn, a.btn:hover, input.btn:hover, button:hover, #content p a.btn:hover, p a.btn {color:white !important; font-family:'Dosis', sans-serif; text-transform:uppercase; font-weight:700;text-decoration:none !important; }

p a, .content-area p a:hover, .page171 h4 a, .page171 h5 a, .page171 h6 a, .page171 section p a, .page171 strong a   {
	text-decoration:underline !important;
	}

section, #features {
	-moz-border-radius:3px; 
	border-radius:3px; 
	margin:6px;
	}

/* sidebar and side nav */


/* logos in sidebar */
#sidebar aside img, #sidebar-sponsors a img {margin:10px 0;max-width:100% !important;}



/* sidebar background when a background slideshow is present */

#sidebar.has-bg-image .side-nav, .page169 .side-nav, #sidebar aside { padding:15px;background: rgba(0,0,0,0.8); -moz-border-radius:3px; border-radius:3px;   }

/* link colors for that scenario */
#sidebar.has-bg-image #sidebar-title,.page169  #sidebar-title, .has-bg-image .side-nav li a, .has-bg-image .side-nav li.active > a:first-child, .page169 .side-nav li a, .page169 .side-nav li.active > a:first-child { color: #FFF; text-shadow:1px 1px 4px rgba(0,0,0,0.65); }

#sidebar aside {margin-top:8px; background:white;}

#sidebar .divider {display:none;}

.side-nav, #sidebar-title {padding-left:15px;padding-right:15px;}

.side-nav li a {
	font-size:15px;
	text-transform: uppercase;
	font-weight:700;
	padding:4px 0;
	display:block;
}

/* home page sponsor logos */

#bg1 #section-1 .content-area {text-align:center;}

.sponsor-logo {font-family: Dosis, sans-serif !important; font-size:28px;}

.sponsor-logo.box-left-30 { display:inline-block;  height:120px;padding:0;width:28%; text-align:center;margin:30px 1%; float:none; font-size:20px;}

.sponsor-logo.box-left-30 img {  width:auto !important; height:auto !important; max-height:100px !important; max-width:180px !important; }

.sponsor-logo.box-left-50 {  display:inline-block; height:100px;padding:0;width:47%; text-align:center;margin:40px 1% 9px 1%; float:none; font-size:24px;}

.sponsor-logo.box-left-50 img {  width:auto !important; height:auto !important; max-height:100px !important; max-width:300px !important; }


section.sponsors { text-align:center !important }

section.sponsors img {  width:300px !important; max-width:100% !important; }

/* Slippry Slider */

.caption h1 {margin:0; text-shadow:1px 1px 8px rgba(0,0,0,0.75);}

.sy-controls li a:after { background-color: transparent !important; color: #FFF !important; }

/* page title */

h1.has-bg-image, 
.image-gallery h4 {color:#FFF !important; text-shadow:1px 1px 4px rgba(0,0,0,0.5);}

.page171 section img {margin:15px 0;}
.page171 section .box-left-50 {min-height:220px; padding-bottom:24px;}
.page171 section .box-left-30 {min-height:180px; padding-bottom:20px;}


#features {padding:10px;}

#features a h2 {text-align:center; font-size:22px; color:white !important;text-shadow:1px 1px 4px rgba(0,0,0,0.5); line-height:120%;text-shadow:1px 1px 8px rgba(0,0,0,0.75); }

#features a .panel { border:1px solid #000; box-sizing:border-box; -moz-border-radius:0; border-radius:0; width:100%; height:150px; padding:0 20px;position:absolute; left:0; top:0;background:rgba(0,0,0,.25);-webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;}

#features a:hover .panel {background:none; border:1px solid #FFF;}

#features a {display:block; height:150px; overflow:hidden; position:relative;}


/* footer */


#wrapper {margin-bottom:-400px;}

footer, #push {
	height:400px;

}




.copyright {font-size:.6em;}

#footer-block .copyright,
#footer-block .copyright a { color:#666 !important;}

#footer-block .col-sm-4 {padding-top:24px;}

#footer-block h1 {line-height:1 !important; margin:0 !important;text-decoration:none !important;}

#footer-block h1 small {font-size:20px; color:#FFF;}

#footer-block, #footer-block a {color:#FFF !important;}


/* sponsors */
.page204 hr { margin:60px 0; }



/* ===================================== */

@media screen and (min-width:768px) {

#wrapper {margin-bottom:-100px;}

footer, #push {
	height:100px;

}

#header-wrapper {
	position: fixed;
	z-index: 10;
	top: 0;
	width: 100%;
}

#header-space {
	display:block;
	height:84px;
}

#logo {
	width:160px;
	padding-bottom:30px;
	}

.container-fluid>.navbar-collapse {margin-left:200px;}

.navbar .nav li>a {
	color: white;
	font-size: 15px;
}

#sidebar {padding-top:120px;}

.page-title {font-size:44px;}

.page169 {background:url('/content/library/digger2.jpg') no-repeat; background-size:cover; background-attachment:fixed;}

.caption .btn {margin:15px auto;}
}


/* ===================================== */

@media screen and (min-width:1100px) {
#header-space{
	height:73px;
	display:block;}


/* slider caption */
#bg2 .caption h1 {font-size:40px;}


}


/* ===================================== */

@media screen and (max-width:767px) {

#logo {margin-top:-10px;}
	
.navbar {
	margin-bottom:0;
	min-height:10px;
	}
	
.navbar-nav {
	margin-left:180px; 
	margin-right:0; 
	background-color:transparent;
	padding:7px 0;
}

.navbar .nav>li>a {
	padding:10px 15px;	
}

h1.page-title {padding-top:80px !important;}

#header-content {position:absolute; top:0; right:25%;}

/* slider caption */
#bg2 .caption h1 {font-size:30px;}

#footer-block .col-sm-4 {padding:20px 0;}

#footer-block .social-icons .pull-left {float:none !important;clear:both;display:inline-block;margin:2px auto;}

#footer-block .social-icons a {text-decoration:none !important;}


#features a {margin:10px 0;}

.btn {white-space:normal !important; }
}


/* ===================================== */

@media screen and (max-width:600px) {
#logo {
	width:80px;
	padding-bottom:14px; left:15px;}
	
	
.scroll #logo {width:80px;padding-bottom:14px;left:15px;}

/* slider caption */
#bg2 .caption h1 {font-size:20px;}
}