@charset "UTF-8";

/*********************
 TESTMODE HEADER 
*********************/

#testmode-header {
	display: none;
}


/*********************
 TAGS 
*********************/

* {
}

body {
	font-family: Ariel, sans-serif;
}


/*********************
 TYPE ELEMENTS 
*********************/

h1, h2, h3, h4 {
	color: #333;
	/*font-family: "proxima-nova-alt-ext-cond";*/
    font-family:"proxima-nova-alt-ext-cond",sans-serif;
}

h1 {
	margin:0 0 15px 0;
	font-size:2.3em;
	text-transform:uppercase;
}

h2 {
	margin:0 0 20px 0;
	font-size:1.75em;
	font-weight:400;
	text-transform: uppercase;
}

h3 {
	margin:30px 0 20px 0;
	font-size:1.6em;
	font-weight: 400;
	/*color: #9A1B1E;*/
}

h4 {
	margin:0 0 2px 0;
	font-size:1.3em;
}

p {
}


/*********************
 LISTS 
*********************/

ul,
ol {
	margin:0 0 1em 0;
}

ul li,
ol li {
	margin:0 0 .5em 0;
	padding:0;
}


/*********************
 LINKS 
*********************/

a:link, a:active, a:visited, a:hover, a:visited:hover {
	color: #7093C7;
	text-decoration:none;
}

a:hover, a:hover:visited {
	text-decoration:underline;
}

a.hover {
	display: block;
	padding: 1% 4%;
	background: #FFF;
	transition: all 0.5s ease;
}

a.hover:hover{
	background: #EFEFEF;
	text-decoration: none;
}

a.hover h3{
	margin-top: 3%;
}

a.hover h3,
a.hover p {
	color: #666;
}

/* buttons */

.btn, a.btn:link, a.btn:active, a.btn:visited, a.btn:hover, a.btn:visited:hover {
	display:inline-block;
	padding:5px 10px;
	margin:0 0 20px 0;
	width:auto;
	background: #7EA8F2;
	font-family:"proxima-nova-alt-ext-cond", sans-serif;
	font-size:1.1em;
	color:#FFF;
	text-transform:none;
	text-align:center;
	text-decoration:none;
	border: none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}

.btn:hover, a.btn:hover, a.btn:visited:hover {
	background:#666;
	color: #FFF;
}


/*********************
 IMAGES / RESPONSIMG
*********************/

.img-left {
	float: left;
	margin: 0 2% 2% 0;
}
.img-right {
	float: right;
	margin: 0 0 2% 2%;
}

.responsimg>img,
img.responsimg,
img.respons-12 {
	width: 100%;
}

img.respons-8 {
	width: 66%;
}

img.respons-6 {
	width: 50%;
}

img.respons-3 {
	width: 25%;
}

img.respons-4 {
	width: 33%;
}

@media (max-width: 480px) {
	.responsimg>img,
	img.responsimg,
	img.respons-12,
	img.respons-6,
	img.respons-4,
	img.respons-3 {
		width:100%;
	}
	.img-left,
	.img-right {
		float: none;
		margin:2% 0;
	}
}


/*********************
 ALERTS
*********************/

.red-alert, 
.green-alert,
.grey-alert {
	margin:4% 0;
	padding:2%;
	font-size:14px;
	color:#333;
}

.red-alert {
	background-color:#F6EDF1;
	border:1px solid #CC0000;
}

.green-alert {
	background-color:#DCF3DA;
	border:1px solid #339933;
}

.grey-alert {
	background-color:#FDFDFD;
	border:1px solid #C3C3C3;
}



/*********************
 CLASSES 
*********************/

.hr {
	height: .0001em;
	border-top:1px solid #000;
}

.hr2 {
	clear: both;
	height:.01em !important;
	border-top: 1px solid #86AFED;
}

.clear {
	display: block;
	height: .000001em;
	clear: both;
}

.extramargin {
	margin: 40px auto;
}

.red {
	color:#cc4444;
}


/*********************
 LAYOUT 
*********************/

header {
	background: #000 url(/templates/carsrcoffins/skins/v3/structure/window_dark.jpg);
}

footer {
	min-height: 400px;
	padding: 20% 0 5%;
	background: #000 url(/templates/carsrcoffins/skins/v3/structure/crc_hurl_dark.jpg);
	background-size: cover;
}

footer p {
	font-size:.9em;
	font-weight: 400;
}

footer .branding {
	margin-top: 3%;
}

footer .branding p {
	margin: 2% 0 0;
	font-size: .8em;
	color: #999;
}

footer .branding a,
footer .socialmedia a {
	color: #999;
}

footer .branding a:hover{
	color: #FFF;
	text-decoration: none;
}
footer .socialmedia a:hover {
	color: #FFF;
}

#noise {
	height:90px;
	background:transparent url(/templates/carsrcoffins/skins/v3/structure/footer_noise.gif) no-repeat bottom center;
}

.header-info {
	width: 100%;
	margin: 0 !important;
	min-height: 30px;
	background: #86AFED;
}

.header-info.tagline {
	background: #FFF;
}

.tagline h2 {
	margin: 5px 0 0;
	font-family: "adobe-garamond-pro";
	font-size: 1.3em;
	font-style: italic;
	text-transform: none;
}
	
.tagline h2 span {
	margin:0 2px;
	color:red;
}

/*********************
 NAVGROUPS
*********************/

ul.navgroup {
	padding: 0 !important;
}

ul.navgroup li {
	list-style: none;
	margin: 0 2% 0 0;
}

header ul.navgroup {
	margin: 5px 0 0;
}

header ul.navgroup li {
	display: inline-block;
	margin: 0 4%;
}

header ul.navgroup li a {
	font-size: .8em;
	color: #FFF;
	text-transform: uppercase;
}

header ul.navgroup li a:hover {
	color: #FFF;
	text-decoration: underline;
}

#quick_cart_div_id {
	margin: 5px 0 0;
	min-height: 20px;
}

#quick_cart_div_id a{
	color: #FFF !important;
}

/*********************
 FOOTER NAV 
*********************/

/*.navbox {
	margin-bottom: 5%;
}

.navbox a {
	font-size: .8em;
	color: #666;
}

.navbox a:hover {
	color: #000;
}

.navbox h3 {
	margin:0 0 2% 0;
	font-size:1.1em;
	color:#000;
	text-transform:uppercase;
}

.navbox p {
	font-family:"proxima-nova-alt-ext-cond",sans-serif;
	font-size:.8em;
	color:#000;
}*/


/**
 * Widgets
*/

#featured-products h3 {
	margin-bottom: 2.5%;
	min-height: 40px;
	font-size: 1.3em;
	font-weight: 500;
}

#featured-products img {
	margin-bottom: 5%;
}

#blog-widget img {
	float: left;
	margin: 0 2% 2% 0;
}

#adserver-widget .col-md-6 {
	margin-bottom: 5%;
}

#twitter-widget ul {
	margin: 0;
	padding-left: 15px;
}

#twitter-widget ul li {
	list-style:none;
	margin: 0;
}

#gallery-widget .col-md-4 {
	margin-bottom: 5%;
}

#instagram-widget {
	margin: 5% 0;
}

#instagram-widget .row {
	width: 100% !important;
}

#instagram-widget .col {
	margin: 0 !important;
	padding: 0 !important;
	/*border: 1px solid #666;*/
}



#pushstate-canvas{
	padding:4% 0;
}

body.hp #pushstate-canvas{
	padding: 0;
}


/*********************
 SEARCH WIDGET 
*********************/

#search-widget {
	width:100% !important;
	margin:0 0 10px 0;
}

#search-widget input {
	float:left;
	margin:0 !important;
	padding:8px;
	height:30px;
	width:73%;
	border:1px solid #666;
	background:#D7D7D7;
	font-family:"proxima-nova-alt-ext-cond",sans-serif;
	font-size:1.1em;
	color:#FFF;
	text-transform:uppercase;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

#search-widget a:link, #search-widget a:active, #search-widget a:visited, #search-widget a:hover, #search-widget a:visited:hover {
	float:left;
	margin:0;
	padding:8px;
	height:20px;
	width:10%;
	border:1px solid #666;
	background:#D72230 url(/templates/carsrcoffins/skins/v2/structure/sprite.png) no-repeat -170px -140px;
	font-family:"proxima-nova-alt-ext-cond",sans-serif;
	font-size:1.2em;
	color:#FFF;
}

#search-widget a:hover, #search-widget a:visited:hover {
	text-decoration:none;
}

#search-widget input.setfocus {
	color:#FFF !important;
}


/*********************
 Ben Weaver ad 
*********************/

a.bwad:link, a.bwad:active, a.bwad:visited, a.bwad:hover, a.bwad:visited:hover {
	display:block;
	position:absolute;
	top:64px;
	left:4%;
	width:350px;
	height:100px;
	background:transparent url(/templates/carsrcoffins/skins/v2/inc/frameworks/benweaver/structure/widget.jpg) no-repeat;
}

a.bwad:hover, a.bwad:visited:hover {
	background:transparent url(/templates/carsrcoffins/skins/v2/inc/frameworks/benweaver/structure/widget2.jpg) no-repeat;
	text-decoration:none
}

/*********************
 30 Days of biking ad 
*********************/

a.daysad:link, a.daysad:active, a.daysad:visited, a.daysad:hover, a.daysad:visited:hover {
	display:block;
	position:absolute;
	top:64px;
	left:4%;
	width:347px;
	height:100px;
	background:transparent url(/templates/carsrcoffins/skins/v2/structure/30daysad.png) 0px 0px no-repeat;
}

a.daysad:hover, a.daysad:visited:hover {
	background:transparent url(/templates/carsrcoffins/skins/v2/structure/30daysad.png) 0px -100px no-repeat;
	text-decoration:none
}


/*********************
 MOBILE SHOW/HIDE
*********************/

.mobile-show {
	display: none;
}
.mobile-hide {
	display: block;
}

@media only screen and (max-width : 1023px) {
	.mobile-show {
		display: block;
	}
	.mobile-hide {
		display: none !important;
	}

	.mobile-center {
		margin-bottom: 5%;
		text-align: center;
	}
}