/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
Holiday Motorsports
----------------------------------------- */

body { background-color: #f2f2f2; font-family: Lato, "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1; color: #222222; position: relative; -webkit-font-smoothing: antialiased; }

h3, h4, h5, h6 { color: #efefef; font-family: Lato, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.56; margin-bottom: 10px; margin-top: 10px; -webkit-font-smoothing: antialiased; }


h1, h2 { font-family:  Merriweather, Lato,"Open Sans Condensed", Helvetica, Arial, sans-serif; font-weight: 300; line-height: 1.1; margin-bottom: 10px; margin-top: 10px; -webkit-font-smoothing: antialiased; }
.leadin h1 { text-shadow: 2px 2px 3px rgba(0,0,0,0.7); }
.leadin h2 { text-shadow: 2px 2px 3px rgba(0,0,0,0.7); }
.leadin h3 { text-shadow: 2px 2px 3px rgba(0,0,0,0.7); }

p { font-family: inherit; font-weight: 400; font-size: 1.3em; line-height: 1.6em; margin-bottom: 1.8em; }
li { font-size: 16px; }
a { color: #ffffff; }
a:hover { color: #ffffff; }
p { font-family: inherit; font-weight: 400; font-size: 1.8rem; line-height: 1.6em; margin-bottom: 1.8em; }
h1 { font-size: 4.0rem; letter-spacing: -.05em;}
h2 { font-size: 4.2rem; letter-spacing: -.05em;}
h3 { font-size: 2.8rem; letter-spacing: -1px;}
h4 { font-size: 2.3rem; letter-spacing: -1px;}
h5 { font-size: 1.7rem; }
h6 { font-size: 4.4rem; }

.block-divider { margin: 30px; border-top: 1px solid #666666; }

.block-grid.four-up > li { padding: 0 0; }
.bigmenu {position: fixed; }
.bigmenu img { padding-top: 20px; }
.bigmenu h3 { padding-top: 22px; }
.bigmenu li { padding-top: 20px; margin-bottom: 17px; color: #ffffff; }
.bigmenu li a:hover { color: #ff0000; }

.nv-blue { background-color: #1d469b; color: #ffffff; }
.nv-white { background-color: #f3f3f3; color: #222222; }

/*.nv-black { background-color: #252324; color: #ffffff; padding: 40px 0; }*/
.nv-black a { color: #ffffff; }

.up { margin-top: -200px; margin: 0 auto;}
.subheader { line-height: 1.3; font-weight: 300; margin-bottom: 17px; color: #ffffff; }
.option img {margin: 10px 0; }
.imgtag {
	background-color: #1d469b;
	position: absolute;
	bottom: 3%;
	left: 2%;
	padding: 6px;
}
.cta {
	background: rgba(29,70,155,1.0);
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1px 16px 0px 14px;
	margin-left: 5px;
	margin-bottom: 12px;
}
.ctaanchor {	
	position: relative;
}

.edged {
border-left: 1px solid #ffffff;
}

.bordered {
	border: 6px solid #303030;
}
.bordered:hover {
	border: 6px solid #ffffff;
}

.hero {
	background: url(../images/hero-2200-1100-blue-bug.jpg) no-repeat top center;
	margin-top: 0px;
	padding: 0 0;
	background-color: #c2c2c2;
	color: #ffffff;		
	background-attachment: fixed;	
}
.shop {
	background: url(../images/hero-service-2200-600.jpg) no-repeat top center;
	margin-top: 0px;
	padding: 90px 0;
	background-color: #c2c2c2;
	color: #ffffff;		
}
.shop h1 {	
	color: #ffffff;		
}
.store {
	background: url(../images/hero-store-2200-500.jpg) no-repeat top center;
	margin-top: 0px;
	padding: 0 0;
	background-color: #c2c2c2;
	color: #ffffff;			
}

.parts { padding-top: 90px; padding-bottom: 60px; background-color: #ffffff;}

.parts h4 {
	color: #222222;
}
.parts h5 {
	color: #222222;
	margin-top: 30px;
	margin-bottom: 4px;
}
.feature { padding-top: 60px; padding-bottom: 60px; background-color: #ffffff;}

.feature h1 {
	color: #222222;
}
.feature h2 {
	color: #222222;
}
.feature h3 {
	color: #222222;
}
.feature h4 {
	color: #222222;
}
.snapshot {
	border: 8px solid #D6C049;
}
.leadin {
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: 60px;	
	margin-bottom: 60px;	
	color: #ffffff;
}
.leadin h1 {
	color: #ffffff;
}
.logo-about {
	padding: 60px 0 0 0;
	margin: 10px 0 0px 0;	
}


.button {
background-color: rgba(24,24,24,0.2);
margin: 20px 0px;
padding: 10px 20px 11px;
width: auto;
border: 1px solid #ffffff;
}

.button.large {
padding-top: 13px;
padding-bottom: 14px;
margin-right: 20px;
font-weight: bold;
font-size: 2rem;
line-height: 20px;
color: white;
}
.button:hover {
background-color: #193B82;
}

.feature-contact { background-color: #435E73; color: #ffffff; padding: 60px 0 40px;}
/*background-color: #444325;*/
.feature-contact h1, h2 { color: #ffffff; }

.social-facebook { background-color: #5987a7; color: #ffffff; padding: 50px 0 50px;}
.social-facebook h1, h2 { color: #ffffff; }

.social {padding: 0px 50px ;}
.square-button {
width: 130px;
height: 130px;
margin: auto;
border: 3px solid #fff;
}

footer { background-color: #435E73; color: #cdcdcd; padding: 20px 0 20px;}
footer a { color: #ffffff; }
footer p { color: #ffffff; }
footer h2 { color: #ffffff; }
footer h4 { color: #ffffff; }

.zoom:hover {
background-color: #34495e;
}
.shade {
background-color: #34495e;
opacity: 0.5;
margin: 40px 0;
}
.shade:hover {
opacity: 1.0;
}
.fade { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.fade:hover { opacity: 0.6; }
.map { margin-left: 0px; margin-right: 0px; height: 600px;}

/* Panels ---------------------- */
.panel.nv { background: #222222; border: solid 1px #ffffff; margin: 0 0 20px 0; padding: 16px; }
.panel { background: #222222; border: solid 1px #222222; margin: 0 0 22px 0; padding: 20px; }
.panel > :first-child { margin-top: 0; }
.panel > :last-child { margin-bottom: 0; }
.panel.callout { background: #1d469b; color: #fff; border-color: #005289; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
.panel.callout a { color: #fff; }
.panel.callout .button { background: white; border: none; color: #1d469b; text-shadow: none; }
.panel.callout .button:hover { background: rgba(255, 255, 255, 0.8); }
.panel.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.top-bar { background: #1d469b; height: 45px; line-height: 45px; margin: 0; padding: 0; width: 100%; font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: bold; text-rendering: optimizeLegibility; line-height: 1.1;/* Contain width to .row width */ /* First <ul> for branding, title, name, etc */ /* topbar global <ul> styles */ }
.top-bar ul > li.has-button:hover { background: #1d469b; }
.top-bar ul > li.search:hover { background: #1d469b; }
.top-bar ul > li.has-dropdown .dropdown { background: #1d469b; left: 0; margin: 0; padding: 9px 0 0 0; position: absolute; visibility: hidden; z-index: 99; }
.top-bar ul > li.has-dropdown .dropdown li { background: #1d469b; line-height: 1; min-width: 100%; padding-bottom: 5px; }
.top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active { background: #1d469b; }
.top-bar ul > li.divider { background: #1d469b; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); height: 100%; margin-right: 1px; width: 1px; }
.top-bar ul > li.has-dropdown .dropdown li.divider { border-top: solid 1px #1d469b; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; height: 10px; padding: 0; width: 100%; }
.top-bar ul > li.has-dropdown .dropdown li.active a { background: #1d469b; }
.top-bar ul > li.name { background: #1d469b; height: 45px; }

/* Pricing Tables ---------------------- */
.coupon-table { border: dashed 3px #aaaaaa; margin-left: 0; margin-bottom: 20px; }
.coupon-table * { list-style: none; line-height: 1; }
.coupon-table .title { background-color: #ffffff; padding: 15px 20px; text-align: center; color: #333333; font-weight: bold; font-size: 3rem; }
.coupon-table .price { background-color: #ffffff; padding: 15px 20px; text-align: center; color: #333333; font-weight: normal; font-size: 3.4rem; }
.coupon-table .description { background-color: white; padding: 15px; text-align: center; color: #777777; font-size: 1.8rem; font-weight: normal; line-height: 1.4; }
.coupon-table .bullet-item { background-color: white; padding: 15px; text-align: center; color: #333333; font-size: 2rem; font-weight: normal;  }
.coupon-table .cta-button { background-color: whitesmoke; text-align: center; padding: 20px; }

@media only screen and (max-width: 1100px) { 
	.hero-highlight-dark {padding: 30px 20px 40px 20px; }
	p { font-size: 1.6rem; line-height: 1.6em; margin-bottom: 1.2rem; }
	h1 { font-size: 3.4rem; letter-spacing: -1px;}
	h2 { font-size: 3.2rem; letter-spacing: -1px;}
	h3 { font-size: 2.3rem; letter-spacing: -1px;}
	h4 { font-size: 2.0rem; letter-spacing: -1px;}
	h5 { font-size: 1.7rem; }
	h6 { font-size: 4.4rem; }
.map { margin-left: 0px; margin-right: 0px; height: 400px;}
}

@media only screen and (max-width: 767px) { 
	.logo { padding: 0px 0 0 0; margin: 0px 0 0 0; } 
	.logo-about { padding: 10px 0 0 0; }
	.hero-highlight-dark {padding: 10px 10px 40px 10px; background: rgba(24,24,24,0.4); }
	.hero-highlight-dark-about { padding: 20px 20px 20px 20px; }

	p { font-size: 1.6rem; line-height: 1.6em; margin-bottom: 1.2em; }
	h1 { font-size: 3.0rem; letter-spacing: -1px; text-align: center;}
	h2 { font-size: 2.6rem; letter-spacing: -1px;}
	h3 { font-size: 2.4rem; letter-spacing: -1px; text-align: center;}
	h4 { font-size: 1.9rem; letter-spacing: -1px;}
	h5 { font-size: 1.8rem; }
	h6 { font-size: 4.4rem; }
.top-bar ul > li.has-dropdown .dropdown li a { font-size: 4.4rem; }
.map { margin-left: 20px; margin-right: 20px; height: 320px;}
.edged {
border-left: 1px solid #5987A7;
}	

}