/* General */
html {font-size:18px;scroll-behavior:smooth;} /* 1rem = 16px */
body {background:white;margin:0;padding:0;font-family: "Montserrat", sans-serif;font-weight:400;font-style:normal;color:black;overflow-x:hidden;}
h1 {margin:0;padding:0;font-weight:600;font-size:1.75rem;letter-spacing:0px;margin:0 0 20px 0;} 
h2 {margin:0;padding:0;font-weight:600;font-size:1.75rem;letter-spacing:0px;margin:0 0 20px 0;} 
h3 {margin:0;padding:0;font-weight:600;font-size:1.25rem;letter-spacing:0px;margin:0 0 20px 0;text-decoration:uppercase;} 
/*
h4 {margin:0;padding:0;font-weight:800;font-size:24px;letter-spacing:0px;} 
h5 {margin:0 0 40px 0;padding:0;letter-spacing:0px;font-size:24px;font-weight:600;}
h5 a {text-decoration:underline;}
h6 {margin:0;padding:0;letter-spacing:0px;font-size:24px;font-weight:600;}
*/
p {letter-spacing:0px;margin:0 0 20px 0;padding:0;}
p a {color:inherit;text-decoration:none;}
p a:hover {color:inherit;text-decoration:none;}
p a:active,a:visited {text-decoration:none;}
p.small {font-size:0.75rem;}
a {outline:none;color:inherit;text-decoration:none;}
a:hover {color:inherit;text-decoration:none;}

.full-width {width:100%;}
.max-width {max-width:100%;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.mobile-block {display:none;}
.mobile-inline {display:none;}
.inline-mobile {display:none;}
.block-mobile {display:none;}
.container-fluid {padding: 0;}
.row {padding:0;margin:0;}
[class*="col-"] {padding:0;}
.relative {position:relative;}
::-moz-selection {color:white;background: black;}
::selection {color:white;background: black;}

.font-montserrat {font-family: "Montserrat", sans-serif;}

/* Font overrides */
.font-200 {font-weight:200;}
.font-400 {font-weight:400;}
.font-600 {font-weight:600;}
.font-800 {font-weight:800;}


/* Colours */
.white {color:white;}
.black {color:black;}

/* Background colours */
.white-bg {background:white;}
.black-bg {background:black;}
.silver-bg {background:#eef0f2;}

/* Borders & buttons */
.white-border {border:2px solid white;border-radius:25px;}
.big-button {background:transparent;color:black;padding:15px 30px;border:3px solid black;border-radius:25px;text-transform:uppercase;text-decoration:none;font-size:0.95rem;;font-weight:600;display:inline-block;}
.transparent-button {background:transparent;border:3px solid white;color:white;}
.zoom-hover img {transition: transform 0.4s ease;}
.zoom-hover:hover img {transform:scale(1.03);}
.round-border {background:transparent;color:black;padding:15px 30px;border:3px solid black;border-radius:25px;text-decoration:none;font-size:0.95rem;;font-weight:400;display:inline-block;}

/* Homepage & generic */
#menu {position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:none;}
.top-bar {height: 100px;}
.top-bar-bg {height:100px;width:100%;}
.menu-bars {font-size:2rem;padding-top:5px;}
.header-banner-outer {padding-top:100px;}
.banner-container {position:relative;overflow:hidden;}
.banner-image {width:100%;height:100%;object-fit:cover;animation:zoomIn 10s ease-in-out forwards;transform-origin:center center;}

@keyframes zoomIn {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}

.banner-text-outer {position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0,0,0,0.3)}
.top-menu {margin:0;padding:0;list-style:none;}
.top-menu li {margin:0 0 20px 0;}
.top-menu li.last {border-right:0;}
.curved-top-corners {border-top-left-radius:25px;border-top-right-radius:25px;}
.custom-config {position:relative;width:120%;margin-left:-10%;}
.config-outer {margin-top:0px;}
.footer a:hover {text-decoration:underline;}

.config-display-area {position:sticky;top:0;left:0;z-index:10;padding-bottom:50px;border-top:70px solid white;} /* border-top:100px solid white; */
.config-area {margin-bottom:300px;border-top:70px solid white;} /* border-top:100px solid white; */
.config-title {color:black;font-size:1.25rem;font-weight:700;text-transform:uppercase;padding:10px 0;margin-bottom:2px;}
.question-mark {color:#bbbbbd;font-size:1.5rem;}

.config-option {display:inline-block;border:1px solid #bbbbbd;padding:5px 15px;width:100%;border-radius:15px;text-transform:uppercase;cursor:pointer !important;font-weight:500;}
.config-option span {float:right;font-weight:600;}
.config-option:hover {background:#bbbbbd;}

/* Hide the radio button */
.config-radio {display:none;}

/* Style the config-option when the radio is checked */
.config-radio:checked + .config-option {background-color:#bbbbbd;border-color:#bbbbbd;}

.infoBubbleOuter {position:absolute;z-index:1;left:10px;right:-10px;margin-top:-45px;background:white;padding:20px;border-radius:25px;border:3px solid #bbbbbd;font-size:0.75rem;display:none;}
.infoBubbleInner {position:absolute;font-size:3rem;top:-0.75rem;right:-0.75rem;color:#bbbbbd;background:white;}

.price-outer {border:2px solid #282a29;background:#f6f6f6;padding:10px;} /* display:none; */
.custom-part-button {background:black;padding:5px 15px;color:white;border:0;width:100%;text-transform:uppercase;}
.email-done {display:none;}

.nav-surround {position:relative;width:100%;}
.left-nav {position:absolute;display:inline-block;top:-420px;left:50px;z-index:100;font-size:5rem;color:white;font-weight:300;}
.right-nav {position:absolute;display:inline-block;top:-420px;right:50px;z-index:100;font-size:5rem;color:white;}

/* Product zoom */
.zoom-container {position:relative;overflow:hidden;cursor:pointer;}

.zoom-container img {position:absolute;top:0;left:0;transition:transform 0.2s ease-out;}

/* Small image (static) */
.zoom-container .small {position:relative;max-width:100%;height:auto;z-index:1;}
#zoomBox {text-align:center;}

/* Big image (hidden until hover) */
.zoom-container .large {width:auto;height:auto;min-width:100%;min-height:100%;z-index:200;display:none;}

/* Restore / enforce equal gutters in Bootstrap 4.5 */
.row.equal-gutters > [class*="col-"] { 
  padding-left: 15px;
  padding-right: 15px;
}
.row.equal-gutters {
  margin-left: -15px;
  margin-right: -15px;
}

@media (max-width: 992px) {
  .row.equal-gutters > [class*="col-"] {
    padding-left: 0px;
    padding-right: 0px;
  }
  .row.equal-gutters {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.wc-block-components-totals-fees__axle-shipping {padding:0;}  /* 16px 0 0 0; */
.wc-block-components-totals-fees__gearbox-shipping {padding:0;}
.wc-block-components-totals-fees__differential-shipping {padding:0;}
.wc-block-components-totals-fees__transfer-box-shipping {padding:0;}

.wc-block-components-button__text {background:transparent;color:black;padding:15px 30px;border:3px solid black;border-radius:25px;text-transform:uppercase;text-decoration:none;font-size:0.95rem;;font-weight:600;display:inline-block;}

.wc-block-components-checkout-place-order-button {background:transparent;border:0;width:auto !important;}

.wc-block-components-totals-wrapper:last-of-type {padding:15px 0 !important;}

.woocommerce-column--billing-address {max-width:48% !important;}
.woocommerce-column--shipping-address {max-width:48% !important;}