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

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

h4, h5, h6 { color: #efefef; font-family: Lato, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.1; margin-bottom: 10px; margin-top: 10px; -webkit-font-smoothing: antialiased; text-shadow: 0 1px 0 rgba(0,0,0,0.7); }
h1, h2 { text-transform: uppercase; color: #efefef; font-family: Oswald, Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1.1; margin-bottom: 10px; margin-top: 10px; -webkit-font-smoothing: antialiased; text-shadow: 0 1px 0 rgba(0,0,0,0.7); }
h3 { text-transform: uppercase; color: #efefef; font-family: Oswald, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.1; margin-bottom: 10px; margin-top: 10px; -webkit-font-smoothing: antialiased; text-shadow: 0 1px 0 rgba(0,0,0,0.7); }

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: 5.3rem; letter-spacing: -1px;}
h2 { font-size: 4.2rem; letter-spacing: -1px;}
h3 { font-size: 2.8rem; letter-spacing: -1px;}
h4 { font-size: 2.4rem; letter-spacing: -1px;}
h5 { font-size: 1.7rem; }
h6 { font-size: 4.4rem; }

.block-divider { margin: 30px; border-top: 1px solid #666666; }
.feature { background-color: #252324; margin-top: 20px; }
.feature h2 { margin-top: 70px; }

.block-grid.four-up > li { padding: 0 0; }


.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; }

.hma-blue { background-color: #1d469b; color: #ffffff; }
.hma-white { background-color: #f3f3f3; color: #222222; }
.hma-black { background: url(../images/hex-tile-2200-30.png) repeat-y center; color: #ffffff; padding: 40px 0; }
/*.hma-black { background-color: #252324; color: #ffffff; padding: 40px 0; }*/
.hma-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: 6px solid #ffffff;
}

.bordered {
	border: 6px solid #303030;
}
.bordered:hover {
	border: 6px solid #ffffff;
}
header { background: #1c1c1c; }
.hero {
	background: url(../images/hero-index-700.jpg) no-repeat top center; 
	margin-top: 0px;
	padding: 0 0;
	background-color: #c2c2c2;
	color: #ffffff;		
	background-attachment: fixed;	
}

.hero-main {
	background: url(../images/hero-5.jpg) no-repeat top center; 
	margin-top: 0px;
	padding: 0 0;
	background-color: #000000;
	color: #ffffff;		
		
}
.hero-options {
	background: url(../images/hero-4.jpg) no-repeat top center; 
	margin-top: 0px;
	padding: 0 0;
	background-color: #000000;
	color: #ffffff;				
}
.hero-about {
	background: url(../images/hero-vintage.jpg) no-repeat top center; 
	margin-top: 0px;
	padding: 0 0;
	background-color: #000000;
	color: #ffffff;		
		
}
.hero-features {
	background: url(../images/hero-3.jpg) no-repeat top center; 
	margin-top: 0px;
	padding: 0 0;
	background-color: #000000;
	color: #ffffff;				
}
.hero-highlight-dark {
	background: rgba(24,24,24,0.6);	
	padding: 130px 20px 40px 20px;
	margin-top: 0px;
}
.hero-highlight-dark-about {
	background: rgba(24,24,24,0.6);	
	padding: 140px 20px 140px 20px;
	margin-top: 0px;
}
.hero-highlight-dark-options {
	background: rgba(24,24,24,0.6);	
	padding: 40px 20px 20px 20px;
	margin-top: 0px;
}
.hero-highlight-light {
	background: rgba(240,240,240,0.6);
	padding: 10px 20px;
	margin-top: 0px;
}

.logo {
	padding: 110px 0 0 0;
	margin: 10px 0 0px 0;	
}
.logo-about {
	padding: 110px 0 0 0;
	margin: 10px 0 0px 0;	
}
.logo-about img {
transform:rotate(-7deg);
-ms-transform:rotate(-7deg); /* IE 9 */
-webkit-transform:rotate(-7deg); /* Safari and Chrome */
}





.feature { margin-top: 20px; }
.feature h2 { margin-top: 70px; }

footer { background: url(../images/footer.png) repeat-y top;  background-color: #1d469b; color: #cdcdcd; padding: 20px 0 20px;}
footer a { color: #ffffff; }
footer p { color: #ffffff; }
footer h2 { color: #ffffff; }
footer h4 { color: #ffffff; }

.button {
width: auto;
background: #1D469B;
border: 1px solid #1D469B;
}
.button:hover {
background-color: #193B82;
border: 1px solid #ffffff;
}
.button.large {
padding-top: 13px;
padding-bottom: 14px;
font-weight: bold;
font-size: 20px;
line-height: 20px;
color: white;
}
.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; }

.cta-style { background: url(../images/cta-styles.jpg) no-repeat top center; }
.cta-style h2 { background: rgba(24,24,24,0.6); padding: 10px 0; }
.cta-options { background: url(../images/cta-options.jpg) no-repeat top center; }
.cta-features { background: url(../images/cta-features.jpg) no-repeat top center; }
.cta-about { background: url(../images/cta-about.jpg) no-repeat top center; }

/* Panels ---------------------- */
.panel.hma { 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; }

@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.6rem; letter-spacing: -1px;}
	h2 { font-size: 2.2rem; letter-spacing: -1px;}
	h3 { font-size: 2.2rem; letter-spacing: -1px;}
	h4 { font-size: 2.2rem; letter-spacing: -1px;}
	h5 { font-size: 1.7rem; }
	h6 { font-size: 4.4rem; }
}

@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; }
	.hero {	
		margin-top: 0px;
		padding: 0 0;	
		color: #ffffff;		
		background-attachment: fixed;
		background: url(../images/hero-mobile.jpg) no-repeat top center; 
	}
	p { font-size: 1.6rem; line-height: 1.6em; margin-bottom: 1.2em; }
	h1 { font-size: 3.0rem; letter-spacing: -1px;}
	h2 { font-size: 2.2rem; letter-spacing: -1px;}
	h3 { font-size: 2.0rem; letter-spacing: -1px;}
	h4 { font-size: 1.9rem; letter-spacing: -1px;}
	h5 { font-size: 1.4rem; }
	h6 { font-size: 4.4rem; }
}