/*!
Theme Name: Byler Rivet Supply
Theme URI: https://bylerrivet.com
Author: Byler Rivet
Author URI: https://bylerrivet.com
Description: A theme for WordPress focused on performance and sustainability.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bylerrivet
Tags:

Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Links
# Accessibility
# Alignments
# Clearings
# Content
	## Posts and pages
	## Comments
# Media
	## Captions
	## Galleries
# Site
	## Header
	## Content
# Custom Additions
	## Top
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements with `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1,h2,h3,h4,h5,h6 {
font:normal bold 1.4375em / 2em Arial, sans-serif;
margin: 0.67em 0;
}
/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	/*text-transform: none;*/
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: rgb(68, 68, 68);
	font-family: Arial, sans-serif;
	/* font-size: calc( 15px + 4 * (100vw / 1500)); */
	font-size: calc( 13px + 1.5 * (100vw / 1500)); 
	/*font-size:1em;*/
	line-height: 1.5em;
}



h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted inherit;
	cursor: help;
}

mark, ins, .highlight {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
	box-sizing: border-box;
}

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

body {
	background-color: #fffefc;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	color: #fff !important;
	font-size: 14px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}


/* chris additions */
background: #156398;
font-weight:600 !important;
border-bottom-color: #0E4470;
padding: 9px 14px 8px !important;
text-decoration: none !important;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.77);
text-transform: uppercase;



}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #444444;
	border: 1px solid #ccc;
	font-size: 13px;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"]{
	height: 36px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
	height: 36px;
}

textarea {
	width: 100%;
}


input[aria-required="true"],
textarea[aria-required="true"],
select[aria-required="true"]{
/*border: 1px solid #790000;*/
}
/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
	color:#156398;
	text-decoration: none;
	/* border-bottom: 0.0625em solid #2C82BB; */
}
a#back-link {
	padding: .3em .6em;
}
a:visited {
	color: #156398;
}
a:hover, a:focus, a:active {
	/*color: midnightblue;
	border-bottom-style: solid;
	border-bottom-color: inherit;*/
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: 0;
}

/* carousel navigation arrows */
button.slick-arrow i{
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.77);
}
/* carousel left right arrows */
a em.fa-chevron-left,
a em.fa-chevron-right {
background: #fff !important;
border-radius: 3px !important;
border:1px solid #DADADA !important;
box-shadow: none !important;
color: #444444 !important;
font-size: 14px !important;
padding: 0.625em !important;
text-decoration: none !important;
text-shadow: none !important;
}
a em.fa-chevron-left {
padding-right: .75em !important;
}
a em.fa-chevron-right {
padding-left: .75em !important;
}
.vc_images_carousel .vc_carousel-control {
position: absolute;
padding: 0;
top: 50%;
left: 0;
bottom: 0;
margin-top: -20px !important;
width: auto !important;
height: auto !important;
opacity: 1 !important;
font-size: auto !important;
text-align: auto !important;
-webkit-tap-highlight-color: none !important;
}
/* /carousel navigation arrows */
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.assistive-text,
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.assistive-text:focus,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.bottom-margin-0{
margin-bottom: 0 !important;
}

.mega-menu-float-left{
float:left;
margin-right: 1em !important;
margin-bottom: 1em !important;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/* pdf display in resources */
.document-gallery .descriptions.document-icon-row {
    display: inline-block !important;
    width: 23% !important;
}
/* /pdf display in resources */



/* home page popular products and tooling (tabs section) */
div.code-widget a.home-page-popular-product img{
display: block;
margin: 0 auto .75em auto !important;
max-width: 10em !important;
}
div.code-widget a.home-page-popular-product strong {
display: inline-block !important;
font-weight: 700;
margin: 0 auto 1em auto !important;
text-align: left;
text-transform: uppercase;
width: 56%;
}
div.code-widget a.home-page-popular-product span {
background: #2E8540 !important;
border-bottom-color: #1C700E !important;
color:#fff !important;
display: inline-block;
margin: 0 auto !important;
/* width: 4.375em; */
letter-spacing:1px;
float: right;
}
/* /home page popular products and tooling (tabs section) */

/* old home page popular products */
body.home div.woocommerce.columns-1 ul.products.columns-1 li.product{
margin:1em !important;
}
body.home div.woocommerce.columns-3 ul.products.columns-3 li.product{
border-right: 1px solid #dadada;
margin:0 !important;
width: 33.3333% !important;
}
body.home div.woocommerce.columns-3 ul.products.columns-3 li.product.last{
border-right: none !important;
}
body.home div.woocommerce.columns-1 ul.products.columns-1 li.product-category.product a img,
body.home div.woocommerce.columns-3 ul.products.columns-3 li.product-category.product a img{
max-width:10em !important;
margin:0 auto !important;
}
body.home div.woocommerce.columns-3 ul.products.columns-3 li.product-category.product a h2{
width: 65%;
text-align: center;
margin: 0 auto !important;
font-weight: 700;
text-transform: uppercase;
}
body.home div.woocommerce.columns-3 ul.products.columns-3 li.product-category.product a h2 mark.count{
display:none !important;
}
/* /old home page popular products */

/* home page products we stock */
#products-we-stock .products-we-stock-item .code-widget{
min-height:192px !important;
}

/* /home page products we stock */

/* home page featured brands carousel */
.widget-home-page-featured-brands-carousel{
margin: -12px -27px -13px -12px !important;
padding: 12px !important;
}
.widget-home-page-featured-brands-carousel .slick-initialized.slick-slider{
border: 1px solid #dadada !important;
padding: 15px !important;
}
.slick-prev.circle-bg.slick-arrow{
margin-left: 18px !important;
}
.slick-next.circle-bg.slick-arrow{
margin-right: 18px !important;
}
/* /home page featured brands carousel */







/* force smart sections to center if not stretching row content */
.gusta-section > .container {
   max-width: 1168px !important;
   margin: 0 auto !important;
   background:#fff;
}
/* /force smart sections to center if not stretching row content */
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Site
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
header#masthead { /* width set in "Max-Width of Header, Content and Footer" */
	display: block;
	/* align-items: center; only applies if display is flex */
	margin:0 auto;
	padding:0;
}

header#masthead h1, header#masthead p {
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	flex: 1;
	margin: 0;
}

header#masthead a {
	border-bottom: unset;
}

header#masthead > a {
	font-weight: bold;
}

header#masthead > a > svg {
	width: 1.8em;
	height: 1.8em;
}

.logo {
	flex: 0 0 2.4em;
	text-align: center;
	line-height: 0;
	margin-right: .5em;
}

.logo svg {
	width: 2.4em;
	height: 2.4em;
}

svg * {
	width: 100%;
	height: 100%;
}

.primary-navigation,
.primary-navigation-my-quote{
margin-bottom:0 !important;
}
.primary-navigation-my-quote{
/*border-bottom:2px solid #097244;*/
}

.primary-navigation-my-quote em.fa-shopping-cart{
color: #fff; 
font-size: 14px; 
margin-right: 6px; 
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.77);
}

/* next helps my quote mega to maintain right-alignment with button and layout */
.menu-nav-desktop-primary-container .cmm.cmm-theme-primary-navigation-my-quote li > .cmm-content-container .cmm-content-wrapper{
/* margin-left: 50% !important; */
}
/*--------------------------------------------------------------
## Content
--------------------------------------------------------------*/
#content { /* width set in "Max-Width of Header, Content and Footer" */
	margin: 0 auto;
	padding:0;
}

/* article a, nav a {
	background: rgb(252, 248, 243) none repeat scroll 0% 0%;
	border-bottom: 0.1em dotted;
	line-height: 1.6em;
} */

article > header > h1, article > header > h2 {
font:normal bold 1.25em / 2em Arial, sans-serif;
margin: 0.67em 0;
}
/* font for banner headings */
@font-face {
font-family: 'gabo_driveregular';
src: url('gabodrive-webfont.eot'); /* IE9 Compat Modes */
src: url('gabodrive-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('gabodrive-webfont.woff2') format('woff2'), /* Super Modern Browsers */
   url('gabodrive-webfont.woff') format('woff'), /* Pretty Modern Browsers */
   url('gabodrive-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
   url('gabodrive-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* /font for banner headings */
.banner-background-dark h1,
.banner-background-dark h2,
.banner-background-dark h2.h1,
.banner-background-dark h3,
.banner-background-dark p{
color:#fff !important;
/* font-family:gabo_driveregular,arial; */
font-family:"arial narrow",arial;
font-size:64px;
font-weight:600;
line-height:62px;
margin:0;
padding:0;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.77);
text-transform:uppercase;
}
.mobile-banner-background-dark strong.h1,
.mobile-banner-background-dark strong.h2,
.banner-background-dark h1,
.banner-background-dark h2.h1{
margin-bottom:12px;
}
.mobile-banner-background-dark strong.h1,
.banner-background-dark h1{
font-family:"gabo_driveregular","arial narrow",arial !important;
font-size:80px !important;
text-transform:uppercase;
font-weight:400 !important;
}
.mobile-banner-background-dark strong.h2,
.banner-background-dark h2,
.banner-background-dark h3{
color:#EEB836 !important /*#EDC437, #ECD236*/;
font-family:arial;
font-size:19px;
font-weight:900;
line-height:24px;
margin-bottom:12px;
margin-top:18px;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.77);
}
.mobile-banner-background-dark p,
.banner-background-dark p{
color:#fff !important;
font-family:arial;
font-size:17px;
font-weight:600;
line-height:22px;
margin-bottom:24px;
width: 61%;
}
@media screen and (min-width: 0px) and (max-width: 800px) {
/* give left border under 800px to home we stock */
.border-left-mobile{
border-left: 1px solid #dadada !important;
}
/* /give left border under 800px to home we stock */
/* home page hero mobile under 800px */
#main-content-mobile .mobile-banner-background-dark {
margin-top: 8px;
}
.mobile-banner-background-dark strong.h1 {
font-size: 52px !important;
text-transform:uppercase;
}
.mobile-banner-background-dark strong.h2{
font-size: 16px !important;
text-transform:uppercase;
}
.mobile-banner-background-dark p{
font-size: 16px;
width: 100%;
text-transform:uppercase;
}


body .vc_tta.vc_tta-tabs .vc_tta-tabs-container { display: block !important; }
body .vc_tta.vc_general .vc_tta-panel-heading { display: none !important; }
.wpb-js-composer .vc_tta.vc_general .vc_tta-tab {
width: 47% !important;
}
.tabs-custom .vc_tta-tab > a{
padding: 9px 17px 7px !important;
}
/* home page hero mobile under 800px */
}
.did-you-know-we-stock h2{
margin: 12px !important;
}

.entry-meta {
	color: rgb(179, 179, 179);
}

.entry-meta a {
	color: rgb(179, 179, 179);
}

.cat-links {
	display: flex;
	align-items: center;
}

.cat-links a:first-of-type {
	margin-left: .5em;
}

.cat-links a, .comments-link a, .edit-link a {
	padding: 0 .5em;
	margin: 0 .5em 0 0;
}

footer#colophon { /* width set in "Max-Width of Header, Content and Footer" */
	margin: 0 auto;
	text-align: center;
	padding: 0 1em;
	font-size: .875em;
}
/*--------------------------------------------------------------
# Custom Additions, Chris
--------------------------------------------------------------*/
.wpb_single_image .vc_single_image-wrapper {
border: 0 !important;
}
/*------------------------------
## Catalog Page Carousel
------------------------------*/
.carousel-request-catalog-page{
height:196px;
}
/*------------------------------
## Product Page Tabs
------------------------------*/

/* .wpb-js-composer .vc_tta.vc_tta-spacing-1 .vc_tta-tab */
.wpb-js-composer div#product-tabs .vc_tta.vc_tta-spacing-1 li.vc_tta-tab{
margin: 1px 0 0 0 !important;
width: 16.667%;
}
/*------------------------------
## Resource Page Tabs
------------------------------*/

body.page-id-18031 .wpb-js-composer .vc_tta.vc_tta-spacing-1.tabs-resources .vc_tta-tab,
body.page-id-18033 .wpb-js-composer .vc_tta.vc_tta-spacing-1.tabs-resources .vc_tta-tab,
body.page-id-18034 .wpb-js-composer .vc_tta.vc_tta-spacing-1.tabs-resources .vc_tta-tab,
body.page-id-18035 .wpb-js-composer .vc_tta.vc_tta-spacing-1.tabs-resources .vc_tta-tab,
body.page-id-18036 .wpb-js-composer .vc_tta.vc_tta-spacing-1.tabs-resources .vc_tta-tab,
body.page-id-18039 .wpb-js-composer .vc_tta.vc_tta-spacing-1.tabs-resources .vc_tta-tab,
body.page-id-18040 .wpb-js-composer .vc_tta.vc_tta-spacing-1.tabs-resources .vc_tta-tab,
body.page-id-18041 .wpb-js-composer .vc_tta.vc_tta-spacing-1.tabs-resources .vc_tta-tab,
body.page-id-25198 .wpb-js-composer .vc_tta.vc_tta-spacing-1.tabs-resources .vc_tta-tab,
body.page-id-25229 .wpb-js-composer .vc_tta.vc_tta-spacing-1.tabs-resources .vc_tta-tab{
margin: 1px 0 0 0 !important;
width: auto !important;
}
/*------------------------------
## Product Categories
------------------------------*/
/* product category grid */
div.woocommerce.columns-3 ul.products.columns-3{

}
div.woocommerce.columns-3 ul.products.columns-3 li.product-category.product,
.post-listing-container{
border-radius: 3px !important;
box-shadow: 0 0 .25em .25em #cfcfcf !important;
display: block !important;
float: left !important;
margin: 0 3.5% 24px 0 !important;
padding: 0 !important;
position: relative !important;
text-align: center !important;
/*width: 94% !important;*/
}
.size-1of3 .post-listing-container,
.size-1of1 .post-listing-container{
width:100% !important;
}
div.woocommerce.columns-3 ul.products.columns-3 li.product-category.product.first{
clear: left !important;
}
div.woocommerce.columns-3 ul.products.columns-3 li.product-category.product.last{
margin-right:0 !important;
}
div.woocommerce.columns-3 ul.products.columns-3 li.product-category.product a,
div.woocommerce.columns-3 ul.products.columns-3 li.product-category.product a:hover,
div.woocommerce.columns-3 ul.products.columns-3 li.product-category.product a:active,
div.woocommerce.columns-3 ul.products.columns-3 li.product-category.product a:focus,{
outline:0 !important;
text-decoration:none !important;
}
div.dtwpb-woocommerce-products.products-columns-3.products-columns-tablet-2.products-columns-mobile-1 div.woocommerce.columns-3 ul.products.columns-3 li.product-category.product a img,
.woocommerce ul.products li.product a img,
div.woocommerce.columns-3 ul.products.columns-3 li.product-category.product a img,
.post-listing-container a img{
width:auto !important;
height:202px;
margin:1em auto;
}
div.woocommerce.columns-3 ul.products.columns-3 li.product-category.product a h2{
text-align: center !important;
background: #e7f0f7 !important;
border-bottom: 1px solid #cfcfcf !important;
border-top: 1px solid #cfcfcf !important;
}
div.woocommerce.columns-3 ul.products.columns-3 li.product-category.product a h2 mark{
display:none;
}





.post-listing-container h2{
background: #e7f0f7 !important;
border-bottom: 1px solid #cfcfcf !important;
border-top: 1px solid #cfcfcf !important;
font-size: 13.9167px;
height:72px;
padding: .5em 0 !important;
font-weight: 600;
text-align: center !important;
width: 100% !important;
}

.post-listing-container #desktop-final-category-listing-product-row h2,
.post-listing-container #mobile-final-category-listing-product-row h2{
background: none !important;
border-bottom: none !important;
border-top: none !important;
font-size: 13.9167px;
padding: .5em 0 !important;
font-weight: 600;
text-align: left !important;
width: auto !important;
}

.post-listing-container a.product-category-view-button{
margin:1em 0 !important;
}
.post-listing-container a img{
text-align:center;
margin:.125em auto !important;
}


.post-listing-container #desktop-final-category-listing-product-row a img{
width: auto !important;
height: auto !important;
}

.card-29574,
.gusta-post-listing{
margin-top:32px !important;
}
/* /product category grid */

/* product category row */
.final-category-listing-product-row .wpb_column.vc_column_container.vc_col-sm-2{
width: 14.66666667%;
}
.final-category-listing-product-row .wpb_column.vc_column_container.vc_col-sm-7{
width: 65.33333333% !important;
}
.final-category-listing-product-row .wpb_column.vc_column_container.vc_col-sm-3{
width: 19% !important;
}
#mobile-final-category-listing-product-row .wpb_column.vc_column_container.vc_col-sm-3.vc_hidden-lg.vc_hidden-md.vc_col-xs-4{
width:33.33333333% !important;
}
#mobile-final-category-listing-product-row .wpb_column.vc_column_container.vc_col-sm-9.vc_hidden-lg.vc_hidden-md.vc_col-xs-8 h2{
line-height:132.5%;
}
#mobile-final-category-listing-product-row.vc_row.wpb_row.vc_row-fluid.final-category-listing-product-row .cta-button a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
margin: 0 12px 10px 12px !important;
}


#mobile-final-category-listing-product-row.vc_row.wpb_row.vc_row-fluid.final-category-listing-product-row{
border-radius: 3px !important;
/* box-shadow: 0 .25em 1em .0625em #cfcfcf !important; */
}

.gusta-read-more-button {
    line-height: auto !important;
}

.gusta-icon-link{
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.77) !important;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.77) !important;
height: auto !important;
padding:8px 14px 7px !important;
border-radius: 3px !important;
}

.gusta-icon-link span {
/* /wp-content/plugins/visucom-smart-sections/assets/css/style.css */
display: inline-block;
padding: 0 !important;
}
/* /product category row */

#desktop-final-category-listing-product-row,
#mobile-final-category-listing-product-row{
border:1px solid #cfcfcf !important;
}


.final-category-listing-product-row{
border-radius: 3px !important;
/* box-shadow: 0 0 .25em .25em #cfcfcf !important; */
}








/*------------------------------
## PDF Resources Toggles
------------------------------*/
div.vc_toggle_content{
background: #fff !important;
padding-top:12px;
}
.document-gallery .document-icon a {
font-size: 14px !important;
line-height: 16px !important;
}
.document-icon-thumbnail-image{
height:104px;
}
/*------------------------------
## Tool Department Menu
------------------------------*/
#gusta-mega-menu-29021{
top: 54px !important;
left: 398px !important;
border: 2px solid #41A4E7;
background: #fff !important;
width: 181px !important /* Match width of main tool department link width */;
}
#menu-nav-desktop-main-nav-tool-department li a{
margin:0;
padding: 7px 9px !important;
color: #2d82bb !important;
border-bottom:1px solid #e3e3e3 !important;
background: #ebebeb;
font-weight:600;
}
#menu-nav-desktop-main-nav-tool-department li a:hover{
background: #DCDCDC;
}
#menu-nav-desktop-main-nav-tool-department li a:active,
#menu-nav-desktop-main-nav-tool-department li a:focus{
background: #fff;
}
/*------------------------------
## Generic
------------------------------*/
.align-right,
.ssl-etc{
text-align:right;
}
.copyright,
.ssl-etc{
color:#fff !important;
font-size: .875em;
line-height: 1.375em;
text-decoration: none !important;
}
.wpb_widgetised_column .textwidget p{
margin:0 !important;
}
a[title="Tap or click to visit our home page"] em{ /* size and position for home icon in primary navigation */
font-size: 1.75em !important;
/*vertical-align: -.1875em !important;*/
vertical-align: middle;
}
#mobile-note-confirm{
background: #D1EBC5 !important;
color:#343434;
text-align:center;
}
#mobile-note-confirm p{
margin-bottom:1em;
}
.ssl,
.mobile-confirm{
background: #108355 /* lighter values: #158C5F, #189165, #229E74, #5CA43C */;
border-bottom: 3px solid #2E8540;
border-radius: 3px;
color: #fff;
font-size: 120%;
font-weight: 600;
letter-spacing: 1px;
margin-left: .5em;
padding: 6px 10px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.77);
vertical-align: -0.125em;
}
.mobile-confirm{
margin:1em 0 0;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.77);
vertical-align:middle;
}
.ssl a,
.mobile-confirm a{
background:#108355 /* lighter values: #158C5F, #189165, #229E74, #5CA43C */ !important;
color: #fff !important;
text-decoration:none !important;
}
abbr[title]{
border-bottom: none !important;
text-decoration: none !important;
}
.no-decoration,
.no-decoration a{
text-decoration:none;
}
.highlight-white{
color: #fff;
font-size:1.625em;
font-weight: 600;
line-height: 125%;
}
.readability {
max-width: 45em !important;
}
/*--------------------------------------------------------------
## Top
--------------------------------------------------------------*/
#top{
height:32px;
background: rgb(97,97,97);
background: linear-gradient(180deg, rgba(97,97,97,1) 0%, rgba(67,67,67,1) 82.5%);
margin:0;
padding:0;
}
@media screen and (min-width: 0px) and (max-width: 800px) {
#top{
display:none;
}
}
/*------------------------------
## Top Right Desktop, Mobile
------------------------------*/
.ui-top-mobile{
border-bottom:.125em solid #59A80A;
}
.ui-background-gradient-green{ /* used for mobile SSL notice */
background-color:#77AD24;
background-image:linear-gradient(#82C91E, #77AD24);
}
.ui-top-mobile .wpb_text_column p:last-child,
.ui-top-left .wpb_text_column p:last-child{
margin: 0;
}
/*------------------------------
## Top Left, Right - Desktop, Mobile
------------------------------*/

.ui-background-gradient-gray{
background-color:#23282D/*#434343*/;
background-image:linear-gradient(#31363B, #23282D);
border-bottom:.125em solid #1B2024;
}
.ui-top-left{
}
.ui-top-left-content,
.ui-top-left-content .wpb_content_element{
margin:0 !important;
padding:0 !important;
}


.ui-top-right{
}
.ui-top-right-content{
margin:0 !important;
padding:0 !important;
}
@media screen and (max-device-width: 800px) {
.ui-top-right{
text-align: center; /* top right menu (about link, etc) */
}
}
@media (max-width: 800px) {
.ui-top-right{
text-align: center; /* top right menu (about link, etc) */
}
}
.menu-nav-desktop-top-right-container{
margin:.3125em 0 0 0;
}
#menu-nav-desktop-top-right {
float: right !important;
font-size: 90%;
list-style-type: none;
margin:.125em 0 0 0;
overflow: hidden;
padding: 0;
}
#menu-nav-desktop-top-right li {
display: inline;
margin: 0 .375em;
padding: 0 0 0 1em;
}
#menu-nav-desktop-top-right li:not(:first-child){
border-left:1px solid rgba(255,255,255,0.25);
}
#menu-nav-desktop-top-right li:nth-child(5n){
/*border-left:none;*/
}
#menu-nav-desktop-top-right li a{
color:#fff;
font-weight:600;
text-decoration:none;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.77) !important;
}
#menu-nav-desktop-top-right li a:active,
#menu-nav-desktop-top-right li a:focus,
#menu-nav-desktop-top-right li a:hover{
color:#fff
text-decoration:underline;
}
/*------------------------------
## Logo section
------------------------------*/
#branding-widgets{
margin:0;
padding:0;
background: #fff;
}
#branding-widgets .vc_column_container .vc_column-inner{
padding-top: 15px;
}
#branding-widgets .vc_column_container .vc_column-inner .wpb_wrapper .wpb_content_element{
margin-bottom: 15px !important;
}


#branding-widgets .vc_column_container .vc_column-inner .wpb_wrapper .wpb_content_element.bottom-margin-0{
/*margin-bottom: 0 !important;*/
}

#branding-widgets .top-padding-0.vc_column_container .vc_column-inner{
padding-top: 0 !important;
}









.ui-logo .vc_column-inner{
padding-left: 0 !important;
}
/*------------------------------
## Primary Navigation (mega menu)
------------------------------*/
.navigation-dummy,
#navigation{
/* border-bottom:.1875em solid #2C82BB; */
background:#156398;
height:57px !important;
}
/* below is only necessary if I need a row physically above the nav row (named navigation-dummy) 
to force a full-width nav row due to issue with mega menu when in a nnested row */
#navigation{
/*margin-top: -57px !important;*/
}
#navigation-products-container .vc_tta-tabs-container,
#navigation-brands-container .vc_tta-tabs-container,
#navigation-services-container .vc_tta-tabs-container {
width: 18% !important;
min-width:209px;
}
#navigation-products-container .vc_tta-panels-container,
#navigation-brands-container .vc_tta-panels-container,
#navigation-services-container .vc_tta-panels-container {
width: 82% !important;
}


.menu-nav-desktop-primary-container .cmm.cmm-theme-548 li ul li{

}


#navigation-products-container{
/* margin-left: 0 !important;
margin-right: 0 !important; */
}

#menu-nav-desktop-primary li{
display: inline-block;
}

#menu-nav-desktop-primary a{
text-decoration:none;
}

/* text shadows for main nav bar's main links */
.menu-nav-desktop-primary-container .cmm > li > a,
.menu-nav-desktop-primary-container .cmm > li > .cmm-nav-link{
text-shadow: 1px 1px 1px rgba(36, 99, 143, 0.77) !important;
}
/* /text shadows for main nav bar's main links */


.menu-nav-desktop-primary-container .cmm.cmm-theme-548 li.menu-item-has-children > a::after, .menu-nav-desktop-primary-container .cmm.cmm-theme-548 li.menu-item-has-children > .cmm-nav-link::after {
/* display: none !important; */ /* don't show arrow icon on main navigation items that have children */
}



.cmm-content-wrapper {
padding: 0 !important;
}
.menu-nav-desktop-primary-container .cmm.cmm-theme-548 li > .cmm-content-container .cmm-content-wrapper,
.menu-nav-desktop-primary-container .cmm.cmm-theme-primary-navigation-my-quote li > .cmm-content-container .cmm-content-wrapper{
border-color: #2C82BB !important;
border-radius: 0 !important;
border-top-width: 0 !important;
border-right-width: 2px !important;
border-bottom-width: 2px !important;
border-left-width: 2px !important;
box-shadow: none !important;
margin-bottom: 0 !important;
padding: 0 !important;
}
.menu-nav-desktop-primary-container .cmm.cmm-theme-primary-navigation-my-quote li > .cmm-content-container .cmm-content-wrapper{
border-color: #097244 !important;
}




a.phone-header {
color: #2E8540 !important;
font-size: 134% !important;
font-weight: 700 !important;
float:right;
}
a.phone-header em,
li.facebook a em,
li.twitter a em,
li.youtube a em,
a.map-marker em,
li.map-marker a em{
background: #2E8540 !important;
border-radius: 20px;
box-shadow: 1px 1px 2px 0px rgba(0,0,0,.77) !important;
color: #fff !important;
margin-right: 4px;
padding: 0.25em 0.4375em 0.25em 0.375em !important;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.52) !important;
}
li.facebook a em{
background: #3A589B !important;
padding:0.375em 0.5em 0.25em 0.5em !important;
}
li.twitter a em{
background: #598DCA !important;
}
li.youtube a em{
background: #CF3427 !important;
}
#menu-nav-all-footer-social-icons{
list-style-type: none;
}
a.map-marker,
li.map-marker a em,
#menu-nav-all-footer-social-icons li,
#menu-nav-all-footer-map-marker-address li{
display: inline;
margin: 0 .5em 0 0;
padding: 0;
font-size: 18px;
}
li.map-marker a em{
padding:0.375em 0.5em 0.25em 0.5em !important;
margin-right:0 !important;
}
#menu-nav-all-footer-map-marker-address li.address{
font-size:13.9167px !important;
}


.my-quote-container{
background:#fff;
box-shadow:0 0 10px 0px #ccc;
padding:.375em;
}
a.my-quote{
background: #fff;
border:1px solid #dadada;
color: #444;
display: block !important;
font-size: 14px;
height: 32px;
margin:0;
padding: 4px 16px;
text-align: center !important;
/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.77) !important;
text-transform: uppercase;*/
}
a.my-quote:active,
a.my-quote:focus,
a.my-quote:hover{
background:#f0f0f0 !important;
}

a.my-quote em{
color:#156398;
padding-right: 5px;
}
a.my-quote .item-count{
font-weight: 600;
padding:0 4px 0 3px;
}


#menu-nav-desktop-primary .vc_tta.vc_general .vc_tta-tab > a {
padding: 5px 10px !important;
}


#menu-nav-desktop-primary .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a:hover {
background-color: #108355 /* lighter values: #158C5F, #189165, #229E74, #5CA43C */ !important;
color:#fff !important;
}






#menu-nav-desktop-primary .vc_tta.vc_general .vc_tta-tab.vc_active > a {
font-weight:600 !important;
}
#menu-nav-desktop-primary .vc_tta.vc_general .vc_tta-tab.vc_active > a:hover {
background:#fff !important;
color: #666 !important;
font-weight:600 !important;
}




#menu-nav-desktop-primary .mega-menu-category-product-thumbnails-container,
#menu-nav-desktop-primary .mega-menu-category-brand-thumbnails-container{
padding:0 !important;
margin:0 0 12px !important;
}
#menu-nav-desktop-primary .mega-menu-category-product-thumbnails,
#menu-nav-desktop-primary .mega-menu-category-brand-thumbnails{
margin:0 0 12px !important;
}


.menu-nav-desktop-primary-container .cmm.cmm-theme-548 li ul li {
    border: 0;
    width: auto !important;
}

.navigation-products-tabs .vc_tta-tabs-container,
.navigation-brands-tabs .vc_tta-tabs-container{
background: #E3E3E3;
}

.navigation-products-tabs-items,
.navigation-brands-tabs-items{
margin-top:-.125em !important;
}

.navigation-products-tabs-items .vc_col-sm-3,
.navigation-brands-tabs-items .vc_col-sm-3{
/* on regular and large screens allows one-fourth boxes in navigation to wrap inline ... works from showing 3 to 6 items per line which helps avoid scrolling */
width: 25%;
min-width: 192px !important;
max-width: 240px !important; 
}






@media screen and (min-width: 800px) and (max-width: 10000px) {
.navigation-products-tabs-items .vc_col-sm-3,
.navigation-brands-tabs-items .vc_col-sm-3{
/*width: 25%;
min-width: 25% !important;
max-width: 25% !important; */
}
}




.navigation-products-tabs-item,
.navigation-brands-tabs-item{
margin-bottom:0 !important;
}
.navigation-products-tabs-item .wpb_wrapper p,
.navigation-brands-tabs-item .wpb_wrapper p{
height:100%;
padding:0;
text-align:center;
width:100%;
}
.navigation-products-tabs-item .wpb_wrapper p a,
.navigation-brands-tabs-item .wpb_wrapper p a{
/*height:19.3125em !important;*/
overflow:hidden;
padding-top:.375em;
text-decoration:none !important;
width:100% !important;
}
.navigation-products-tabs-item .wpb_wrapper p a:hover,
.navigation-products-tabs-item .wpb_wrapper p a:focus,
.navigation-brands-tabs-item .wpb_wrapper p a:hover,
.navigation-brands-tabs-item .wpb_wrapper p a:focus{
color:#108355 /* lighter values: #158C5F, #189165, #229E74, #5CA43C */ !important;
}
.navigation-products-tabs-item .wpb_wrapper p a img,
.navigation-brands-tabs-item .wpb_wrapper p a img{
border:.1875em solid #E3E3E3;
margin:0 auto;
max-height:11em !important;
max-width:11em !important;
}
.navigation-products-tabs-item .wpb_wrapper p a:hover img,
.navigation-products-tabs-item .wpb_wrapper p a:focus img,
.navigation-brands-tabs-item .wpb_wrapper p a:hover img,
.navigation-brands-tabs-item .wpb_wrapper p a:focus img{
-moz-box-shadow: 0 0 .25em .0625em rgba(68, 68, 68, 0.43);
-webkit-box-shadow: 0 0 .25em .0625em rgba(68, 68, 68, 0.43);
border-color:#64BCF5;
box-shadow: 0 0 .25em .0625em rgba(68, 68, 68, 0.43);
margin:0 auto;
max-height:11em !important;
max-width:11em !important;
}
.navigation-products-tabs-item .wpb_wrapper p a strong,
.navigation-brands-tabs-item .wpb_wrapper p a strong{
font-weight:400;
magin-bottom:.25em;
position:relative;
top:0;
font-size:13px !important;
}
/* mega menu brands thumbnails */
div.wpb_widgetised_column.wpb_content_element.navigation-products-tabs-item div.wpb_wrapper div.textwidget.custom-html-widget figure.wpb_wrapper.vc_figure a.vc_single_image-wrapper{
border: 2px solid transparent !important;
display:block;
text-align: center !important;
}
div.wpb_widgetised_column.wpb_content_element.navigation-products-tabs-item div.wpb_wrapper div.textwidget.custom-html-widget figure.wpb_wrapper.vc_figure a.vc_single_image-wrapper:hover,
div.wpb_widgetised_column.wpb_content_element.navigation-products-tabs-item div.wpb_wrapper div.textwidget.custom-html-widget figure.wpb_wrapper.vc_figure a.vc_single_image-wrapper:focus{
-moz-box-shadow: 0 0 .25em .0625em rgba(68, 68, 68, 0.43) !important;
-webkit-box-shadow: 0 0 .25em .0625em rgba(68, 68, 68, 0.43) !important;
border: 2px solid #64BCF5 !important;
box-shadow: 0 0 .25em .0625em rgba(68, 68, 68, 0.43) !important;
}
/* /mega menu brands thumbnails */

/* remove bottom margin of mega menus */
div.vc_column-inner.vc_custom_1572076143491 div.wpb_wrapper div.vc_tta-container,
div.vc_column-inner.vc_custom_1568724834359 div.wpb_wrapper div.vc_tta-container,
div.vc_column-inner.vc_custom_1572086962947 div.wpb_wrapper div.vc_tta-container{
    margin-bottom: 0 !important;
}
/* /remove bottom margin of mega menus */

.menu-nav-desktop-primary-container .cmm.cmm-theme-548 li > .cmm-content-container {
z-index: 999999999 !important;
}

/* when a mega menu's left link content has a right sidebar */
.has-content-right{
height: 100% !important;
}
.has-content-right .vc_tta-panel-body{
display: contents !important;
height: 100% !important;
}
.has-content-right .navigation-brands-tabs-items{
display: flex !important;
height: 100% !important;
}

/*------------------------------
## Primary Navigation (mega menu)
------------------------------*/
.ui-navigation-cart{
max-height:320px !important;
padding: 15px !important;
overflow:auto;
}
/* images in navigation menu's cart */



/* .ui-navigation-cart .cart_item td.product-thumbnail a img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail */

div.ui-navigation-cart.wpb_column.vc_column_container.vc_col-sm-12 div.vc_column-inner.vc_custom_1576259234029 
div.wpb_wrapper 
div.woocommerce 
form.woocommerce-cart-form 
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents 
tbody 
tr.woocommerce-cart-form__cart-item.cart_item 
td.product-thumbnail 
a 
img.woocommerce-placeholder.wp-post-image{
height:64px !important;
width:64px !important;
}

#mini-cart-header,
#mini-cart-help{
margin-left:0px !important;
margin-right:0px !important;
}
#mini-cart-header a,
#mini-cart-help a{
display:inline !important;
}

#mini-cart-header .mini-cart-general-content,
#mini-cart-help .mini-cart-general-content{
margin-bottom:14px !important;
}

#mini-cart-contents{
margin-left:15px !important;
margin-right:15px !important;
border-top:1px solid #DADADA;
border-bottom:1px solid #DADADA;
}

#mini-cart-contents .product-price,
#mini-cart-contents .product-subtotal,
#mini-cart-contents .cart-collaterals{
display:none!important;
}

#mini-cart-contents .product-remove{
width:5%;
max-width:36px
}
#mini-cart-contents .product-thumbnail{
width:13%;
max-width:96px
}
#mini-cart-contents .product-name{
width:62%;
max-width:432px
}
#mini-cart-contents .product-quantity{
width:17%;
max-width:128px
}












#mini-cart-contents div.woocommerce form.woocommerce-cart-form .product-quantity div.quantity input[type=number],
#mini-cart-contents input[type=number],
#mini-cart-contents input[type=number]::-webkit-inner-spin-button, 
#mini-cart-contents input[type=number]::-webkit-outer-spin-button { 
-webkit-appearance: none; 
border: none !important;
color: rgb(68,68,68) !important;
margin: 0 !important; 
width: 100px !important;
}

#mini-cart-contents .product-thumbnail a img{
max-width: 64px !important;
max-height: 64px !important;
}
#mini-cart-contents .product-remove a.remove em.fa-times {
background: #fff !important;
border-radius: 3px !important;
border: 1px solid #DADADA !important;
box-shadow: none !important;
color: #E74C3C !important;
font-size: 14px !important;
padding: 0.625em !important;
text-decoration: none !important;
text-shadow: none !important;
}

.ui-navigation-cart{
margin-left: 0 !important;
padding-left: 0 !important;
margin-right: 0 !important;
padding-right: 15px !important;
}
.ui-navigation-cart .vc_column-inner{
padding-left:0 !important;
}
/* brands mega menu */
div.vc_row.wpb_row.vc_inner.vc_row-fluid.navigation-brands-tabs-items.vc_custom_1598930902411.vc_row-has-fill.vc_row-o-equal-height.vc_row-o-content-top.vc_row-flex div.wpb_column.vc_column_container.vc_col-sm-1/5 div.vc_column-inner{
padding-top: 0px !important;
}
/* /brands mega menu */
/*------------------------------
## Homepage
------------------------------*/
.banner-background-dark {
margin: 0 -8px 0 0;
padding: 48px 32px 80px;
}


a.home-page-we-stock strong{
color:#222 !important;
display: block;
text-align: center !important;
}
a.home-page-we-stock img{
border: .2em solid transparent;
display: block;
margin: 0 auto 1em auto;
max-width: 10em !important;
}

a.home-page-we-stock:active strong,
a.home-page-we-stock:focus strong,
a.home-page-we-stock:hover strong{
color: #6fcc44 !important;
}

a.home-page-we-stock:active img,
a.home-page-we-stock:focus img,
a.home-page-we-stock:hover img{
border: .2em solid #41a4e7;
box-shadow: 0 0 4px 1px #4c4c4c;
}

/* homepage banner mobile adjustments */

@media screen and (max-device-width: 800px) {
.vc_custom_1577174261291 {
padding-top: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}
.vc_custom_1577174125957 {
padding-left: 20px !important;
}
.vc_custom_1576104986593 {
padding-bottom: 22px !important;
}
.banner-background-dark {
margin-left: 0px !important;
}
}

@media (max-width: 800px) {
.vc_custom_1577174261291 {
padding-top: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}
.vc_custom_1577174125957 {
padding-left: 20px !important;
}
.vc_custom_1576104986593 {
padding-bottom: 22px !important;
}
.banner-background-dark {
margin-left: 0px !important;
}
}
/* /homepage banner mobile adjustments */

/*------------------------------
## CTA buttons
------------------------------*/
.cta-button,
.cta-button a.added_to_cart.wc-forward,
.cta-button a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
div#related-products.related-products-list div.wpb_wrapper section.related.products ul.products.columns-4 li.product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"],
.woocommerce input.button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order{
background: #525252 !important; /* default dark gray, other colors below */
/* border-radius: 3px; */
border:0 none !important;
border-bottom-color:#777 !important;
border-bottom-width:1px !important;
border-bottom-style:solid !important;
/*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.77) !important;*/
color:#fff !important;
font-size: 14px !important;
font-weight: 600 !important;
margin:16px 10px 16px 0px !important;
padding: 9px 14px 8px !important;
text-decoration: none !important;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.77) !important;
text-transform: uppercase !important;
}
a.cta-button.last{ /* last one in a row, must have class="last" */
margin-right:0;
}
a.cta-button.blue,
.cta-button.blue,
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"]{
background: #156398 !important;
border-bottom-color:#0E4470 !important;
}
a.cta-button.green,
.cta-button.green,
.cta-button.green a.added_to_cart.wc-forward,
.cta-button a.added_to_cart.wc-forward,
.woocommerce input.button,
.woocommerce button.button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order{
background:#2E8540 !important/* lighter values: #158C5F, #189165, #229E74, #5CA43C */;
border-bottom-color:#1C700E !important;
color:#fff !important;
}
.cta-button.green a.added_to_cart.wc-forward,
a.added_to_cart.wc-forward{
padding: 9px 14px 8px !important;
}

a.cta-button.red,
.cta-button.red{
background: #E74C3C/*#E24A2F*/;
border-bottom-color:#EB7053;
}
p.home-page-videos-link{
float: right;
height: 26px;
margin:-10px 0 0 0 !important;
padding: 0 !important;
}
a.cta-button.black-skewed,
.cta-button.black-skewed{
background: #222;
display: block;
margin: -21px 0 0 0 !important;
padding: 12px 14px 11px !important;
}
a.cta-button.black-skewed em{
border-radius: 50%;
color: #fff !important;
float: right;
font-size: 170%;
margin: -2px 0px 0px 11px !important;
}

a span.view-category-button{
display:inline-block;
margin: 1.125em 0;
}


p.cta-button,
p.cta-button.green,
p.green{
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

p.cta-button a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
background:#2E8540 !important;
border-bottom-color:#1C700E !important;
}
a.cta-button.green{
background:#2E8540 !important;
}

p.gusta-add-to-cart.cta-button{
margin:0 !important;
}
p.gusta-add-to-cart.cta-button a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
margin:0 0 .5em 0 !important;
}
div.product-add-to-cart.ss-element.product.gusta-add-to-cart form.cart div.quantity input.input-text.qty.text::before{
content:"Qty: ";
font-weight:600;
}
div.product-add-to-cart.ss-element.product.gusta-add-to-cart form.cart div.quantity input.input-text.qty.text{
width: 64px;
height: 31px;
margin-top: 0;
}
span.sw-acf-field-label{
color:#444 !important;
font-weight:600;
}
div.product-mfr-part-number,
div.product-sku.gusta-product-sku.ss-element.product-sku{
color: #2d82bb;
}
div.product-sku.gusta-product-sku.ss-element.product-sku::before {
content:"Byler Rivet Part # ";
font-weight:600;
color:#444 !important;
}
div.product-mfr-brand-logo{
margin-bottom: 12px;
}
div.product-mfr-brand-logo span.sw-acf-field-label{
margin: 4px 4px 0 0;
display: block;
float: left;
}
button.single_add_to_cart_button.button.alt{
background:#2E8540 !important;
border-bottom-color:#1C700E !important;
text-shadow:rgba(0, 0, 0, 0.77) 1px 1px 1px !important;
text-transform: uppercase !important;
}
div.woocommerce-product-gallery__image a img {
background:#fff !important;
border: 1px solid #e7e7e7 !important;
box-shadow: 0 0 10px 0 #ccc !important;
margin-bottom: 1em !important;
text-decoration:none !important;
padding:16px !important;
}
.woocommerce div.product div.images img {
width: initial !important;
}
.wpb-js-composer .vc_tta.vc_tta-o-no-fill.vc_tta-tabs-position-top .vc_tta-panel-body {
padding-left: 16px !important;
padding-right: 16px !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab > a {
font-size: 15px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active > a {
background-color: #156398 !important;
color: #fff !important;
text-shadow: 0 1px 1px #24638f !important;
}
#product-tabs .vc_tta-tabs-container .vc_tta-tabs-list{
border-bottom: 2px solid #156398 !important;
}
#product-additional-information table,
.product-additional-information table{
border:1px solid #DADADA !important;
}
h2.woocommerce-Reviews-title{
color: #2d82bb;
}
div#related-products.related-products-list div.wpb_wrapper section.related.products ul.products.columns-4 li.product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
width: 100%;
text-align: center;
background:#2E8540 !important;
border-bottom-color:#1C700E !important;
}
.woocommerce div.product form.cart {
margin-bottom: 1em !important;
}
img.icon-product-questions{
float: none;
display: inline-block;
margin-bottom: -1em;
margin-right: .375em;
}
p#breadcrumbs a {
/*display: inline-block;*/
padding: 0 0.4375em;
color: #676767;
font-weight: normal;
text-decoration: underline;
}
p#breadcrumbs a:first-of-type {
padding-left: 0;
}
section.related.products ul.products.columns-4 li {
background: #fff !important;
border: 1px solid #dadada;
height:400px;
padding:16px;
box-shadow: 0 0 5px 0px #ADADAD;
}
section.related.products ul.products.columns-4 li a h2 {
height: 86px;
text-align:center;
}
.final-category-listing-product-row .post-listing-container h2{
background: #fff !important;
border: 0 !important;
font-weight: 600;
height:36px;
text-align: left !important;
width: auto !important;
}
.gform_wrapper h2{
font-weight:600 !important;
}
.wpb-js-composer .vc_tta.vc_tta-spacing-1 .vc_tta-tab {
margin: 1px 0 0 0 !important;
border-right: 2px solid #fff !important;
}
/* homepage popular tabs */
body.home .wpb-js-composer .vc_tta.vc_tta-spacing-1 .vc_tta-tab{
width: 19.667% !important;
}
/* /homepage popular tabs */
.wpb-js-composer .vc_tta.vc_tta-spacing-1 .vc_tta-tab:last-of-type {
border-right: 0!important;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-tab > a {
padding: 2px 0px !important;
}
div.product-description.ss-element.gusta-product-description ul{
list-style: disc !important;
margin: 0 0 1em 0 !important;
padding: 0 0 0 4em !important;
}

div.product-description.ss-element.gusta-product-description ul li::before{
content: '\2022' !important;
display: block !important;
position: relative !important;
max-width: 0 !important;
max-height: 0 !important;
left: -1em !important;
color: #2d82bb !important;
font-size: 2em !important;
}
.woocommerce table.shop_attributes th {
width: 50% !important;
text-align: left !important;
}
span.gusta-no-reviews{
margin-right: 8px !important;
}
.gusta-no-reviews em{
color: #EFB932 !important;
margin-right: 3px !important;
}
.post-listing-container .final-category-listing-product-row a img {
width: auto !important;
height: auto !important;
margin: 1em auto;
}
.post-listing-container .final-category-listing-product-row h2 {
background: #fff !important;
border: 0 none !important;
padding: .5em 0 !important;
text-align: left !important;
min-height: 36px !important;
height: auto !important;
max-height: 72px !important;
}

.add-to-cart.ss-element.product.gusta-add-to-cart.show-show.ani-fade{
width:100% !important;
}

.woocommerce a.button{
padding: 8px 12px !important;
width: 100% !important;
font-weight: 700;
border-radius: 3px;
color: #fff !important;
background-color: #2E8540 !important;
box-shadow: none;
text-shadow: rgba(0, 0, 0, 0.77) 1px 1px 1px;
text-transform: uppercase !important;
}

.gusta-read-more-button {
padding: 9px 14px 8px !important;
font-weight: 700;
border-radius: 3px;
color: #fff !important;
text-transform: uppercase !important;
}
p.category-grid-display-excerpt{
height:112px;
text-align: center !important;
}
h2.product-category-name.ss-element.gusta-post-title.show-show.ani-fade.linked{
position:relative;
}
h2.product-category-name.ss-element.gusta-post-title.show-show.ani-fade.linked a{
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
width:95%;
}
body.page-id-7 div.woocommerce div.woocommerce-order section.woocommerce-order-details table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot{
display:none !important;
}
.product-display-100-percent .woocommerce ul.products.columns-3 li.product{
width:100% !important;
}
/* popular fastening products on /products/, and tool related cats on repair page */
#popular-fastening-products div.woocommerce.columns-3 ul.products.columns-3 li.product,
#tool-repair-spare-parts div.woocommerce.columns-3 ul.products.columns-3 li.product{
background: #fff !important;
border: 1px solid #dadada;
height: 400px;
padding: 16px;
box-shadow: 0 0 5px 0px #ADADAD;
}
#tool-repair-spare-parts div.woocommerce.columns-3 ul.products.columns-3 li.product{
height: 281px;
margin-bottom: 32px !important;
}
#popular-fastening-products div.woocommerce.columns-3 ul.products.columns-3 li.product a h2,
#tool-repair-spare-parts div.woocommerce.columns-3 ul.products.columns-3 li.product a h2{
height: 86px;
text-align: center;
width: 100%;
}
#tool-repair-spare-parts div.woocommerce.columns-3 ul.products.columns-3 li.product a h2{
height: 48px;
}
#popular-fastening-products div.woocommerce.columns-3 ul.products.columns-3 li.product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
#tool-repair-spare-parts div.woocommerce.columns-3 ul.products.columns-3 li.product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
width: 100%;
text-align: center;
background: #2E8540 !important;
border-bottom-color: #1C700E !important;
}
/* /popular fastening products on /products/, and tool related cats on repair page */
/*------------------------------
## large CTA sections
------------------------------*/
#hero{
/*background-attachment: fixed !important;
/*background-color: rgb(37, 37, 37);
background-image: url("/wp-content/uploads/2017/08/hero-image-services-min.png");
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: contain !important;*/
}

.hero{
background-attachment: inherit;
background-color: rgb(37, 37, 37);
background-image: url("/wp-content/uploads/2020/04/ui-home-page-header-light-gray-min.png");
background-position: center 0;
background-repeat: no-repeat;
background-size:cover;
}

@media screen and (max-device-width: 800px) {
.hero{
background-size: unset !important;
}
}
@media (max-width: 800px) {
.hero{
background-size: unset !important;
}
}

#fastener-catalog{
background-attachment: fixed !important;
background-color: #343434;
/* background-image: url("/wp-content/uploads/2019/01/mock-catalog-min.jpg"); */
background-position: center -272px !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}

#top-brands-fastening-industry{
background: rgb(255,255,255);
/*background: linear-gradient(90deg, rgba(48,101,134,1) 0%, rgba(48,101,134,1) 60%, rgba(206,219,229,1) 60%);*/
}

#body-main-content,
.two-tone-white-gray{
background: rgb(248,248,248);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(248,248,248,1) 75%);
}

#request-consultation{
/*background: rgb(25,44,58);
background: linear-gradient(90deg, rgba(25,44,58,1) 0%, rgba(25,44,58,1) 40%, rgba(25,63,86,1) 40%);*/
background: rgb(97,97,97);
background: linear-gradient(180deg, rgba(97,97,97,1) 0%, rgba(67,67,67,1) 82.5%);
}

#main-content{
/*width:1168px;*/
}

@media (min-width:768px) {
body.home #main-content .vc_col-sm-3,
body.home .vc_col-sm-3.width-20p75{
width:20.75% !important;
}
body.home #main-content .vc_col-sm-9,
body.home .vc_col-sm-9.width-79p25{
width:79.25% !important;
}
}


@media screen and (min-width: 0px) and (max-width: 1215px) {
body.home #main-content .vc_col-sm-3 .vc_column-inner{
padding-left:29px !important;
}
}

@media screen and (min-width: 1216px) and (max-width: 15000px) {
body.home #main-content .vc_col-sm-3 .vc_column-inner{
padding-left:15px !important;
}
}

/*------------------------------
## Form Styles
------------------------------*/
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label{
background: #ddd;
display: table !important;
padding: 3px 6px;
margin: -1px 0 9px 1px !important;
text-transform: uppercase !important;
font-size: 82.5% !important;
letter-spacing: 1px !important;
font-weight: 700;
}


/*------------------------------
## Tab Styles
------------------------------*/
/* custom and resource tabs */
.tabs-custom .vc_tta-tab,
.tabs-resources .vc_tta-tab{
margin: 2px 7px 0 !important;
}
.tabs-custom .vc_tta-tab:first-of-type,
.tabs-resources .vc_tta-tab:first-of-type{
margin: 2px 7px 0 1px !important;
}



.wpb-js-composer .vc_tta.vc_general .vc_tta-tabs-container {
z-index: 999 !important;
}


.tabs-custom .vc_tta-tab > a,
.tabs-custom .vc_tta-tab.vc_active > a,
.tabs-resources .vc_tta-tab > a,
.tabs-resources .vc_tta-tab.vc_active > a{
background: #EAEDF0 !important;
border-color: #dadada !important;
color: #555 !important;
color: #555 !important;
cursor: hand;
font-size: 14px !important;
font-weight: 700 !important;
padding: 9px 22px 7px !important;
text-transform: uppercase !important;
}
.tabs-custom .vc_tta-tab > a,
.tabs-resources .vc_tta-tab > a{
border-color: #dadada !important;
border-top-width:1px !important;
border-right-width:1px !important;
border-left-width:1px !important;
}
.tabs-custom .vc_tta-tab.vc_active > a,
.tabs-resources .vc_tta-tab.vc_active > a{
color: #156398 !important;
background:#fff !important;
border-color: #dadada !important;
border-bottom-color: #fff !important;
}

.tabs-custom .vc_tta-tabs .vc_tta-panels .vc_tta-panel-body,
.tabs-resources .vc_tta-tabs .vc_tta-panels .vc_tta-panel-body,
.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
border-color: #dadada !important;
background-color:#fff !important;
box-shadow:0 0 10px 0px #ccc !important;
}

/* homepage popular tabs */
body.home .tabs-custom .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab{
width: auto !important;
border-top: 1px solid #dadada;
border-left: 1px solid #dadada;
}
/* /homepage popular tabs */

/* home page tabs mobile under 800px */
@media screen and (min-width: 0px) and (max-width: 800px) {
.wpb-js-composer .vc_tta.vc_general .vc_tta-tab {
width: 47% !important;
}
.tabs-custom .vc_tta-tab > a,
.tabs-custom .vc_tta-tab.vc_active > a{
padding: 9px 16px 7px !important;
}
}
/* /home page tabs mobile under 800px */

p#breadcrumbs{
line-height:1.75em !important;
}
/*------------------------------
## Sidebars / Widgets
------------------------------*/

/* left nav in /products/ */
#products-section-navigation{
}
#products-section-navigation .heading{
margin-bottom: 0 !important;
}
#products-section-navigation .heading p{
padding: 10px 0 !important;
margin: 0 !important;
border-top: 1px solid #dadada;
}
#products-section-navigation .heading p strong{
color: #2D82BB;
font-size: 19px;
font-weight: 500;
}
.products-section-navigation-categories{
}
.products-section-navigation-manufacturers{
}


#menu-nav-all-my-account-links-1,
#menu-nav-all-my-account-links{
list-style-type: none;
padding: 0;
margin: 0;
}

#menu-nav-all-my-account-links-1 li,
#menu-nav-all-my-account-links li{
margin-bottom: 1px;
}

#menu-nav-desktop-product-categories-1 li,
#menu-nav-desktop-product-manufacturers-1 li,
#menu-nav-desktop-product-categories li,
#menu-nav-desktop-product-manufacturers li{
margin:0 0 1px;
padding:0;
}
#menu-nav-desktop-product-categories-1 li a,
#menu-nav-desktop-product-manufacturers-1 li a,
#menu-nav-desktop-product-categories li a,
#menu-nav-desktop-product-manufacturers li a,
#menu-nav-all-my-account-links-1 li a,
#menu-nav-all-my-account-links li a{
background:#cedbe5;
color:#222 !important;
display:block;
font-weight:500 !important;
padding:6px 9px;
}
#menu-nav-desktop-product-categories-1 li a:active,
#menu-nav-desktop-product-categories-1 li a:focus,
#menu-nav-desktop-product-categories-1 li a:hover,
#menu-nav-desktop-product-manufacturers-1 li a:active,
#menu-nav-desktop-product-manufacturers-1 li a:focus,
#menu-nav-desktop-product-manufacturers-1 li a:hover,
#menu-nav-desktop-product-categories li a:active,
#menu-nav-desktop-product-categories li a:focus,
#menu-nav-desktop-product-categories li a:hover,
#menu-nav-desktop-product-manufacturers li a:active,
#menu-nav-desktop-product-manufacturers li a:focus,
#menu-nav-desktop-product-manufacturers li a:hover,
#menu-nav-all-my-account-links-1 li a:active,
#menu-nav-all-my-account-links-1 li a:focus,
#menu-nav-all-my-account-links-1 li a:hover,
#menu-nav-all-my-account-links li a:active,
#menu-nav-all-my-account-links li a:focus,
#menu-nav-all-my-account-links li a:hover{
background:#65bb3d;
color:#fff !important;
font-weight:700 !important;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.77) !important;
}









/* /left nav in /products/ */

.bg-radial-white-light-gray{
background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 7%, rgba(221,221,221,1) 100%);
}
.vc_images_carousel .vc_carousel-inner {
width: calc(100% - 5.5em) !important;
margin: 0 auto !important;
}
.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner {
z-index:1 !important;
}
#request-consultation .wpb_column.vc_column_container .vc_column-inner{
z-index: auto !important;
}


/* sidebars with gabo font, and gradient background */
.cta-widget{
margin-left: 0 !important;
}
.cta-widget .wpb_text_column.wpb_content_element{
margin-bottom: 0 !important;
}
.wpb_widgetised_column.wpb_content_element.margin-bottom-28{
margin-bottom: 28px !important;
}
.margin-bottom-0,
.wpb_widgetised_column.wpb_content_element.margin-bottom-0,
ul#menu-nav-all-widget-product-support.menu{
margin-bottom: 0px !important;
}
.cta-widget .cta-heading{
background: #dde0e2 !important;
padding:8px 0 8px 2px;
}
.cta-widget .cta-heading.padding-bottom-0{
background: #dde0e2 !important;
padding-bottom:0 !important;
}
.cta-widget .cta-heading.gradient{
background: rgb(251,252,255) !important;
background: radial-gradient(circle, rgba(251,252,255,1) 29%, rgba(180,185,191,1) 100%) !important;
}
.cta-widget .cta-heading.gradient .vc_column-inner,
.cta-widget .cta-heading.gradient.no-gradient-faq .vc_column-inner{
background-attachment: inherit !important;
background-position: right 0; /* right 0 */
background-repeat: no-repeat !important;
background-size: contain;
}
.cta-widget .cta-heading.gradient.no-gradient-faq {
background: rgb(251,252,255) !important;
border:1px solid #dadada;
}
.cta-widget .cta-heading.gradient.no-gradient-faq .vc_column-inner{
background-size: inherit !important;
}
.cta-widget .cta-heading.gradient.no-gradient-faq .vc_column-inner{
background-position: right 5px !important;
}
.black-small.large{
font-size:111% !important;
margin-left: 30px;
}
.black-small.tiny{
font-size:96% !important;
margin-left: 66px;
margin-bottom: 7px;
}
.cta-faq-text-questions{
color:#BAD000 !important;
font-size:160% !important;
}
.cta-widget .cta-sub-content .vc_column-inner{
background-attachment: inherit !important;
background-position: 7px 10px !important;
background-repeat: no-repeat !important;
background-size: auto !important;
margin-top:0 !important;
padding: 0 8px 18px 6px !important;
}
.cta-sub-content .vc_wp_custommenu{
margin-bottom: 0 !important;
}
.cta-sub-content.side-widget-newsletter label{
/* display: none !important; */
}
.cta-sub-content.side-widget-newsletter li#field_1_4 label{
display: none !important; */
}
.cta-sub-content.side-widget-newsletter input[type=text],
.cta-sub-content.side-widget-newsletter input[type=email]{
color: #c00 !important;
}
.cta-sub-content.side-widget-newsletter input[type=submit]{
background: #156398 !important;
/* border-radius: 3px; */
border:0 none !important;
border-bottom-color: #0E4470 !important;
border-bottom-width:1px !important;
border-bottom-style:solid !important;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.77) !important;
color:#fff !important;
font-size: 14px !important;
font-weight: 600 !important;
margin:0 !important;
padding: 9px 14px 8px !important;
text-decoration: none !important;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.77) !important;
text-transform: uppercase !important;
width: 100% !important;
}
.cta-sub-content.side-widget-newsletter .gform_footer.top_label{
margin:0 !important;
}
.cta-sub-content.side-widget-newsletter .vc_column-inner{
padding:0 12px !important;
}
ul#menu-nav-all-widget-product-support{
text-align:right;
}
ul#menu-nav-all-widget-product-support li{
margin-bottom:12px !important;
}
ul#menu-nav-all-widget-product-support li:last-child{
margin-bottom:0px !important;
}
ul#menu-nav-all-widget-product-support li a{
font-weight:900 !important;
color:#222 !important;
}
.cta-widget .cta-heading strong{
font-family:"gabo_driveregular","arial narrow",arial !important;
color:#2c82bb; /* first word, "br blue" */
font-size: 32px !important;
font-weight:500 !important;
text-transform:uppercase;
line-height: 30px;
}
.cta-widget .cta-heading strong span.gray{
color:#333 !important; /* second word, dark gray */
}
.cta-widget .cta-heading span.black-small{
color: #252525 !important;
display: inline-block;
font-size: 85%;
font-weight: 500 !important;
letter-spacing: 1px;
line-height: 15px !important;
margin-top: 4px;
}
.mock-arrow-down {
border-bottom: 0 solid transparent !important;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 8px solid #156398;
border-width: 9px !important;
height: 0;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 0;
z-index: 10;
}
.cta-widget-sub-gray{
color:#fff !important;
font-size: 14px !important;
font-weight: 700 !important;
margin:0 !important;
padding:0 !important;
}
p.cta-widget-sub-gray {
margin:0 !important;
padding: 4px !important;
}
.cta-widget-sub-gray.yellow,
.cta-widget-sub-gray.yellow a{
color:#ECD236 !important;
font-size:14px !important;
font-weight: 500 !important;
margin-left: 5px !important;
}
.cta-widget-sub-gray.phone a{
color: #fff !important;
font-size: 17px !important;
font-weight: 700 !important;
float: none !important;
}
.cta-widget-sub-gray.phone a em {
background: #2E8540 !important;
border-radius: 20px;
box-shadow: 1px 1px 2px 0px rgba(0,0,0,.77) !important;
color: #fff !important;
margin: 2px 1.5px 0 2.5px !important;
font-size: 15px !important;
padding:0.25em 0.4375em 0.25em 0.375em !important;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.52) !important;
}



/* /sidebars with gabo font */


.navigation-breadcrumb{
margin:0 !important;
}
.navigation-breadcrumb p#breadcrumbs{
margin: 0 !important;
padding: 0 !important;
}





ul#menu-nav-desktop-primary li a{
-o-transition: none !important;
-webkit-transition: none !important;
background-color: #156398 !important;
color:#fff !important;
font-size: 15px !important;
font-weight: 600 !important;
height: 54px !important;
line-height: 54px !important;
margin:0px !important;
padding: 0px 15px !important;
text-shadow: 0 1px 1px #24638f !important;
text-transform: uppercase !important;
transition: none !important;
}
ul#menu-nav-desktop-primary li a:active,
ul#menu-nav-desktop-primary li a:focus,
ul#menu-nav-desktop-primary li a:hover{
background-color: #64bcf5 !important;
}
ul#menu-nav-desktop-primary li.padding-top-5 a{
padding-top:5px !important; /* home icon */
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-tab > a{
padding: 7px 9px !important;
color: #156398 !important;
font-weight:600;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {
border-color: #f0f0f0;
background-color: #fff !important;
color: #222 !important;
font-weight: 600 !important;
}
#popular-products.vc_tta-panel.vc_active .vc_tta-panel-body,
#popular-tooling.vc_tta-panel.vc_active .vc_tta-panel-body,
body.home .vc_tta-panel-body {
border-bottom: 1px solid #dadada !important;
}
body.home .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {
border-right-color: #dadada !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
background-color: #fff !important;
}
.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
border-color: #dadada !important;
border-bottom: none !important;
background-color: #fff !important;
box-shadow: none !important;
}



#request-consultation .bg-tool-fastener-arrow .vc_column-inner{
background-repeat: no-repeat !important;
background-position: center !important;
background-size: initial !important;
}
/*------------------------------
## Footer
------------------------------*/
#footer-copyright{
margin: 0;
padding: 0;
}
#footer-general-information,
#footer-copyright,
#footer-general-information p,
#footer-copyright p,
#footer-general-information li,
#footer-copyright li,
#footer-general-information a,
#footer-copyright a{
color:#fff !important;
}
#menu-footer-copyright {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
#menu-footer-copyright li {
display: inline;
margin: 0 1em 0 0;
}
.menu-nav-all-footer-social-icons-container,
.menu-nav-all-footer-map-marker-address-container{
margin-bottom:1.5em !important;
}
ul.footer-numbers{
font-weight: 700 !important;
list-style-type: none;
padding: 0 !important;
margin: 0 !important;
}
ul.footer-numbers li{
display: inline;
margin: 0 .5em 0 0;
padding: 0;
font-size: 1em;
}
ul.footer-numbers li.phone-footer{
margin-bottom:2em !important;
margin-right: 13px !important;
float:left;
}
ul.footer-numbers li.phone-footer a{
color:#fff !important;
font-size: 1em !important;
font-weight: 700 !important;
}
ul.footer-numbers li.phone-footer em{
background: #2E8540 !important;
border-radius: 20px;
box-shadow: 1px 1px 2px 0px rgba(0,0,0,.77) !important;
color: #fff !important;
font-size:18px !important;
padding: 0.25em 0.4375em 0.25em 0.375em !important;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.52) !important;
}

/*------------------------------
## Max-Width of Header, Content and Footer / General Column, Layout Edits
------------------------------*/
header#masthead,
#content,
footer#colophon {
/* max-width:1168px; */
max-width:1168px;
}

/* column edits for regular pages with right sidebar */
.left-col-9-width-78pt25{
width: 78.25% !important;
}
.right-col-3-width-21pt75,
.right-col-3-width-21pt75.wpb_column.vc_column_container.vc_col-sm-3{
width: 21.75% !important;
padding-right: 15px !important;
}
/* /column edits for regular pages with right sidebar */


/*------------------------------
## Misc Mobile Styles
## Related to custom font awesome icon font
------------------------------*/
@media screen and (min-width: 0px) and (max-width: 1000px) {
/* give left border under 800px to home we stock */
.element-display-inline-left{
display:inline-block !important;
float:left !important;
}
.element-display-inline-right{
display:inline-block !important;
float:right !important;
}
}
/* all */
.element-display-inline-left{
display:inline-block !important;
float:left !important;
}

.element-display-inline-right{
display:inline-block !important;
float:right !important;
}


#ui-mobile-header{
/*height:64px !important;*/
box-shadow: 0px 1px 6px rgba(77, 77, 77, 0.16) !important;
}

.mobile-header-icon-hamburger,
.mobile-header-icon-user,
.mobile-header-icon-cart,
.mobile-header-icon-ellipsis-h{
height: 48px !important;
width: 48px !important;
}

.mobile-header-icon-hamburger p,
.mobile-header-icon-user p,
.mobile-header-icon-cart p,
.mobile-header-icon-ellipsis-h p{
margin:0;
padding:0;
background:#fff;
}
.mobile-header-icon-hamburger p a,
.mobile-header-icon-user p a,
.mobile-header-icon-cart p a,
.mobile-header-icon-ellipsis-h p a{
height: 100% !important;
width: 100% !important;
display: block;
padding: 8px 0 10px 16px;
outline:0;
text-decoration:none !important;
}

.mobile-header-icon-hamburger p a{
padding-bottom: 1px;
padding-left: 15px;
}
.mobile-header-icon-hamburger p a em::after {
content: "\A menu";
color:#222;
font-size: 60%;
font-family:Arial,sans-serif;
margin: -3px 0 0 -5px;
display: block;
padding: 0 !important;
}

.mobile-header-icon-user p a{
padding-bottom: 1px;
padding-left: 17px;
}
.mobile-header-icon-user p a em::after {
content: "\A account";
color:#222;
font-size: 60%;
font-family:Arial,sans-serif;
margin: -3px 0 0 -15px;
display: block;
padding: 0 !important;
}
.mobile-header-icon-cart p a{
padding-bottom: 1px;
padding-left: 15px;
}
.mobile-header-icon-cart p a em::after {
content: "\A quote";
color:#222;
font-family:Arial,sans-serif;
font-size: 60%;
margin: -3px 0 0 -4px;
display: block;
padding: 0 !important;
}

.mobile-header-icon-ellipsis-h p a{
padding: 14px 0 1px 17px;
}
.mobile-header-icon-ellipsis-h p a em::after {
content: "\A more";
color:#222;
font-family:Arial,sans-serif;
font-size: 60%;
margin: -4px 0 0 -6px;
display: block;
padding: 0 !important;
}


.mobile-header-logo{
height: 48px !important;
width: auto;
}

.mobile-header-icon-hamburger .icon-navicon,
.mobile-header-icon-user .icon-user,
.mobile-header-icon-cart .icon-shopping-cart,
.mobile-header-icon-ellipsis-h .icon-ellipsis-h{
color: #2b7bb1;
font-size:20px;
}

.mobile-header-logo a{
padding: 7px 0 0 5px;
outline:0;
text-decoration:none !important;
}

#ui-mobile-search{
background:#156398 !important;
}
#ui-mobile-search .vc_column-inner{
padding: 3px 12px !important;
}

.aws-search-result ul {
max-height: 320px !important;
}


.gusta-nav.vertical > ul > li > a{
color:#222 !important;
font-weight: 600 !important;
}
.gusta-nav.vertical > ul > li > a:hover{
background-color: #2d82bb !important;
color: #fff !important;
}





/* thumbnail images in mobile navigation */
ul#menu-nav-mobile-top-left-all li.menu-item.menu-item-type-custom.menu-item-object-custom.gusta-dropdown ul.gusta-dropdown-menu li.gusta-dropdown ul.gusta-dropdown-menu li.menu-item.menu-item-type-custom.menu-item-object-custom a img{
border: 1px solid #dadada !important;
margin: 4px 4px 4px 0 !important;
vertical-align: middle;
}
/* /thumbnail images in mobile navigation */







/* mobile fixes for resources section layouts */
@media screen and (min-width: 892px) and (max-width:15000px) {
.left-col-9-width-78pt25 {
    width: 78.25% !important;
}
.right-col-3-width-21pt75,
.right-col-3-width-21pt75.wpb_column.vc_column_container.vc_col-sm-3 {
width: 21.75% !important;
padding-right: 15px !important;
}
}

@media screen and (min-width:0px) and (max-width:1000px) {
.right-col-3-width-21pt75,
.left-col-9-width-78pt25.wpb_column.vc_column_container,
.right-col-3-width-21pt75.wpb_column.vc_column_container.vc_col-sm-3 {
padding-left: 10px !important;
}
.right-col-3-width-21pt75.wpb_column.vc_column_container{

}
/* auto width <li> for tabs in resources */
.wpb-js-composer .vc_tta.vc_tta-spacing-1 .vc_tta-tab{
width: auto !important;
}
/* /auto width <li> for tabs in resources */
.gusta-nav.vertical {
/* margin-right: 10px !important; */
}
}
.view-category-button.gusta-icon-link,
.view-category-button.cta-button.blue.ss-element.gusta-read-more-button.gusta-icon-link.gusta-has-span.show-show.ani-fade.linked{
margin-right:0 !important;
}



.view-category-button.cta-button.blue.gusta-icon-link.gusta-has-span {
padding: 5px 12px !important;
width: 100% !important;
}


@media screen and (min-width: 0px) and (max-width:892px) {
.left-col-9-width-78pt25 {
width: initial !important;
}
.slick-next.circle-bg.slick-arrow {
margin-right: 34px !important;
}
.cta-widget{
margin-left: 0 !important;
margin-right: 0 !important;
}
.right-col-3-width-21pt75,
.right-col-3-width-21pt75.wpb_column.vc_column_container,
.right-col-3-width-21pt75.wpb_column.vc_column_container.vc_col-sm-3 {
width: initial !important;
padding-right: 15px !important;
padding-left: 0 !important;
margin-right: 10px !important;
margin-left: -10px !important;
}
#main-content {
margin-top: 126px !important;
padding: 10px !important;
}
.post-listing-container .final-category-listing-product-row h2 {
height: initial !important;
line-height: 20px !important;
}
.woocommerce a.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
font-size: 14px !important;
}
strong.h1.gabo{
font-weight:500 !important;
}
/* /repair parts page for mobile */
div.woocommerce.columns-3 ul.products.columns-3 li.product-category.product.first {
clear: none !important;
}
div.woocommerce.columns-3 ul.products.columns-3 li.product-category.product,
div.woocommerce.columns-3 ul.products.columns-3 li.product-category.product.last{
margin: 0 2% 0 0 !important;
}
/* /repair parts page for mobile */
.wpb-js-composer .vc_tta.vc_general .vc_tta-tab {
width: 100% !important;
}
}
/* mobile fixes for resources section layouts */

body.home #breadcrumb{
display:none !important;
}

/* safari only */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
.mobile-header-icon-ellipsis-h p a em::after {
margin: -5px 0 0 -6px !important;
}
}}
/* /safari only */
.woocommerce-message {
border-top-color: #2E8540 !important;
}
.woocommerce-message::before {
content: "\e015"; 
color: #2E8540 !important;
}
.woocommerce table.cart td.actions .button,
.woocommerce-page #content table.cart td.actions .button,
.woocommerce-page table.cart td.actions .button,
.woocommerce button.button{
text-transform: uppercase !important;
font-size: 14px !important;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.77) !important;
}
.woocommerce a.button{
font-size: 14px !important;
letter-spacing: 0.5px !important;
}
/* for my account pages */
.woocommerce-MyAccount-navigation{
display:none;
}
.woocommerce-account .woocommerce-MyAccount-content{
width:100%
}
/* /for my account pages */

.product-detail-tab-icons{
font-size: 22px !important;
margin: 0 6px 0 0 !important;
position: relative;
top: 3px;
line-height: 14px;
}
/* pdf links on product pages */
div.product-file-download-link span{
display:block;
}
div.product-file-download-link a{
text-transform: capitalize;
}
/* /pdf links on product pages */
.woocommerce table.shop_attributes td {
font-style: normal !important;
}
#related-products .related.products h2{
color: #2d82bb;
text-transform:capitalize;
}
.woocommerce div.product form.cart .variations td{
line-height:3em !important;
}
.woocommerce div.product form.cart .variations select {
border:1px solid #cdd4da !important;
max-width: 400px !important;
}
a.reset_variations,
.woocommerce div.product form.cart .reset_variations{
background: #525252 !important;
border-radius:3px !important;
border-bottom-color: #777 !important;
padding: 10px 14px 9px !important;
text-shadow: rgba(0, 0, 0, 0.77) 1px 1px 1px !important;
text-transform: uppercase !important;
font-size: 14px !important;
font-weight: 600 !important;
width: 256px !important;
margin: 8px 0 0 0 !important;
line-height: 100% !important;
border-radius: 3px !important;
}
a.reset_variations:focus,
a.reset_variations:active,
a.reset_variations:hover,
.woocommerce div.product form.cart .reset_variations:focus,
.woocommerce div.product form.cart .reset_variations:active,
.woocommerce div.product form.cart .reset_variations:hover{
background: #525252 !important;
border-bottom-color: #777 !important;
}
.woocommerce div.product form.cart .woocommerce-variation-description p {
margin-bottom: 1.125em;
padding: 8px;
border: 1px solid #F9F09A !important;
border-radius: 3px !important;
background: #FCF7C4 !important;
font-weight: 600 !important;
}
ul#menu-nav-all-widget-product-support-1{
text-align:right;
}
ul#menu-nav-all-widget-product-support-1 li a{
font-weight:600;
}
ul#menu-nav-all-footer-general-links li a,
ul#menu-nav-all-footer-resources li a,
ul#menu-nav-all-footer-services li a{
padding-top:8px;
padding-bottom:8px;
display:block;
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
.woocommerce a.button,
.gusta-read-more-button{
text-transform: capitalize !important;
}
}
body.tml-action.tml-action-login button.tml-button{
background:#156398 !important;
}