/*
Theme Name: No Bull Accessories
Author: Synchromedia Group
Author URI: http://www.smg.com.au
*/

/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #FFF;
	font: 15px/24px 'Roboto', sans-serif;
	color: #000;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

strong{ font-weight: 700;}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a{ color: #c30000; -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in; font-weight: 500;}

a:hover,
a:active {
	outline: 0;
}
a img{ -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;  }
a:hover img{ opacity: 0.9;   }

a img {
	border: 0;
}

.wrapper{ width: 1200px; margin:0px auto;}
#logo{ float: left; }
#slogan { float: left; margin-top: 25px; margin-left: 30px;}
.slogan{ font: 700 30px/44px 'Open Sans Condensed', sans-serif; letter-spacing: -1px;}
.phone{ font: 700 36px/38px 'Open Sans Condensed', sans-serif; letter-spacing: -1px; color: #737373;  }
#masthead{ padding: 10px 0px; }
#masthead:after {
    content:'';
    display:block;
    clear: both;
}
#site-navigation{ background: #c30000; height: 55px; }
#site-navigation ul{ margin: 0px; padding: 0px; list-style: none;}


#site-navigation ul
{
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:0;
}

#site-navigation ul a
{
    display:block;
    color:#333;
    text-decoration:none;
    font-weight:400;
    font-size:12px;

    padding: 0px 15px; text-decoration: none; color: #FFF; font-size: 22px; font-weight: 700; font-family: 'Open Sans Condensed', sans-serif; line-height: 55px;
}

#site-navigation ul li
{
    position:relative;
    float:left;
    margin:0;

    padding:0
}
#site-navigation ul li.last { border: none }
#site-navigation ul li.current-menu-item
{

}

#site-navigation ul a:hover, #site-navigation ul li:hover > a{
    color: #FFF !important;
    text-decoration: none;
    background: #333;

}



#site-navigation ul ul
{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:#333;
    padding:0;
    width: 440px;
}
li#menu-item-8799 ul, li#menu-item-31488 ul{ 
    width: 200px; 

}


#site-navigation ul ul a:hover
{
    border-radius: 0px;
    background: #666;

}
#site-navigation ul ul li
{
  
    width:110px;
    float: left;
    display: block;
    text-align: left;
    border-bottom: 1px solid #666;
}

li#menu-item-8799 ul li, li#menu-item-31488 ul li{ width:100%;}

#site-navigation ul ul a
{
  line-height: 120%;
  padding: 5px 15px;
  font-size: 16px;
  font-weight: 400;
}

#site-navigation ul ul ul
{
    top:0;
    left:100%
}

#site-navigation ul li:hover > ul
{
    display:block;
    z-index: 99999;

}



.mini-cart										{ display:block; float: right; overflow:hidden; text-align:right; margin-bottom:30px; }
.mini-cart ul.mini-cart-list					{ display:inline-block; padding:15px;  margin:30px 0 0 0; list-style:none; background-color:#e3e9ec; border: 3px solid #CCC; -webkit-border-radius: 10px; border-radius: 10px; }
.mini-cart ul.mini-cart-list li					{ display:inline-block; padding:0; margin:0 0 0 20px; list-style:none; font-weight:600; }
.mini-cart ul.mini-cart-list li a				{  }
.mini-cart ul.mini-cart-list li.cart-checkout a	{ background:#c30000; text-transform:uppercase; text-decoration: none; color:#fff; padding:10px 15px; margin-left:20px; -webkit-border-radius: 8px; border-radius: 8px; }
.mini-cart ul.mini-cart-list li.cart-checkout a:hover{ background:#333; color:#FFF; }

h1,h2,h3,h4,h5,p{ margin-bottom: 20px;}
h1{ font: 700 46px/50px 'Open Sans Condensed', sans-serif; color: #000; letter-spacing: -1px;}
h2{ font: 700 30px/40px 'Open Sans Condensed', sans-serif; color: #000; letter-spacing: -1px;}
h3{ font: 700 24px/20px 'Open Sans Condensed', sans-serif; color: #737373; }
#find{ padding: 30px; background:url(images/greyback.jpg);}
#banner{ padding: 10px 0px; background: url(images/brownback.jpg);}
#content{ padding: 30px 0px;}

.variations_form{ background-color:#e3e9ec; border-radius: 15px; border: 3px solid #CCC; padding: 15px;}

input[type="text"], input[type="number"], input[type="email"], select{ width: 100%; padding: 4px; font-family: inherit; font-size:inherit;}

.sku_wrapper{ display: none;}
td{ padding: 2px;}
.ppt, .pp_description{ display: none !important;}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ background: #c30000 !important; color: #FFF; }
.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{ background: #333 !important; color: #FFF !important; }
.woocommerce div.product p.price, .woocommerce div.product span.price{ color: #FF0000; font-weight: 700; font-size: 26px;}
.woocommerce div.product div.images img, .woocommerce ul.products li.product a img{ border-radius: 5px; -webkit-box-shadow: 2px 2px 9px 0px rgba(0, 0, 0, 0.22);
-moz-box-shadow:    2px 2px 9px 0px rgba(0, 0, 0, 0.22);
box-shadow:         2px 2px 9px 0px rgba(0, 0, 0, 0.22); }
.woocommerce ul.products li.product h3{ font-size: 20px !important; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700;}
.woocommerce ul.products li.product .price{ color: #000 !important; font-size: 14px; }
.woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt{ margin: 0px !important}

.single_variation{ line-height: 60px;}

#banner p{ margin: 0px; padding: 0px;}

.cycloneslider-template-standard{ margin: 0px !important; border-radius: 15px !important; overflow: hidden;  -webkit-box-shadow: 2px 2px 9px 0px rgba(0, 0, 0, 0.22);
-moz-box-shadow:    2px 2px 9px 0px rgba(0, 0, 0, 0.22);
box-shadow:         2px 2px 9px 0px rgba(0, 0, 0, 0.22); overflow: hidden;}
#moneyback{ clear:both; padding: 30px 0px; background: url(images/brownback.jpg); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.43); text-align: center; color: #FFF; font-size: 30px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; text-transform: uppercase;}
.site-footer{ background: #111; color: #FFF; text-align: center; font-size: 13px; line-height: 20px; padding: 15px;}
#footerOther{ padding: 30px 0px; }
#footerOther:after {
    content:'';
    display:block;
    clear: both;
}
.oneQuarter{ width: 27%; float: left; margin-right: 2%;}
.twoQuarters{ width: 40%; margin-right: 2%; float: left;}
.last{ margin-right: 0px; }

table{ margin-bottom: 20px; border-left: 1px solid #CCC; border-top: 1px solid #CCC;}
td{ padding: 10px; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC;}
li{ margin-bottom: 3px;}
.variations td{ padding: 2px;}

#menu-footerlinks{ margin: 0px; padding: 0px; }
#menu-footerlinks li{ list-style: none; margin: 0px;}
#menu-footerlinks li a{ display: block; text-decoration: none; font-size: 20px; border-radius:5px; font-weight: 700; line-height: 35px; font-family: 'Open Sans Condensed', sans-serif; }
#menu-footerlinks li a:hover{ background: #000; color: #FFF; text-indent: 10px}
.posted_in{ display: none;}
.woocommerce-result-count{ display: none;}

.term-vehicle-make .product-category img, .home .makes .product-category img{ display: none !important;}

.term-vehicle-make ul.products li.product h3, .home .makes ul.products li.product h3{ border: 1px solid #CCC; border-radius: 5px; padding-left: 15px; }
.term-vehicle-make ul.products li.product, .home .makes ul.products li.product{  margin: 0 3.8% 1em 0 !important; }
.term-vehicle-make ul.products li.last, .home .makes ul.products li.last{ margin-right: 0px !important; }
.term-vehicle-make ul.products li.product a, .home .makes ul.products li.product a{ display: block;  -webkit-transition: all 0.2s ease-in !important;
  transition: all 0.2s ease-in !important; font-weight: 500 !important;}
.term-vehicle-make ul.products li.product a:hover, .home .makes ul.products li.product a:hover, .term-vehicle-make ul.products li.product a:hover h3, .home .makes ul.products li.product a:hover h3{ background: #c30000 !important; color: #FFF !important;  }

.woocommerce-ordering{ display: none; }

#yith-ajaxsearchform{ margin-bottom: 30px !important; }

@media screen and (max-width:1200px) {
	.wrapper{ width: auto;}
	#site-navigation ul a{ padding: 0px 10px; }
#primary{ padding: 10px; }
#footerOther{ padding: 10px; }
img{ max-width: 100%; height: auto; }
#content{ padding: 0px; }
}
@media screen and (max-width:959px) {
	#site-navigation{ display: none; }
}
@media screen and (max-width:800px) {
.term-vehicle-make ul.products li.product, .home .makes ul.products li.product {  width: 100% !important; margin: 0px !important; margin-bottom: 5px !important;     }
.slogan{ display: none; }
#logo{ width: 100px; }
.oneQuarter{ width: auto; float: left; margin-right: 0; }
.twoQuarters{ width: auto; margin: 0; float: left;}
.mini-cart ul.mini-cart-list{ padding: 10px;      margin:10px 0 0 0;} 
.mini-cart ul.mini-cart-list li{ margin: 0px 0px 0px 5px }
}
@media screen and (max-width:600px) {
.phone{ font-size: 20px; }
#slogan{ margin-left: 0px; }
}

.home .makes ul.products li.product a:hover h2 {
	color: #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.woocommerce ul.products li.product .woocommerce-loop-category__title {
    letter-spacing: 0.5px;
    text-align: center;
}
.home .makes ul.products li.product {
    box-shadow: 0 2px 2px rgba(0,0,0,0.16), 0 2px 3px rgba(0,0,0,0.03);
    border: 1px solid #dadada;
}