/*
Theme Name: 	G-Force
Theme URI: 		http://gforcekarts.com
Description: 	A custom theme for G-Force Karts
Version: 		1.0
Author: 		28 Media / L Sterling
Author URI: 	http://28media.com
*/

/* ---------------------------------------------------------------------------------------------------------- 
Sensible defaults ------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

html,body {height:100%;min-height:100%;}

div, article, section, header, footer, nav { position:relative; }

ul, li { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; list-style:none; }        

.group:after { display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }

a:focus {outline:none}

.clear {clear:both}

.last_item {margin-right:0!important;border-right:0!important}

.pad-right {padding-right:20px; }

.pad-left {padding-left:20px;}

.row {margin-bottom:20px;}

.alignright {float:right; margin-left:20px; margin-bottom:10px;}
.alignleft {float:left; margin-right:20px; margin-bottom:10px}

/* ---------------------------------------------------------------------------------------------------------- 
Typography --------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

body { 
	font-family:'Asap', Helvetica, sans-serif;
	font-weight:400;
	font-size:12px;
	color:#555555;
	background:url(img/bg.jpg) center 30px no-repeat;
	min-width:320px;
 }

h1, h2 {font-family:'Changa One','Arial Black', Gadget, sans-serif;font-style:italic;font-weight:400;color:#000;margin-top:0;}

h1 {font-size:42px;}

h2 {font-size:28px;margin-bottom:22px;line-height:40px;}

.page-template-page-ppc-php h2 {font-size:26px;line-height:32px}

/*.content h3:before { /* to account for the fixed red bar 
  display: block; 
  content: " "; 
  margin-top: -75px; 
  height: 75px; 
  visibility: hidden; 
}*/

h3, h4, h5, h6 {font-family:'Asap', Arial, Helvetica, sans-serif; color:#000;font-weight:400;}

h3 {font-size:18px;line-height:22px;color:#6a0000;font-weight:400}

.feature h3, .sidebar h3 { font-size:26px;line-height:30px;color:#5e301d;font-family:'Changa One','Arial Black', Gadget, sans-serif;font-style:italic;font-weight:400;color:#f9cc05;margin-top:0; }

h4 {font-size:13px;line-height:17px;text-transform:uppercase;font-family:'Oswald','Asap',Arial,sans-serif;font-weight:400;letter-spacing:1px;}

h5 {font-size:13px;font-style:italic;color:#6e270e;}

.callouts h4 {color:#e1001a;margin-bottom:15px;}
.callouts h4 a {color:#e1001a;text-decoration:none}
.callout, .callout p, .callout li {font-size:11px;line-height:16px;color:#777777}
.feature p {font-size:12px}

a, a:visited {color:#e1001a;}

a:hover {color:#d0aa00;}

.feature h3 a, .sidebar h3 a {color:#f9cc05}

p {margin-bottom:18px;line-height:17px;}


.yellow, a.yellow:visited {color:#f9cc05}
.red, a.red:visited {color:#e1001a}
.brown, a.brown:visited {color:#6a0000}
.white, a.white:visited {color:#fff}



.content ul, .content ol {margin-bottom:20px;margin-left:0;}
.content ul li {list-style:disc;margin-left:14px;}
.content ol li {list-style:decimal;margin-left:20px;}

hr {
	border:0;
	border-bottom:1px solid #ebebeb;	
	margin-bottom:26px;
}

.wp-caption-text {text-align:center}


/* ---------------------------------------------------------------------------------------------------------- 
Global ------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* Header */

.quicklinks { width:100%;background:#e1001a;height:30px;text-align:center;border-bottom:1px solid #f9cc05;box-shadow:0 1px 5px #000;position:fixed;z-index:9999;}
 
.quicklinks li {display:inline;margin:0 20px;line-height:30px}
 
.quicklinks a, .quicklinks a:visited { text-decoration:underline;color:#fff;text-transform:uppercase;line-height:14px;font-size:14px;} 
.quicklinks a:hover {color:#f9cc05;}
 
.ie7 .quicklinks, .ie6 .quicklinks {display:none}
 
header {padding-top:31px;height:124px;margin:0;overflow:hidden}
header .row, nav.main-nav .row {margin-bottom:0}


h1.logo {padding-top:10px;margin:0}
h1.logo img { width:315px;height:auto;padding:0;margin:0;}

.contacts {
	padding-top:40px;
	padding-left:100px;
	padding-bottom:4px;
	text-align:center;
	background:url(img/bg-header1.png) right bottom no-repeat
}

.contacts p {margin-bottom:4px}

.phone {
	font-size:28px;
	line-height:34px; 
	text-transform:uppercase;
	color:#000;
	font-family:'Oswald',Arial,sans-serif;
	display:block;
	margin-bottom:5px;
	}
	
.callus {
	font-size:12px;
	color:#fff;	
	display:block;
}
.hours {
	color:#f9cc05;
	font-size:11px
}

/* Navigation */

nav.main-nav {z-index:8888;background:url(img/bg-navtop.png) left top no-repeat;  padding-top:14px /* equal height of bg img */}

.nav1{
	height:45px;
	font-family:'Oswald', Arial, Helvetica, sans-serif;
	font-weight:400;
	background:#000;
	float:left;
	width:760px;
	margin:0;
	overflow:hidden;
}

.nav1 li{
	display:block;
   	float:left;
   	position:relative;
	line-height:45px;
}
.nav1 li a{
	color: #fff;
	display: block;
	float: left;
	padding: 0 13px;
	text-decoration: none;
	text-transform:uppercase;
	font-size:14px;
}
.nav1 li a:hover,
.nav1 li.active a,
.nav1 li:hover a{
	color: #f9cc05;
}
.nav1 li ul{
	background:url(img/slant-menu.png) bottom left no-repeat;
	zoom: 1;
	clear: both;
	float: none;
	left:0;
	margin-left:0;
	display:none;
	position: absolute;
	top: 45px;
	width: 160px;
	padding-bottom:26px;
}
.nav1 li:hover li a{
	font-family:'Asap', Helvetica, sans-serif;
	color: #fff;
	background:#e1001a;
	font-size:12px;
	padding: 15px 15px 0px 15px;
	width: 130px;
	line-height:15px;
	text-transform:none;
}
.nav1 li:hover > ul{
	display:block;
}
.nav1 li li{
	background: none;
	margin-left:0;
}
.nav1 li li ul {
	left:160px; 
	top:0px;
}
.nav1 li:hover li a:hover{
	color: #f9cc05;
}

.mobile-btn {display:none}

a.btn-navbar { 
	text-align:center;
	line-height:50px;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	background:#000;
	font-family:'Oswald', Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	}
a.btn-navbar:hover {
	color:#f9cc05;
}
a.btn-navbar i {margin-top:3px}

/* social */
.social {float:right;background:#000;width:180px;height:45px;margin:0;text-align:left;display:block}
.social li {float:left;}
.social a {background:url(img/bg-sprite.png) 0 -260px no-repeat;display:block;padding:0;width:30px;height:45px;text-indent:-9999px;}
.social a.fb { background-position: 0 -260px;}
.social a.tw {background-position:-32px -260px; }
.social a.yt {background-position:-65px -260px; }
.social a.gp {background-position:-102px -260px; }
.social a.ta {background: url(img/icon-tripadvisor.png) 0 11px no-repeat; }
.social a.yelp {background: url(img/yelp.png) 5px 12px no-repeat; }

.contacts .social {display:none;background:none;margin:10px 105px 10px 0}

.main .social {display:none;background:none;margin:0 auto!important;float:none;width:180px}
.main .social a {width:35px;margin-right:10px}
.main .social a.fb {background-position: -147px -272px;}
.main .social a.tw {background-position:-198px -272px }
.main .social a.yt {background-position:-247px -272px }
.main .social a.gp {background-position:-299px -272px }

/* featured widgets */
.feature {background:#ebebeb;border:1px solid #b7b7b7;border-bottom:0;padding-bottom:20px;}
.feature-slant{margin:0;padding:0;display:block;margin-bottom:30px!important}
.feature p {padding:0 30px;min-height:110px;}
.feature h3, .sidebar h3 {background:url(img/bg-sprite.png) 0 -87px no-repeat; height:50px;width:256px;padding:0 20px;line-height:50px;}

.feature img { max-height:110px;width:auto;}

.icon {background:url(img/photo-icons.png) 0 0 no-repeat; width:170px; height:109px;margin:0 auto;}
.case {background-position:-200px 0}
.party {background-position:0 0}
.helmet {width:95px;background-position:-400px 0}


/* buttons */

a.button {
	background:url(img/bg-sprite.png) right 0 no-repeat;
	padding:13px 28px 13px 17px; 
	height:53px;
	text-align:left; 
	color:#fff; 
	font-family:'Changa One','Arial Black', Gadget, sans-serif;
	font-weight:400;
	font-style:italic;
	text-decoration:none;
	font-size:23px;
	overflow:hidden;
	whitespace:nowrap;
}

.ie7 a.button, .ie6 a.button {display:block;width:86%;}

a.button2 {
	background:#d5d5d5;
	height:16px;
	line-height:16px;
	display:block;
	font-size:16px;
	color:#e1001a;
	font-family:'Changa One','Arial Black', Gadget, sans-serif;
	font-style:italic;
	text-align:center;
	text-decoration:none;
	overflow:hidden;
	font-weight:400;
	}
a.button2:hover {color:#000;}	
a.button2 span {background:url(img/bg-sprite.png) 0 -178px no-repeat #ebebeb;padding:0 8px 0 20px;height:18px;}
a.button2 span.slant-right {background:url(img/bg-sprite.png) 1px -208px no-repeat #ebebeb;padding:0;padding-left:5px;width:10px;height:18px;}


/* forms */
input {border-radius:0!important}
.submit input[type="submit"], .frm_form_submit_style {
width: 220px;
height: 50px;
background:url(img/bg-sprite.png) right 0 no-repeat;
background-color:none;
border:none;
display:block;
cursor:pointer;
font-family:'Changa One','Arial Black', Gadget, sans-serif;
	font-weight:400;
	font-style:italic;
	color:#fff!important;
	font-size:22px;
}


/* ---------------------------------------------------------------------------------------------------------- 
Homepage ----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.slider {z-index:10;margin-bottom:20px}

.slides {background:#f9cc05}

.slider .slide-img {z-index:20;max-height:375px;overflow:hidden}

.slider .caption {
	background:#f9cc05;
	background:rgba(249, 204, 5, 0.80);
	color:#6e270e;
	height:335px;
	padding:20px 0;
	z-index:50;
	width:300px;
	margin-top:-375px;
	float:right;}
	
.caption h2 { margin-bottom:16px;line-height:38px}
.caption h2, .caption p { padding:0px 20px;}
.caption p {font-size:15px;color:#6e270e;margin-bottom:10px;}

.slider .flex-control-nav {width: 640px; text-align:center;left:0; z-index:20;}

.feature-list > li {width:300px;float:left;margin-right:20px;}

.callout-list > li {width:234px;float:left;border-right:1px solid #e5e5e5;}

.callout {padding:0 20px;text-align:center;min-height:200px}
.callout a {color:#d0aa00 }

ul.tweets {}
ul.tweets li {margin-bottom:10px}
a.tweet__link {color:#7d7d7d}
a.tweet__datestamp:before {
   content: "- ";
}

.home .youtube_channel { float: none; }
.callout iframe { width:100%!important;height:130px; }
.button-wrap {max-width:245px;margin:30px 0 20px 0;}

.fb-feed .fb-page-name {background:none;padding:0;text-align:center;height:auto;}
.fb-feed .fb-page-name a {font-size:13px!important;line-height:17px;text-transform:uppercase;font-family:'Oswald','Asap',Arial,sans-serif;font-weight:400;letter-spacing:1px;color:#e1001a;margin-bottom:15px;padding:0}
.fb-feed blockquote {border:0!important;padding:0}
.fb-feed-item {border:0!important;margin:0!important;padding:0!important;text-align:center;}

/* ---------------------------------------------------------------------------------------------------------- 
Interiors ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.main {background:#fff;z-index:5;padding-bottom:70px;background:url(img/bg-sidebar.png) right top repeat-y #fff;}
.home .main, 
.page-template-page-ppc-php .main,
.page-template-page-full-php .main, .post-type-archive-product .main, .single-product .main {background-image:none;}

.main .row {margin-bottom:0}

.content {padding:40px 55px 40px 80px;height:100%}
.page-template-page-full-php .content {padding:40px 80px 40px 80px;}

.featured-image {margin:0 20px 0 40px;}
.attachment-main {width:100%;}

.sidebar {padding:40px 0;}
.sidebar .feature {background:none;border:0;}
.sidebar .widget {margin-bottom:60px;}
.sidebar .widget ul, .sidebar .widget p, .sidebar .widget ol, .sidebar .widget select { margin: 0 20px;}
.sidebar .widget iframe {width:188px!important;height:110px;margin-left:20px; }

.widget_custom_post_widget p {margin:0!important;padding:5px 20px 20px 20px}

.subpages {border-top:1px solid #ccc;margin-top:40px;padding-top:10px}
.subpages h4 {color:#666}
.subpages a, .subpages a:visited {color:#6a0000 }

.gallery-icon img {border:3px solid #fff!important}
.gallery-item {margin:5px 0}




/* woocommerce */
.woocommerce a.button {height:auto!important}
.products .buttons_added { position:relative;float:left;margin-right:5px!important}
.single_add_to_cart_button {height:29px!important}

.woocommerce-breadcrumb {display:none}

.woocommerce-info { margin-bottom:80px!important}

/* .content .checkout {display:block;float:none;margin-top:80px;position:relative!important;} */

/* ---------------------------------------------------------------------------------------------------------- 
Footer ----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

footer {background:url(img/bg-footer.png) center top no-repeat;min-height:200px;z-index:100; margin-top:-60px}

.footer {text-align:center;padding-top:60px}

.nav2 ul {text-align:center}

.nav2 li {display:inline; padding:0 10px;}

.nav2 a, .nav2 a:visited {text-decoration:none; text-transform:uppercase; font-family:'Oswald',Arial,sans-serif;font-weight:400;font-size:11px;letter-spacing:1px; }

.legal {margin:10px auto;}

.legal h5{color:#000;font-size:11px}

.legal .textwidget {display:inline}


/* ---------------------------------------------------------------------------------------------------------- 
PPC Page ----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.page-template-page-ppc-php header {height:120px;}
.page-template-page-ppc-php .contacts {padding-top:60px;padding-left:210px;background-position:120px bottom;}
.page-template-page-ppc-php .main {margin-top:50px;padding-bottom:0}

/*slider*/
.slider-ppc {z-index:10;margin-bottom:20px}
.slider-ppc .slide-img {background:#f9cc05;background-repeat:no-repeat;background-position:center center;width:520px;height:375px;float:right;}
/* .slider-ppc .slide-img img {width:520px!important;height:375px!important;float:right!important;} */
.slider-ppc .caption {background:#f9cc05;width:420px;padding:20px 0;height:335px;float:left;}
.slider-ppc .flex-control-nav {width:100%; text-align:center;left:0; z-index:20;}
.slider-ppc .caption p {font-size:14px}
.slider-ppc .caption .textwidget {display:inline}
.orcall {color:#000;margin-left:20px;}

.ppc-intro {font-size:14px;margin-bottom:30px!important}
.middle {margin-bottom:30px!important}

.testimonial .slides {background:none;font-size:15px;color:#6a0000;}
.testimonial .flexslider {width:90%;}

/*pricing*/
.plan {background:#ebebeb;border:1px solid #b7b7b7;float:left;width:186px;height:310px;padding:0;padding-bottom:30px;margin-top:30px;}
.plan-inner {padding:30px 20px}

.plans .center { height:370px;margin-top:0;background:url(img/bg-bestplan.png) center top no-repeat #f3f3f3;  }
.plans .center .plan-inner {padding-top:40px}	

.plan h3 {font-family:'Changa One','Arial Black',sans-serif;text-transform:uppercase;font-style:normal;font-weight:400;line-height:26px;text-align:center;margin-bottom:5px!important}
.plan h5 {color:#666;font-style:normal;font-size:15px;text-align:center;line-height:15px;font-weight:700;margin-top:0;margin-bottom:20px;}

.plan ul {margin-left: 0;padding-left: 0;list-style: none;}
.plan li {padding-left:18px;background:url(img/bullet.png) 0 5px no-repeat;color:#6e270e;line-height:15px;margin-bottom:8px}

.plans .center a.button2 span {background:url(img/slant-left.png) 0 0 no-repeat #f3f3f3;}
.plans .center a.button2 span.slant-right {background:url(img/slant-right.png) right 0 no-repeat #f3f3f3;}

.middle {margin-top:50px}
.middle h4 {font-size:18px;line-height:22px;color:#ee1F03}
.middle .left-side {padding-right:20px;border-right:1px solid #ebebeb!important;}
.middle .right-side{ padding:0 15px 0 30px; }

.middle .left-side img {max-width:211px!important;height:auto}

.right-side .frm_form_field > input,
.right-side select,
.right-side input.frm_date,
.right-side textarea {width:180px!important;}


.bottom-box {background:#ebebeb;padding:20px 40px 40px 40px}



/* ---------------------------------------------------------------------------------------------------------- 
Media Queries -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */


/* tablet portrait */
@media screen and (max-width: 979px) {
.slider .caption {height:auto!important;width:100%;position:relative;background:#f9cc05;float:none;margin:0;}	
.slider .slides img {float:none}

.slider .slide-img {max-height:290px;}

.social {display:none}

.slider .flex-control-nav {top:265px;width:100%}


.right-side .frm_form_field > input,
.right-side select,
.right-side input.frm_date,
.right-side textarea {width:100%!important;}

}

@media (min-width: 768px) and (max-width: 979px) {
.contacts {padding-top:0;padding-left:80px;background-size:376px 90%}
.page-template-page-ppc-php .contacts {background-size:300px 90%;padding-left:160px}
.contacts .social {display:block;}

header {height:150px;}


nav.main-nav {background-position:right top;background-size:100% 14px}
.nav1 {width:100%;height:45px!important;}
h1.logo {padding-top:25px}
.page-template-page-ppc-php h1.logo {padding-top:10px}

.feature-list > li {width:230px;margin-right:16px;}
.callout-list > li {width:179px;}

.main {background-position:475px 0;border-right:1px solid #b7b7b7}
.home .main, .page-template-page-ppc-php .main {border-right:0}

.content {padding:40px 20px 40px 40px}
.page-template-page-full-php .content {padding:40px;}

.featured-image {margin:0 0 0 20px;}

.feature h3, .sidebar h3 {background-position:-45px -87px;font-size:23px;padding:0 13px;}

.plan {float:left;width:142px;height:auto;padding-bottom:20px;margin-top:20px;}
.plan-inner {padding:30px 10px}

.plans .center { height:auto; }
.plans .center .plan-inner {padding-top:50px;padding-bottom:50px;}	

.plans a.button2 {background:none!important}
.plans a.button2 span {background:none!important;padding:0}
.plans a.button2 span.slant-right {background:none!important;padding:0}

.slider .slides a.button {background-position:left top;}
.slider .slides .button-wrap {float:right;}
.slider .caption p {float:left;width:440px;}

/*.slider-ppc .slide-img img {padding-left:200px!important;float:none;} */
.slider-ppc .slide-img {background-position:center center;width:300px;}

.callout iframe { height:102px!important; }


}


/* Mobile Portrait Size to Tablet Portrait Size */
@media screen and (max-width: 767px) {
	
body{margin:0;padding:0}
.main {padding:0 10px;background-image:none;}
.sidebar {background:#ebebeb}
.quicklinks {display:none}
body {background-position:center top}
header {padding-top:5px}
h1.logo {text-align:center}
header, nav.main-nav, .ppc header {background:none;height:auto} 
.contacts, .ppc .contacts {padding:0;background:none}
.social {display:none}
.contacts .social {display:none}
.main .social-widget {margin-top:30px!important;display:block;zoom:1}
.main .social {display:block;padding-left:25px;}

.slider, nav.main-nav, .slider-ppc, .main {max-width:500px}
	
.callus {color:#f9cc05;display:inline;font-size:14px;margin-right:4px}
.phone {color:#fff;display:inline;font-size:20px;}

.feature-list > li {float:none;margin:0 auto;}
.feature-list > li.last_item {margin:0 auto!important}

.callouts {margin-bottom:20px!important}
.callout-list > li {float:none;margin:0 auto;width:100%;border:0;border-bottom:1px solid #e5e5e5;}
.callout {min-height:auto;margin:20px 0;}

.content {padding:30px 10px}
.page-template-page-full-php .content {padding:30px 10px;}
	
.featured-image {margin:10px 0 0 0;}

.sidebar {border:1px solid #ccc}
	
footer{margin-top:0}
	
.plan {float:none;width:100%;height:auto;margin-top:10px;}
.plans .center { height:auto; margin-top:10px}

.slider-ppc .slide-img {background-size:100%;float:none;width:100%;height:230px}
.slider-ppc .caption {width:100%;float:none;margin-top:0;height:auto;}
.flex-control-nav {display:none;}

.middle .left-side {padding-right:0px;border-right:0!important;}
.middle .right-side{ padding:15px; background:#ebebeb;}

.products > li {width:45%!important}
.woocommerce-ordering {float:left!important;position:relative}

/* mobile nav */
	nav.main-nav {background:#000;padding:0 10px;margin-top:10px;}
	.home nav.main-nav {padding:0}
	a.btn-navbar {display:block;padding: 0 10px!important}
	.mobile-btn {display:block;cursor:pointer;text-align:center;}
	.nav1, .nav1.collapse {height:0px; width:100%; padding-right:0;margin-right:0;z-index:99999; background:#000;}
	.nav1 ul {margin-bottom:0!important; text-align:center;}
	.nav1 li {border-top:1px solid #222;float:none }
 	.nav1 a {color:#fff!important;font-size:12px;display:block;float:none!important;}
	.nav1 li a:hover, .nav1 li a:active {background:#f9cc05;}
	.nav1 li > ul{position:relative; display:block; float:none; left:0;top:0;display:none;} 
	.nav1 li:hover ul {display:none}
	
	.nav2 li {display:block}
	.nav2 {display:none}
	
	.sidebar .widget_custom_post_widget p {padding:10px 20px}
	.home .feature {width:298px;margin:0 auto}
	.features img {margin:0 auto}
	
	

	.callout iframe { height:200px; }
}


/* Landscape phones and down */
@media (max-width: 480px) {
		
}