.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}a.brand_link_single_product 
{
box-shadow: 0 0 0 0 currentColor !important;
border: 0 none !important;
}
.wsb-brand-logo-wrap
{
padding:20px;
margin-bottom: 20px;
}
.wsb-brand-logo-wrap h1
{
padding: 0;
margin: 0;
}
.wsb-brand-archive-left
{
float:left;	
}
.wsb-brand-archive-right
{
float:right;	
}
.wsb-brand-logo-wrap
{
clear:both;
}
.wsb-brand-product-left
{
float:left;	
}
.wsb-brand-product-right
{
float:right;	
} .wsb_brands_grid-col-1
{
box-sizing: border-box;
display:grid;
grid-template-columns: 100%;
}
.wsb_brands_grid-col-2
{
box-sizing: border-box;
display:grid;
grid-template-columns: 50% 50%;
}
.wsb_brands_grid-col-3
{
box-sizing: border-box;
display:grid;
grid-template-columns: 33.33% 33.33% 33.33%;
}
.wsb_brands_grid-col-4
{
box-sizing: border-box;
display:grid;
grid-template-columns: 25% 25% 25% 25%;
}
.wsb_brands_grid-col-5
{
box-sizing: border-box;
display:grid;
grid-template-columns: 20% 20% 20% 20% 20%;
}
.wsb_brands_grid-col-6
{
box-sizing: border-box;
display:grid;
grid-template-columns: 16.66% 16.66% 16.66% 16.66% 16.66% 16.66%;
}
@media (max-width: 1199px) { 
.wsb_brands_grid-col-3, 
.wsb_brands_grid-col-4,
.wsb_brands_grid-col-5,
.wsb_brands_grid-col-6
{
grid-template-columns: 33.33% 33.33% 33.33%;
}
}
@media (max-width: 899px) {
.wsb_brands_grid-col-2, 
.wsb_brands_grid-col-3, 
.wsb_brands_grid-col-4,
.wsb_brands_grid-col-5,
.wsb_brands_grid-col-6
{
grid-template-columns: 50% 50%;
}
}
@media (max-width: 599px) {
[class*="wsb_brands_grid-col"] 
{
grid-template-columns: 100%;
}
}
[class*='wsb_brands_grid-col'] div {
border: 1px solid #eee;
text-align: center;
margin: 5px;
padding: 5px;
transition: all, .3s;
}
[class*='wsb_brands_grid-col'] div p {
margin: 20px -5px -5px;
background: #f5f5f5;
border-top: 1px solid #e5e5e5;
transition: all, .3s;
}
[class*='wsb_brands_grid-col'] a:hover div {
border: 1px solid #ddd;
}
[class*='wsb_brands_grid-col'] a:hover div p {
background: #eee;
}
[class*='wsb_brands_grid-col'] div img
{
width:auto;
max-width:100%;
display:inline-block !important;
}
[class*='wsb_brands_grid-col'] div h4 {
margin: 0;
padding: 5px 0;
background: #f5f5f5;
font-weight:100;
}  ul.wsb-brands-list
{
margin: 0;
padding: 0;
}
ul.wsb-brands-list li a
{
display:block;
}
span.brand-count-span
{
float:right;
}   .wsb-brands-carousel-wrap
{
text-align: center;
}
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
text-align: center;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
float: none;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slider_arrows_wrap
{
position: relative;
display: block;
height: 20px;
}
.slick-arrow 
{
position:absolute;
top: 50%;
transform: translateY(-50%);
height: 20px;
width:15px;
background-repeat:no-repeat;
padding:0 !important;
opacity: 0.8;
z-index:10000;
}
.slick-prev
{
left:0;
background-image: url(//canadianmarineparts.com/wp-content/plugins/wsb-brands/public/img/slider-left.png);
}
.slick-next
{
right:0;
background-image: url(//canadianmarineparts.com/wp-content/plugins/wsb-brands/public/img/slider-right.png);
}
.slide-text
{
margin:0;
padding:0;	
}
.wsb-slide-item
{
border-color: #e9e9e9;
border-style: solid;
padding:8px;
margin:4px;
}
.slick slide:first-child {
margin-left:0;
}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}