@charset 'UTF-8';
* { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} a img{border:none;}
p{
margin-bottom:1em;
}
img{max-width:100%;} input:focus::-webkit-input-placeholder { color: transparent; }
input:focus::-moz-placeholder { color:transparent; }
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus::-moz-placeholder { color:transparent; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; clear: both; }/*\*/* html .clearfix { height: 1%; } .clearfix { display: block; }/**/  body{
font-family:'Arial','Helvetica',sans-serif;
background:#000;
color:#fff;
}
h1, h2, h3{
font-weight:bold;
}
.container{
width:100%;
max-width:1140px;
margin:0 auto;
}
a{
text-decoration:none;
}
#topbar{
background:#000;
}
#topbar div{
float:right;
}
#topbar .button-group {
display: flex;
}
.language-select {
position: relative;
min-width: 75px;
}
.language-select a {
padding: 0 1rem;
display: flex;
align-items:center;
margin: 0;
color: #666;
line-height: 40px;
text-transform:uppercase;
font-weight:600;
}
.language-select a img{
margin-right:5px;
}
button, .button {
display: inline-block;
cursor: pointer;
background: #ED1C24!important;
color: #fff!important;
font-size: 14px;
line-height:1rem;
padding: 10px 15px;
text-transform: uppercase;
font-weight: 800;
border: none;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-appearance: none;
border-radius: 0!important;
}
button:hover, button:focus, .button:hover, .button:focus {
background: #970c11!important;
text-decoration: none!important;
color: #fff!important;
}
.button img{
vertical-align:middle!important;
}
.find-dealer-button {
border-right: 1px solid #f47b7f!important;
margin-right:-5px!important;
}
.logo{
min-width:220px;
height:60px;
}
.logo img{
min-width:220px;
height:60px!important;
}
.header-nav{
background:#fff;
display:flex;
align-items:center;
box-shadow: 0 0 4px rgba(0,0,0,0.6);
z-index:9999;
}
.main-nav{
flex-grow:1;
}
.main-nav ul{
display:flex;
align-items:center;
list-style:none;
position:relative;
}
.main-nav ul li{
border-right: 1px solid #ddd; }
.main-nav ul li a{
display: block;
color: #000;
padding: 0 20px;
height: 60px;
line-height: 60px;
font-weight: 800;
text-transform: uppercase;
font-smoothing: subpixel-antialiased;
font-size: 14px;
}
.main-nav ul li a:hover{
background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(90%, rgba(0,0,0,0.1)), to(rgba(0,0,0,0.2)));
background: linear-gradient(to bottom, transparent 70%, rgba(0,0,0,0.1) 90%, rgba(0,0,0,0.2) 100%);
color: #ED1C24;
}
.sub-menu{
position: absolute;
top: 100%;
left: 0;
display: none!important;
z-index: 9999;
background: #fff;
}
.main-nav ul li:hover .sub-menu{
display: flex !important;
flex-wrap: wrap;
position: absolute !important;
left: 0;
top: 100%;
}
.sub-menu a {
height: auto !important;
line-height: 1em !important;
padding: 8px 15px !important;
font-weight: 600 !important;
}
.sub-menu .menu-item-has-children > a{
color: #ED1C24!important;
font-weight:800!important;
}
@media(min-width:768px){
#mobile-search-icon{
display:none;
}
}
#mobile-search-icon .fa-search{
color:#000;
font-size:30px;
}
#mobile-search-form-container{
display:none;
position: fixed;
width: 100%;
height: 100vh;
background: rgba(0,0,0,0.80);
z-index: 9999;
}
.mobile-search-form-background{
background:#fff;
padding:15px 0;
margin-top: 100px;
}
.search-form input, .mobile-search-form input{
border:none;
background:none;
}
.mobile-search-form input.search-field{
width: calc(100% - 20px);
}
.search-form, .mobile-search-form{
margin: 0;
margin-right: 0px;
background: #eee;
border-radius: 10rem;
font-weight: 400;
padding: 0.7rem 1rem;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
margin-right: 15px;
}
.mobile-search-form{
margin-left:15px;   
}
.screen-reader-text{
display:none;
}
.footer-logo {
width: 160px;
height: 45px;
margin-bottom: 4rem;
}
.page-footer {
background: #151515;
padding: 6rem 0 12rem;
color: #666666;
font-weight: 500;
}
.row {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width:1140px;
}
.column, .columns {
position: relative;
float: left;
}
.medium-4 {
width: 33.33333%;
}
.medium-8 {
width: 66.66666%;
}
.medium-12 {
width: 100%;
}
.medium-3 {
width: 25%;
}
.page-footer h4{
font-size: 1.2rem;
text-transform: uppercase;
letter-spacing: -0.03em;
font-weight: bold;
margin: 0 0 2rem;
line-height: 1.25;
}
.page-footer h5 {
color: #ED1C24;
font-weight: 500;
margin: 0;
text-transform: none;
}
.link-group ul {
list-style: none;
padding: 0;
margin: 0 0 3rem;
}
.link-group ul li a{
color:#666666;
font-size:14px;
}
.select select {
display:block;
font-weight: 500;
width: calc(100% + 30px);
background: transparent;
padding: 10px 6rem 10px 1.4rem;
border: 0;
border-radius: 0;
cursor: pointer;
-webkit-appearance: none;
color: #ffffff;
font-size: 1rem;
font-family: "Graphik", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
z-index: 100;
position: relative;
}
.select {
display: inline-block;
width: 200px;
position: relative;
overflow: hidden;
border-radius: 2px;
background: #F8F8F8;
border: 1px solid #BEBEBE;
cursor: pointer;
margin-bottom: 2rem;
}
.footer-country-select {
background: transparent;
width: 250px;
}
.footer-country-select select option {
color: #222;
}
.select::after {
content: "\f0d7";
}
.select::after {
display: inline-block;
font-family:FontAwesome;
font-size: 14px;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
right: 20px;
top: 23px;
top: calc(50% - 16px);
position: absolute;
font-size: 2rem;
color: #777;
}
#tab-additional_information {
display: block !important;
font-size:14px;
}
#tab-additional_information > h2{
text-transform: uppercase;
color: #ED1C24;
}
#tab-additional_information th{
text-align:left;
}
.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
max-width: 100%;
height: auto;
}
.woocommerce-page ul.products li{
text-align:center;
}
.slick-track{
transform: translate3d(0px, 0px, 0px)!important;
}
.homepageSlider + p{
display:none;
}
.slick-track {
display: flex !important;
align-items: stretch !important;
}
.sliderThumbnail {
height:auto!important;
}
.sliderOverlay {
padding: 35px 20px;
width: calc(100% - 40px) !important;
height: 100%;
transition:0.3;
}
.sliderThumbnail.slick-current .sliderOverlay{
background: rgba(255,0,0,0.5);
transition:0.3;
}
.sliderThumbnail h4{
font-weight: 900;
margin-bottom: 20px;
}
.sliderThumbnail h4 span{
color: #ED1C24;
font-weight: 900;
}   #responsive_nav, #responsive_nav_icon{
display:none;
}
#responsive_nav{
position:fixed;
top:0px;
width:80%;
height:100%;
background:#fff;
border-left:solid 1px #000;
border-top:solid 5px #000;
z-index:9999;
}
.onscreen{
right:0;
transition:all 0.5s;
}
.offscreen{
right:-81%;
transition:all 0.5s;
}
#responsive_nav_icon .fa{
background:none;
color:#000;
font-size:30px;
}
#responsive_close{
text-align:right;
padding:10px 20px;
}
#responsive_close .fa-times-circle-o{
font-size:40px!important;
background:none;
color:#000;
}
#responsive_nav_icon:hover, #responsive_close .fa:hover{
cursor:pointer;
}
#responsive_nav ul{
list-style:none;
border-bottom:solid 1px #ccc;
}
#responsive_nav ul li{
text-transform:uppercase;
font-size:16px;
border-top:solid 1px #ccc;
line-height:50px;
height:50px;
}
#responsive_nav ul li a{
text-decoration:none;
padding-left:40px;
color:#222;
width:100%;
height:100%;
display:block;
}
#responsive_nav .current_page_item a{
color:#000!important;
}
#responsive_nav ul li a:hover{
background:#f0f0f0;
color:#000;
}
@media(max-width:767px){
.main-nav{
display:none;
}
#responsive_nav_icon, #mobile-search-icon{
display: flex;
float: right;
color: #fff;
height: 60px;
line-height: 60px;
align-items: center;
width: 100px;
max-width: calc(100% - 220px);
justify-content: center;
border-left: solid 1px #eaeaea;
}
#responsive_nav{
display:block;
}
}
@media(max-height:370px){
#responsive_close{
padding:2px 20px;
}
#responsive_nav ul li{
font-size:12px;
line-height:30px;
height:30px;
}
}  .contact-form .vc_col-sm-6, .contact-form .vc_col-sm-12{
padding:0;
}
.textfield {
width: calc(100% - 30px);
line-height: 2.6em;
padding: 0 10px;
margin-bottom:10px;
}
.submit{
background: #000000;
color: #ffffff;
border: none;
padding: 4px 25px;
transition:0.2s;
}
.submit:hover{
background:#c6c6c6;
color:#000000;
cursor:pointer;
transition:0.2s;
}
small {
font-size: 0.6em;
}
.full_width_image *{
width:100%;
height:auto;
min-width:100%;
}
.pbc_post_title{
color:#ec0928!important;
}
.pbc_post_container{
background:#fff!important;
color:#000!important;
}
.ad_commerce {
width: 100%!important;
max-width: none !important;
background: #fff;
color: #000;
padding: 50px 0;
}
.ad_commerce .product{
width:90%;
max-width:1140px;
margin:0 auto;
}
.woocommerce .woocommerce-breadcrumb {
padding: 0 10px!important;
}
.ad_commerce h1{
font-size:50px;
text-transform:uppercase;
font-weight:bold;
line-height:1.3em;
}
ul.product-categories li, .menu-product-categories-container ul.menu li{
list-style:none;
border-bottom:solid 1px #242424;
padding:5px 0;
}
ul.product-categories li a, .menu-product-categories-container ul.menu li a{
color:#ec0928;
}
.product_meta{
display:none;
}
.woocommerce div.product div.summary {
display: none;
}
@media(min-width:768px){
.woocommerce-tabs {
clear: none!important;
float: right;
width: 48%;
}
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
display: none;
}
#tab-description > h2 {
display: none;
}
.related.products {
clear: both;
padding-top: 50px;
}
.related.products > h2{
text-transform:uppercase;
color:#ED1C24;
margin-bottom:15px;
}
.related.products .products li {
text-align: center;
}
.woocommerce-loop-product__title {
text-align: center;
color:#ED1C24;
}
.ad-red-button a {
background: #ED1C24 !important;
}
.ad-red-button a:hover {
background: #970c11 !important;
}
.woocommerce-products-header {
padding: 80px 60px;
background:#000 url(//motul.co.nz/wp-content/themes/adroit-theme/images/products-header-bg.jpg) no-repeat center top;
background-size:cover;
}
@media(min-width:768px){
.category-products{
border-left:solid 1px #b1b1b1;
}
}
.woocommerce-products-header__title.page-title {
font-size: 50px;
color: #ED1C24;
margin-bottom: 10px;
text-transform: uppercase;
}
.term-description {
line-height: 1.5em;
}
.woocommerce-result-count{
display:none!important;
}
.button.ajax_add_to_cart{
display:none!important;
}
.widget_product_categories ul.mtree {
background: none;
line-height: 1.5em;
padding: 0;
} .widget_product_categories .mtree li a{
color: #ED1C24!important;
font-weight: bold;
}
.widget_product_categories .mtree li ul a{
color:#555!important;
}
.widget_product_categories .mtree li ul ul a{
color:#555!important;
font-weight:normal!important;
}
@media(max-width:767px){
#topbar div {
float: left;
}
.button-group {
width: calc(100% - 90px);
}
.button-group .button{
background: #202020 !important;
font-size: 10px!important;
padding: 10px 5px!important;
height: 20px!important;
}
.find-dealer-button {
border-right: 1px solid #363636 !important;
}
.button img {
max-width: 10%!important;
}
.language-select {
float: right !important;
}
.pbc_post_container{
width:100%!important;
}
.search-form{
display:none;   
}
}
.hidden{
display:none!important;
}  .search-form{display:none!important;}
#mobile-search-icon{display:none!important;}.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;
}
 .slick-loading .slick-list
{
background: #fff url(https://motul.co.nz/wp-content/themes/adroit-theme/js/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://motul.co.nz/wp-content/themes/adroit-theme/js/fonts/slick.eot);
src: url(https://motul.co.nz/wp-content/themes/adroit-theme/js/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://motul.co.nz/wp-content/themes/adroit-theme/js/fonts/slick.woff) format('woff'), url(https://motul.co.nz/wp-content/themes/adroit-theme/js/fonts/slick.ttf) format('truetype'), url(https://motul.co.nz/wp-content/themes/adroit-theme/js/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//motul.co.nz/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 .wpcf7-recaptcha iframe {
margin-bottom: 0;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}