div.asl_w{width:100%;height:auto;border-radius:5px;background-color:#fff;overflow:hidden;border:0 solid #b5b5b5;border-radius:0 0 0 0;box-shadow:0 1px 0 0 #e4e4e4;}#ajaxsearchlite1 .probox,div.asl_w .probox{margin:0;height:28px;background-color:#fff;border:0 none #fff;border-radius:0 0 0 0;box-shadow:0 0 0 0 #b5b5b5 inset;}#ajaxsearchlite1 .probox .proinput,div.asl_w .probox .proinput{font-weight:normal;font-family:Open Sans;color:#000 !important;font-size:12px;line-height:normal !important;text-shadow:0 0 0 rgba(255,255,255,0);}#ajaxsearchlite1 .probox .proinput input,div.asl_w .probox .proinput input{font-weight:normal;font-family:Open Sans;color:#000 !important;font-size:12px;line-height:normal !important;text-shadow:0 0 0 rgba(255,255,255,0);border:0;box-shadow:none;}div.asl_w.asl_msie .probox .proinput input{line-height:24px !important;}div.asl_w .probox .proinput input::-webkit-input-placeholder{font-weight:normal;font-family:Open Sans;color:rgba(0,0,0,.6) !important;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_w .probox .proinput input::-moz-placeholder{font-weight:normal;font-family:Open Sans;color:rgba(0,0,0,.6) !important;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_w .probox .proinput input:-ms-input-placeholder{font-weight:normal;font-family:Open Sans;color:rgba(0,0,0,.6) !important;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_w .probox .proinput input:-moz-placeholder{font-weight:normal;font-family:Open Sans;color:rgba(0,0,0,.6) !important;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_w .probox .proinput input.autocomplete{font-weight:normal;font-family:Open Sans;color:#000;font-size:12px;line-height:15px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_w .probox .proloading,div.asl_w .probox .proclose,div.asl_w .probox .promagnifier,div.asl_w .probox .prosettings{width:28px;height:28px;}div.asl_w .probox .promagnifier .innericon svg{fill:#363636;}div.asl_w .probox div.asl_simple-circle{border:4px solid #000;}div.asl_w .probox .prosettings .innericon svg{fill:#363636;}div.asl_w .probox .promagnifier{width:28px;height:28px;background-image:-o-linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,0));background-image:-ms-linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,0));background-image:-webkit-linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,0));background-image:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,0));background-position:center center;background-repeat:no-repeat;border:0 solid #fff;border-radius:0 0 0 0;box-shadow:-1px 1px 0 0 rgba(255,255,255,.64) inset;cursor:pointer;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;cursor:pointer;}div.asl_w .probox div.prosettings{width:28px;height:28px;background-image:-o-linear-gradient(175deg,rgba(255,255,255,0),rgba(255,255,255,0));background-image:-ms-linear-gradient(175deg,rgba(255,255,255,0),rgba(255,255,255,0));background-image:-webkit-linear-gradient(175deg,rgba(255,255,255,0),rgba(255,255,255,0));background-image:linear-gradient(175deg,rgba(255,255,255,0),rgba(255,255,255,0));background-position:center center;background-repeat:no-repeat;float:right;border:0 solid #fff;border-radius:0 0 0 0;box-shadow:0 1px 0 0 rgba(255,255,255,.64) inset;cursor:pointer;background-size:100% 100%;order:7;-webkit-order:7;}div.asl_r{position:absolute;z-index:1100;}div.asl_r.vertical{padding:4px;background:#fff;border-radius:3px;border:0 solid #b5b5b5;border-radius:0 0 0 0;box-shadow:0 0 3px -1px rgba(0,0,0,.3);visibility:hidden;display:none;}div.asl_r .results .nores .keyword{padding:0 6px;cursor:pointer;font-weight:normal;font-family:Open Sans;color:#4a4a4a;font-size:13px;line-height:13px;text-shadow:0 0 0 rgba(255,255,255,0);font-weight:bold;}div.asl_r .results .item{height:auto;background:#fff;}div.asl_r.vertical .results .item:after{background:#ccc;}div.asl_r .results .item.hovered{background:#f4f4f4;}div.asl_r .results .item .asl_image{width:70px;height:70px;}div.asl_r .results .item .asl_content h3,div.asl_r .results .item .asl_content h3 a{margin:0;padding:0;line-height:inherit;font-weight:normal;font-family:Open Sans;color:#1468a9;font-size:14px;line-height:22px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_r .results .item .asl_content h3 a:hover{font-weight:normal;font-family:Open Sans;color:#2e6bbc;font-size:14px;line-height:20px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_r .results .item div.etc{padding:0;line-height:10px;font-weight:bold;font-family:Open Sans;color:#a1a1a1;font-size:12px;line-height:13px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_r .results .item .etc .asl_author{padding:0;font-weight:bold;font-family:Open Sans;color:#a1a1a1;font-size:12px;line-height:13px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_r .results .item .etc .asl_date{margin:0 0 0 10px;padding:0;font-weight:normal;font-family:Open Sans;color:#adadad;font-size:12px;line-height:15px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_r .results .item p.desc{margin:2px 0;padding:0;font-weight:normal;font-family:Open Sans;color:#4a4a4a;font-size:13px;line-height:13px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_r .mCSBap_scrollTools .mCSBap_dragger:active .mCSBap_dragger_bar,div.asl_r .mCSBap_scrollTools .mCSBap_dragger.mCSBap_dragger_onDrag .mCSBap_dragger_bar{background:rgba(255,255,255,1);}div.asl_r.horizontal .mCSBap_scrollTools .mCSBap_dragger:active .mCSBap_dragger_bar,div.asl_r.horizontal .mCSBap_scrollTools .mCSBap_dragger.mCSBap_dragger_onDrag .mCSBap_dragger_bar{background:#fafafa;}div.asl_r .mCSBap_scrollTools .mCSBap_buttonDown{border-color:#3e3e3e transparent transparent transparent;}div.asl_r .mCSBap_scrollTools .mCSBap_buttonUp{border-color:transparent transparent #3e3e3e transparent;}div.asl_r span.highlighted{font-weight:bold;color:#d9312b;background-color:#eee;color:rgba(217,49,43,1);background-color:rgba(238,238,238,1);}div.asl_r p.showmore span{border:1px solid #eaeaea;}div.asl_s.searchsettings{background:#fff;box-shadow:0 0 0 1px #b5b5b5 inset;;}div.asl_s.searchsettings .asl_option_label{font-weight:bold;font-family:Open Sans;color:#2b2b2b;font-size:12px;line-height:15px;text-shadow:0 0 0 rgba(255,255,255,0);}div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox{background-image:linear-gradient(180deg,#222,#36373a);background-image:-webkit-linear-gradient(180deg,#222,#36373a);background-image:-moz-linear-gradient(180deg,#222,#36373a);background-image:-o-linear-gradient(180deg,#222,#36373a);background-image:-ms-linear-gradient(180deg,#222,#36373a);;}div.asl_s.searchsettings fieldset .categoryfilter{max-height:200px;overflow:auto;}div.asl_s.searchsettings fieldset legend{padding:5px 0 0 10px;margin:0;font-weight:normal;font-family:Open Sans;color:#474747;font-size:13px;line-height:15px;text-shadow:0 0 0 rgba(255,255,255,0);}.clear{clear:both}.nobr{white-space:nowrap}.lazy-hidden,.entry img.lazy-hidden,img.thumbnail.lazy-hidden{background-color:#fff}@import url("https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap"); article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}  audio,
canvas,
video {
display: inline-block;
}  audio:not([controls]) {
display: none;
height: 0;
}  [hidden],
template {
display: none;
}   html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
}   a {
background: transparent;
}  a:focus {
outline: thin dotted;
}  a:active,
a:hover {
outline: 0;
}   h1 {
font-size: 2em;
margin: 0.67em 0;
}  abbr[title] {
border-bottom: 1px dotted;
}  b,
strong,
.strong {
font-weight: bold;
}  dfn,
em,
.em {
font-style: italic;
}  hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}  p {
-webkit-hyphens: auto;
-epub-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}  pre {
margin: 0;
}  code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}  pre {
white-space: pre-wrap;
}  q {
quotes: "\201C" "\201D" "\2018" "\2019";
}  q:before,
q:after {
content: '';
content: none;
} small, .small {
font-size: 75%;
}  sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
} sup {
top: -0.5em;
} sub {
bottom: -0.25em;
}   dl,
menu,
ol,
ul {
margin: 1em 0;
} dd {
margin: 0;
}  menu {
padding: 0 0 0 40px;
} ol,
ul {
padding: 0;
list-style-type: none;
}  nav ul,
nav ol {
list-style: none;
list-style-image: none;
}   img {
border: 0;
}  svg:not(:root) {
overflow: hidden;
}   figure {
margin: 0;
}   fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}  legend {
border: 0; padding: 0; }  button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; }  button,
input {
line-height: normal;
}  button,
select {
text-transform: none;
}  button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; }  button[disabled],
html input[disabled] {
cursor: default;
}  input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; }  input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
}  input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}  button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}  textarea {
overflow: auto; vertical-align: top; }   table {
border-collapse: collapse;
border-spacing: 0;
} * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .image-replacement,
.ir {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
} .clearfix, .cf {
zoom: 1;
} .clearfix:before, .clearfix:after, .cf:before, .cf:after {
content: "";
display: table;
} .clearfix:after, .cf:after {
clear: both;
}  span.amp {
font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
font-style: italic;
}    .hidden-phone {
display: none !important;
}
@media (min-width: 1025px), (min-width: 768px) and (max-width: 1024px) { .hidden-phone {
display: block !important;
}
} .hidden-tablet {
display: none;
}
@media (min-width: 1025px), (max-width: 767px) { .hidden-tablet {
display: block;
}
} .hidden-desktop {
display: none;
}
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) { .hidden-desktop {
display: block;
}
} .desktop-only {
display: none;
}
@media (min-width: 1025px) { .desktop-only {
display: block;
}
} .tablet-only {
display: none;
}
@media (min-width: 768px) and (max-width: 1024px) { .tablet-only {
display: block;
}
} .phone-only {
display: none;
}
@media (max-width: 767px) { .phone-only {
display: block;
}
} .admin-only {
display: none;
} body.logged-in .admin-only {
display: block;
}
@keyframes fadeUp {
0% {
opacity: 0;
-moz-transform: translateY(50px);
-o-transform: translateY(50px);
-ms-transform: translateY(50px);
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
100% {
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}             .last-col {
float: right;
padding-right: 0 !important;
} @media (max-width: 767px) { .m-all {
float: left;
padding-right: 0.75em;
width: 100%;
padding-right: 0;
} .m-1of2 {
float: left;
padding-right: 0.75em;
width: 50%;
} .m-1of3 {
float: left;
padding-right: 0.75em;
width: 33.33%;
} .m-2of3 {
float: left;
padding-right: 0.75em;
width: 66.66%;
} .m-1of4 {
float: left;
padding-right: 0.75em;
width: 25%;
} .m-3of4 {
float: left;
padding-right: 0.75em;
width: 75%;
}
} @media (min-width: 768px) and (max-width: 1029px) { .t-all {
float: left;
padding-right: 0.75em;
width: 100%;
padding-right: 0;
} .t-1of2 {
float: left;
padding-right: 0.75em;
width: 50%;
} .t-1of3 {
float: left;
padding-right: 0.75em;
width: 33.33%;
} .t-2of3 {
float: left;
padding-right: 0.75em;
width: 66.66%;
} .t-1of4 {
float: left;
padding-right: 0.75em;
width: 25%;
} .t-3of4 {
float: left;
padding-right: 0.75em;
width: 75%;
} .t-1of5 {
float: left;
padding-right: 0.75em;
width: 20%;
} .t-2of5 {
float: left;
padding-right: 0.75em;
width: 40%;
} .t-3of5 {
float: left;
padding-right: 0.75em;
width: 60%;
} .t-4of5 {
float: left;
padding-right: 0.75em;
width: 80%;
}
} @media (min-width: 1030px) { .d-all {
float: left;
padding-right: 0.75em;
width: 100%;
padding-right: 0;
} .d-1of2 {
float: left;
padding-right: 0.75em;
width: 50%;
} .d-1of3 {
float: left;
padding-right: 0.75em;
width: 33.33%;
} .d-2of3 {
float: left;
padding-right: 0.75em;
width: 66.66%;
} .d-1of4 {
float: left;
padding-right: 0.75em;
width: 25%;
} .d-3of4 {
float: left;
padding-right: 0.75em;
width: 75%;
} .d-1of5 {
float: left;
padding-right: 0.75em;
width: 20%;
} .d-2of5 {
float: left;
padding-right: 0.75em;
width: 40%;
} .d-3of5 {
float: left;
padding-right: 0.75em;
width: 60%;
} .d-4of5 {
float: left;
padding-right: 0.75em;
width: 80%;
} .d-1of6 {
float: left;
padding-right: 0.75em;
width: 16.6666666667%;
} .d-1of7 {
float: left;
padding-right: 0.75em;
width: 14.2857142857%;
} .d-2of7 {
float: left;
padding-right: 0.75em;
width: 28.5714286%;
} .d-3of7 {
float: left;
padding-right: 0.75em;
width: 42.8571429%;
} .d-4of7 {
float: left;
padding-right: 0.75em;
width: 57.1428572%;
} .d-5of7 {
float: left;
padding-right: 0.75em;
width: 71.4285715%;
} .d-6of7 {
float: left;
padding-right: 0.75em;
width: 85.7142857%;
} .d-1of8 {
float: left;
padding-right: 0.75em;
width: 12.5%;
} .d-1of9 {
float: left;
padding-right: 0.75em;
width: 11.1111111111%;
} .d-1of10 {
float: left;
padding-right: 0.75em;
width: 10%;
} .d-1of11 {
float: left;
padding-right: 0.75em;
width: 9.09090909091%;
} .d-1of12 {
float: left;
padding-right: 0.75em;
width: 8.33%;
}
}       p {
-ms-word-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
-webkit-hyphenate-before: 2;
-webkit-hyphenate-after: 3;
hyphenate-lines: 3;
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
} body {
font-family: "Schibsted Grotesk", serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 16px;
line-height: 1.5;
color: #484747;
}
@media (max-width: 767px) { body {
font-size: 14px;
}
} h1 {
font-size: 26px;
font-weight: normal;
line-height: 1.1;
margin: 0;
color: black;
} h2 {
font-weight: normal;
margin: 0;
font-size: 20px;
line-height: 1.3;
} h3 {
font-size: 16px;
font-weight: normal;
margin: 0;
color: black;
}   .alert-help, .alert-info, .alert-error, .alert-success {
margin: 10px;
padding: 5px 18px;
border: 1px solid;
} .alert-help {
border-color: #e8dc59;
background: #ebe16f;
} .alert-info {
border-color: #bfe4f4;
background: #d5edf8;
} .alert-error {
border-color: #f8cdce;
background: #fbe3e4;
} .alert-success {
border-color: #deeaae;
background: #e6efc2;
}              p {
-ms-word-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
-webkit-hyphenate-before: 2;
-webkit-hyphenate-after: 3;
hyphenate-lines: 3;
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
} body {
font-family: "Schibsted Grotesk", serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 16px;
line-height: 1.5;
color: #484747;
}
@media (max-width: 767px) { body {
font-size: 14px;
}
} h1 {
font-size: 26px;
font-weight: normal;
line-height: 1.1;
margin: 0;
color: black;
} h2 {
font-weight: normal;
margin: 0;
font-size: 20px;
line-height: 1.3;
} h3 {
font-size: 16px;
font-weight: normal;
margin: 0;
color: black;
}   .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
} .owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
} .owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
} .owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
} .owl-carousel .owl-item img {
display: block;
width: 100%;
} .owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
} .owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
} .owl-carousel.owl-loaded {
display: block;
} .owl-carousel.owl-loading {
opacity: 0;
display: block;
} .owl-carousel.owl-hidden {
opacity: 0;
} .owl-carousel.owl-refresh .owl-item {
visibility: hidden;
} .owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .owl-carousel.owl-grab {
cursor: move;
cursor: grab;
} .owl-carousel.owl-rtl {
direction: rtl;
} .owl-carousel.owl-rtl .owl-item {
float: right;
}  .no-js .owl-carousel {
display: block;
}  .owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
} .owl-carousel .owl-animated-in {
z-index: 0;
} .owl-carousel .owl-animated-out {
z-index: 1;
} .owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}  .owl-height {
transition: height 500ms ease-in-out;
}  .owl-carousel .owl-item { } .owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
} .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0;
} .owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}  .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
} .owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//cdn.shortpixel.ai/spai/q_orig+ret_auto+to_webp+v_2/www.londongreencycles.co.uk/wp-content/themes/londongreencycles/library/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease;
} .owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
} .owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
} .owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
} .owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
} .homepage-block {
margin-top: 50px;
padding-top: 50px;
padding-left: 40px;
padding-right: 40px;
} .homepage-block.fullscreen {
padding: 0;
} .homepage-block.homepage-slideshow {
margin-top: 0;
border: none;
margin-bottom: 0;
} .homepage-block.homepage-slideshow .owl-nav {
display: none;
} .homepage-block.homepage-slideshow .owl-nav.disabled {
display: none;
} .homepage-block.homepage-slideshow .owl-nav .owl-prev {
position: absolute;
left: 40px;
top: 50%;
z-index: 100;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
border-radius: 100%;
font-size: 30px;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
} .homepage-block.homepage-slideshow .owl-nav .owl-prev.disabled {
display: none;
} .homepage-block.homepage-slideshow .owl-nav .owl-prev img {
width: 20px;
height: 15px;
object-fit: contain;
} .homepage-block.homepage-slideshow .owl-nav .owl-next {
position: absolute;
right: 40px;
top: 50%;
z-index: 100;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
border-radius: 100%;
font-size: 30px;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
} .homepage-block.homepage-slideshow .owl-nav .owl-next.disabled {
display: none;
} .homepage-block.homepage-slideshow .owl-nav .owl-next img {
width: 20px;
height: 15px;
object-fit: contain;
} .homepage-block.homepage-slideshow .owl-item.active .slide .slide-text {
opacity: 1;
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
} .homepage-block.homepage-slideshow .slide {
height: 100vh;
overflow: hidden;
background: black;
} .homepage-block.homepage-slideshow .slide img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.8;
} .homepage-block.homepage-slideshow .slide .slide-text {
position: absolute;
top: 0;
left: 40px;
z-index: 10;
max-width: 950px;
top: 150px;
opacity: 0;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
padding-top: 100px;
color: white;
-moz-transform: translateY(20px);
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
-webkit-transform: translateY(20px);
transform: translateY(20px);
} .homepage-block.homepage-slideshow .slide .slide-text h1 {
color: white;
margin-bottom: 10px;
} .homepage-block.homepage-slideshow .slide .slide-text h2 {
margin: 0;
font-size: 30px;
} .homepage-block.homepage-slideshow .slide .slide-text .slide-link {
margin-top: 40px;
display: flex;
align-items: center;
flex-wrap: wrap;
font-size: 18px;
} .homepage-block.homepage-slideshow .slide .slide-text .slide-link svg {
width: 20px;
height: 20px;
margin-right: 10px;
fill: white;
} .homepage-block.homepage-slideshow .slide .slide-text .slide-link svg line {
stroke: white;
} .homepage-block.homepage-products .blocktitle {
margin: 0;
}
@media (max-width: 767px) { .homepage-block.homepage-products .products .product {
width: 100%;
}
} .homepage-block.homepage-intro {
padding: 40px;
position: relative;
} .homepage-block.homepage-intro .text-container {
max-width: 950px;
position: relative;
font-size: 30px;
} .homepage-block.homepage-intro .cargo-icon {
position: absolute;
left: 0;
bottom: 0;
-webkit-transition: all ease-out 1s;
transition: all ease-out 1s;
} .homepage-block.homepage-intro .cargo-icon svg {
width: 70px;
height: auto;
} .homepage-block.homepage-brands {
padding-left: 0;
padding-right: 0;
} .homepage-block.homepage-brands .blocktitle {
position: relative;
padding: 40px;
} .homepage-block.homepage-brands .blocktitle h2 {
font-size: 30px;
} .homepage-block.homepage-brands .brand-item .brand-image-container {
width: 100%;
position: relative;
padding-top: 63%;
} .homepage-block.homepage-brands .brand-item .brand-image-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
} .homepage-block.homepage-brands .brand-item .logo {
height: auto;
margin-top: 40px;
margin-bottom: 40px;
text-align: center;
} .homepage-block.homepage-brands .brand-item .logo img {
width: 150px;
height: auto;
margin: 0 auto;
} .homepage-block.homepage-brands .owl-nav .owl-prev {
position: absolute;
left: 40px;
top: 50%;
z-index: 100;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
border-radius: 100%;
font-size: 30px;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
} .homepage-block.homepage-brands .owl-nav .owl-prev.disabled {
display: none;
} .homepage-block.homepage-brands .owl-nav .owl-prev img {
width: 20px;
height: 15px;
object-fit: contain;
} .homepage-block.homepage-brands .owl-nav .owl-next {
position: absolute;
right: 40px;
top: 50%;
z-index: 100;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
border-radius: 100%;
font-size: 30px;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
} .homepage-block.homepage-brands .owl-nav .owl-next.disabled {
display: none;
} .homepage-block.homepage-brands .owl-nav .owl-next img {
width: 20px;
height: 15px;
object-fit: contain;
} .homepage-block.homepage-links .homepage-links-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
} .homepage-block.homepage-links .homepage-links-container .homepage-link {
width: calc(50% - 40px*0.5);
margin-bottom: 40px;
border-radius: 20px;
position: relative;
overflow: hidden;
}
@media (max-width: 767px) { .homepage-block.homepage-links .homepage-links-container .homepage-link {
width: 100%;
}
} .homepage-block.homepage-links .homepage-links-container .homepage-link .link-cover {
position: relative;
width: 100%;
padding-top: 80%;
background: black;
} .homepage-block.homepage-links .homepage-links-container .homepage-link .link-cover img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.8;
} .homepage-block.homepage-links .homepage-links-container .homepage-link .slide-info {
position: absolute;
top: 0;
left: 0;
padding: 40px 20px;
color: white;
} .homepage-block.homepage-links .homepage-links-container .homepage-link .slide-info h1 {
color: white;
margin-bottom: 10px;
} .homepage-block.homepage-links .homepage-links-container .homepage-link .slide-info h2 {
margin: 0;
} .header {
padding: 0px 40px;
position: fixed;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding-bottom: 0;
justify-content: space-between;
top: 0;
left: 0;
width: 100%;
z-index: 999;
height: 150px;
align-items: center;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
} .scrolled .header {
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
} .menu-visible .header {
background: white;
}
@media (min-width: 1025px), (min-width: 768px) and (max-width: 1024px) { .header.white .logo svg {
fill: white;
}
}
@media (min-width: 1025px) and (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (max-width: 767px) { .header.white .logo svg {
fill: black;
}
}
@media (min-width: 1025px), (min-width: 768px) and (max-width: 1024px) { .scrolled .header.white .logo svg {
fill: black;
} .header.white .menu-icon span {
background: white;
}
}
@media (min-width: 1025px) and (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (max-width: 767px) { .header.white .menu-icon span {
background: black;
}
} .header.intro-visual .logo svg, .page-template-page-homepage .header .logo svg {
fill: white;
}
@media (max-width: 767px) { .header.intro-visual .logo svg, .page-template-page-homepage .header .logo svg {
fill: black;
}
}
@media (max-width: 767px) { .header {
padding: 20px;
height: 100px;
}
} .header .scrolled-logo {
position: absolute;
left: 0;
right: 0;
width: 300px;
margin: auto;
text-align: center;
} .header .scrolled-logo svg {
width: 120px;
height: auto;
} .header .scrolled-logo {
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transition: all ease-out 0.4s;
transition: all ease-out 0.4s;
} .scrolled .header .scrolled-logo {
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
transform: translateY(0px);
} .header .logo {
order: 1;
color: inherit;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
}
@media (max-width: 767px) { .header .logo {
width: 70%;
margin: 0 auto;
order: 1;
}
} .scrolled .header .logo {
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
visibility: hidden;
} [data-scroll="scroll-down"] .header .logo {
-moz-transform: translateY(-150px);
-o-transform: translateY(-150px);
-ms-transform: translateY(-150px);
-webkit-transform: translateY(-150px);
transform: translateY(-150px);
}
@media (min-width: 1025px) { .header .logo {
position: absolute;
left: 0;
right: 0;
width: 300px;
margin: auto;
text-align: center;
}
} .header .logo a {
font-weight: bold;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 1px;
} .menu-visible .header .logo {
color: black;
} .menu-visible .header .logo svg {
fill: black;
} .header .logo svg {
width: 350px;
height: auto;
fill: black;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
}
@media (max-width: 767px) { .header .logo svg {
width: 100%;
height: auto;
}
}
@media (min-width: 768px) and (max-width: 1024px) { .header .logo svg {
width: 300px;
}
} .header .menu-container {
display: flex;
flex-wrap: wrap;
align-items: center;
text-transform: uppercase;
font-weight: 500;
font-size: 20px;
} .header .menu-container ul {
display: flex;
flex-wrap: wrap;
order: 2;
} .header .menu-container ul li {
margin-right: 20px;
} .header .menu-container ul li a {
text-transform: uppercase;
} .header .menu-container.right-desktop-menu {
order: 2;
}
@media (max-width: 767px) { .header .menu-container.right-desktop-menu {
order: 2;
display: none;
} .header .menu-container.right-desktop-menu.menu-visible .header .menu-container.right-desktop-menu {
display: block;
}
} .header .menu-container.right-desktop-menu .account {
display: flex;
flex-wrap: wrap;
align-items: center;
} .header .menu-container.right-desktop-menu .account a.button.testride {
order: 3;
padding: 10px 25px;
position: relative;
display: inline-block;
position: relative;
color: white;
background: #212121;
border: none;
border-radius: 30px;
display: block;
width: auto;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
font-size: 16px;
} .header .menu-container.right-desktop-menu .account a.button.testride:hover {
background: #CCC;
color: black;
}
@media (max-width: 767px) { .header .menu-container.right-desktop-menu .account a.button.testride {
padding: 5px 10px;
font-size: 12px;
}
} .header .menu-container.right-desktop-menu .account .xoo-wsc-sc-bki {
font-size: 20px;
} .header .menu-container.right-desktop-menu .account .xoo-wsc-sc-cont {
margin-left: 20px;
} .header .menu-container.right-desktop-menu .account .xoo-wsc-sc-cont .xoo-wsc-sc-subt {
display: none;
} .header .menu-container.right-desktop-menu .account .search-icon {
margin-left: 20px;
cursor: pointer;
order: 2;
} .header .menu-container.right-desktop-menu .account .search-icon.active {
opacity: 0.5;
} .header .menu-container.right-desktop-menu .account .search-icon svg {
width: 20px;
height: 20px;
} .header .menu-container.right-desktop-menu a {
margin-left: 20px;
font-size: 20px;
} .header .menu-container.right-desktop-menu a svg {
width: 20px;
height: 20px;
fill: black;
} .header .menu-container.left-desktop-menu {
order: 1;
}
@media (max-width: 767px) { .header .menu-container.left-desktop-menu {
display: none;
}
} .header .menu-container.left-desktop-menu .menu-icon {
order: 1;
margin-right: 10px;
} .menu-visible .header .menu-container.left-desktop-menu .menu-icon {
opacity: 0.5;
}
@media (max-width: 767px) { .header .header-logo {
width: 45%;
} .header .header-logo svg {
width: 100%;
fill: black;
}
} .header .menu-icon {
margin-left: 0px;
cursor: pointer;
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: column;
order: 2;
}
@media (min-width: 1025px) { .header .menu-icon.phone-only {
display: none;
}
} .header .menu-icon span {
width: 30px;
height: 2px;
display: block;
background: black;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
} .header .menu-icon span:nth-child(2) {
margin: 5px auto;
} .page-template-page-homepage .header .menu-icon span {
background: white;
}
@media (max-width: 767px) { .page-template-page-homepage .header .menu-icon span {
background: black;
}
} .scrolled .header .menu-icon span {
background: black;
} .menu-visible .header .menu-icon span {
background: black;
} .menu-visible .header .menu-icon span:nth-child(1) {
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} .menu-visible .header .menu-icon span:nth-child(2) {
-moz-transform: rotate(-45deg) translateY(-4px) translateX(4px);
-o-transform: rotate(-45deg) translateY(-4px) translateX(4px);
-ms-transform: rotate(-45deg) translateY(-4px) translateX(4px);
-webkit-transform: rotate(-45deg) translateY(-4px) translateX(4px);
transform: rotate(-45deg) translateY(-4px) translateX(4px);
} .menu-visible .header .menu-icon span:nth-child(3) {
opacity: 0;
} .phone-menu {
position: fixed;
top: 100px;
left: 0;
width: 100%;
z-index: 999;
height: calc(100% - 100px);
background: white;
display: flex;
flex-wrap: wrap;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
overflow: scroll;
} .phone-menu ul {
padding: 20px;
} .phone-menu ul li a {
font-size: 30px;
text-transform: uppercase;
} .menu-visible .phone-menu {
opacity: 1;
visibility: visible;
} .main-menu {
position: fixed;
top: 150px;
left: 0;
width: 100%;
z-index: 30;
height: calc(100% - 150px);
background: white;
display: flex;
flex-wrap: wrap;
border-top: solid 1px #CCC;
opacity: 0;
visibility: hidden;
overflow: scroll;
}
@media (max-width: 767px) { .main-menu {
top: 100px;
height: calc(100% - 100px);
} .main-menu .account {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 20px;
width: 100%;
justify-content: space-between;
} .main-menu .account a.button.testride {
order: 3;
padding: 10px 25px;
position: relative;
display: inline-block;
position: relative;
color: white;
background: #212121;
border: none;
border-radius: 30px;
display: block;
width: auto;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
font-size: 16px;
} .main-menu .account a.button.testride:hover {
background: #CCC;
color: black;
} .main-menu .account a svg {
width: 30px;
} .main-menu .account .xoo-wsc-sc-bki {
font-size: 30px;
} .main-menu .account .xoo-wsc-sc-cont {
margin-left: 30px;
} .main-menu .account .xoo-wsc-sc-cont .xoo-wsc-sc-subt {
display: none;
} .main-menu .account .search-icon {
margin-left: 20px;
cursor: pointer;
order: 2;
} .main-menu .account .search-icon.active {
opacity: 0.5;
} .main-menu .account .search-icon svg {
width: 30px;
height: 30px;
}
} .menu-visible .main-menu {
opacity: 1;
visibility: visible;
}
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) { .menu-visible .main-menu .menu-image {
display: none;
}
}
@media (max-width: 767px) { .main-menu .menu-container {
width: 100%;
height: auto;
overflow: scroll;
scroll-behavior: smooth;
padding: 40px;
display: flex;
flex-wrap: wrap;
justify-content: cente;
align-items: flex-start;
flex-direction: column;
border-top: solid 1px #CCC;
}
}
@media (min-width: 1025px) { .main-menu .menu-container {
width: 25%;
padding: 40px;
height: 100%;
border-right: solid 1px #CCC;
font-size: 20px;
}
} .main-menu .menu-container.large-menu {
font-size: 30px;
text-transform: uppercase;
} .main-menu .menu-container.large-menu ul {
margin: 0;
} .main-menu .menu-container.large-menu ul li.contactus-link {
margin-top: 40px;
} .main-menu .menu-container.large-menu ul li.sales-link {
} .main-menu .menu-container.large-menu ul li.sales-link a {
color: red;
} .main-menu .menu-container .menu-title {
opacity: 0.5;
margin-bottom: 40px;
} .main-menu .menu-container #menu-main_menu {
display: flex;
flex-wrap: wrap;
order: 1;
flex-direction: column;
align-items: flex-start;
margin: 0;
position: relative;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
}
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) { .main-menu .menu-container #menu-main_menu {
width: 100%;
left: 0;
justify-content: center;
text-align: center;
}
} .main-menu .menu-container #menu-main_menu li {
margin-right: 0;
display: block;
width: 100%;
font-size: 30px;
}
@media (max-width: 767px) { .main-menu .menu-container #menu-main_menu li {
color: black;
}
} .main-menu .menu-container #menu-main_menu li a:hover {
opacity: 0.5;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
} .main-menu .menu-container #menu-main_menu li ul.sub-menu {
z-index: 1;
width: 100%;
}
@media (min-width: 1025px) { .main-menu .menu-container #menu-main_menu li ul.sub-menu {
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
}
}
@media (min-width: 1025px) { .main-menu .menu-container #menu-main_menu li ul.sub-menu {
position: absolute;
top: 0;
left: 75%;
margin: 0;
opacity: 0;
-moz-transform: translateX(20px);
-o-transform: translateX(20px);
-ms-transform: translateX(20px);
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) { .main-menu .menu-container #menu-main_menu li ul.sub-menu {
position: relative;
max-height: 0px;
overflow: hidden;
margin: 0;
}
} .main-menu .menu-container #menu-main_menu li ul.sub-menu li {
font-size: 25px;
margin-bottom: 10px;
}
@media (max-width: 767px) { .main-menu .menu-container #menu-main_menu li ul.sub-menu li {
opacity: 0;
}
} .main-menu .menu-container #menu-main_menu li ul.sub-menu li a {
opacity: 0.5;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
} .main-menu .menu-container #menu-main_menu li ul.sub-menu li a:hover {
opacity: 1;
} .search-bar {
position: fixed;
top: 150px;
z-index: 90;
left: 0;
width: 100%;
padding: 40px;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
opacity: 0;
visibility: hidden;
} .search-visible .search-bar {
opacity: 1;
visibility: visible;
} .search-bar #ajaxsearchlite1 {
border-radius: 10px;
padding: 10px;
background: white;
border: solid 1px black;
} .footer {
margin-top: 100px;
border-top: solid 1px #CCC;
padding-top: 40px;
position: relative;
} .footer:visible .scroll-up {
opacity: 1;
} .footer .scroll-up {
position: absolute;
top: 40px;
right: 40px;
@inxlude transform(translateX(-50%));
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
visibility: hidden;
opacity: 0;
cursor: pointer;
}
@media (max-width: 767px) { .footer .scroll-up {
position: relative;
top: auto;
right: auto;
margin: 40px auto;
text-align: center;
}
} .scrolled-to-bottom .footer .scroll-up {
opacity: 1;
visibility: visible;
} .footer .footer-inner {
display: flex;
flex-wrap: wrap;
padding: 0 40px;
flex-direction: row;
align-items: flex-start;
} .footer .footer-inner .footer-logo {
width: 200px;
} .footer .footer-inner .footer-logo svg {
width: 200px;
height: auto;
} .footer .footer-inner .footer-menu {
margin-right: 100px;
} .footer .footer-inner .footer-menu.social-menu {
display: flex;
flex-wrap: wrap;
} .footer .footer-inner .footer-menu.social-menu a {
margin: 0 10px;
} .footer .footer-inner .footer-menu.social-menu a svg {
width: 25px;
height: 25px;
} .footer .footer-inner .footer-menu .menutitle {
opacity: 0.5;
width: 100%;
display: block;
} .footer .footer-inner .footer-menu ul li {
text-align: left;
} .footer .footer-legal-note {
margin-top: 100px;
padding: 0 40px;
font-size: 13px;
color: #333;
margin-bottom: 50px;
opacity: 0.6;
text-align: center;
} .page-template-page-about .header {
color: white;
}
@media (max-width: 767px) { .page-template-page-about .main-content.nomargin {
margin-top: 150px;
}
}
@media (max-width: 767px) and (max-width: 767px) { .page-template-page-about .main-content.nomargin {
margin-top: 100px;
}
} .page-template-page-about.body-loaded .about-intro img {
animation: fadeIn;
animation-duration: 1s;
animation-delay: 1s;
animation-fill-mode: forwards;
} .page-template-page-about.scrolled .header {
color: black;
} .page-template-page-about.scrolled .about-with-intro-image .category-menu {
color: black;
}
@media (min-width: 768px) and (max-width: 1024px), (min-width: 1025px) { .page-template-page-about .about-with-intro-image .category-header {
position: fixed;
top: 150px;
z-index: 10;
margin: 0;
left: 0;
}
} .page-template-page-about .about-with-intro-image .category-menu {
color: white;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
}
@media (max-width: 767px) { .page-template-page-about .about-with-intro-image .category-menu {
color: black;
}
} .page-template-page-about .about-intro {
position: relative;
width: 100%;
background: #CCC;
}
@media (max-width: 767px) { .page-template-page-about .about-intro {
height: auto;
}
} .page-template-page-about .about-intro .video-container {
width: 100%;
position: relative;
padding-top: 56.7%;
padding-top: 41.7%;
margin-bottom: 40px;
background: #CCC;
} .page-template-page-about .about-intro .video-container .unmute {
position: absolute;
z-index: 99999;
color: white;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
color: white;
cursor: pointer;
width: 60px;
height: 60px;
border-radius: 100%;
background: rgba(0, 0, 0, 0.3);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
z-index: 10;
} .page-template-page-about .about-intro .video-container .unmute.hide {
display: none;
} .page-template-page-about .about-intro .video-container .unmute.show {
display: flex;
} .page-template-page-about .about-intro .video-container .unmute svg {
width: 20px;
height: auto;
fill: white;
} .page-template-page-about .about-intro .video-container .mute {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 99999;
color: white;
color: white;
cursor: pointer;
width: 60px;
height: 60px;
border-radius: 100%;
background: rgba(0, 0, 0, 0.6);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
opacity: 0.5;
display: none;
} .page-template-page-about .about-intro .video-container .mute.hide {
display: none;
} .page-template-page-about .about-intro .video-container .mute.show {
display: flex;
} .page-template-page-about .about-intro .video-container .mute svg {
width: 20px;
height: auto;
fill: white;
} .page-template-page-about .about-intro .video-container iframe {
position: absolute;
top: 50%;
left: 50%;
width: 100vw;
height: 100vh;
transform: translate(-50%, -50%);
}
@media (min-aspect-ratio: 16 / 9) { .page-template-page-about .about-intro .video-container iframe { height: 56.25vw;
}
}
@media (max-aspect-ratio: 16 / 9) { .page-template-page-about .about-intro .video-container iframe { width: 177.78vh;
}
} .page-template-page-about .about-intro .image-container {
width: 100%;
height: 100vh;
position: relative;
}
@media (max-width: 767px) { .page-template-page-about .about-intro .image-container {
display: none;
}
} .page-template-page-about .about-intro .image-container img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
}
@media (min-width: 768px) and (max-width: 1024px) { .page-template-page-about .category-header {
margin-top: 150px;
}
} .page-template-page-about .category-header + .about-blocks-container {
margin-top: calc( 100px);
}
@media (min-width: 768px) and (max-width: 1024px) { .page-template-page-about .category-header + .about-blocks-container {
margin-top: 40px;
}
}
@media (max-width: 767px) { .page-template-page-about .category-header + .about-blocks-container {
margin-top: 0;
}
} .page-template-page-about .about-blocks-container {
margin-top: 100px;
}
@media (max-width: 767px) { .page-template-page-about .about-blocks-container {
margin-top: 0;
}
} .page-template-page-about .about-blocks-container .textimage-block {
padding: 40px;
}
@media (min-width: 768px) and (max-width: 1024px) { .page-template-page-about .about-blocks-container .textimage-block {
padding: 0;
margin-bottom: 40px;
}
}
@media (max-width: 767px) { .page-template-page-about .about-blocks-container .textimage-block {
margin-top: 40px;
}
} .page-template-page-about .about-blocks-container .textimage-block.inview .image-container {
animation: fadeUp;
animation-duration: 1s;
animation-delay: 0s;
animation-fill-mode: forwards;
} .page-template-page-about .about-blocks-container .textimage-block.inview .text-container {
animation: fadeUp;
animation-duration: 1s;
animation-delay: .5s;
animation-fill-mode: forwards;
} .page-template-page-about .about-blocks-container .textimage-block .inner {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
@media (min-width: 1025px), (min-width: 768px) and (max-width: 1024px) { .page-template-page-about .about-blocks-container .textimage-block .inner.image-right .image-container {
order: 2;
} .page-template-page-about .about-blocks-container .textimage-block .inner.image-right .text-container {
order: 1;
} .page-template-page-about .about-blocks-container .textimage-block .inner.image-left .image-container {
order: 1;
} .page-template-page-about .about-blocks-container .textimage-block .inner.image-left .text-container {
order: 2;
}
} .page-template-page-about .about-blocks-container .textimage-block .inner .image-container {
width: 50%;
opacity: 0;
}
@media (max-width: 767px) { .page-template-page-about .about-blocks-container .textimage-block .inner .image-container {
width: 100%;
margin-bottom: 40px;
}
} .page-template-page-about .about-blocks-container .textimage-block .inner .text-container {
width: 50%;
padding: 0 40px;
position: relative;
opacity: 0;
}
@media (max-width: 767px) { .page-template-page-about .about-blocks-container .textimage-block .inner .text-container {
width: 100%;
padding: 0 20px;
}
} .page-template-page-about .about-blocks-container .textimage-block .inner .text-container .inner-text {
max-width: 950px;
margin: 0 auto;
} .page-template-page-about .about-blocks-container .textimage-block .inner .text-container .inner-text h2 {
font-size: 40px;
margin-bottom: 50px;
} .page-template-page-about .about-blocks-container .textimage-block .inner .text-container .inner-text .text {
width: 80%;
}
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) { .page-template-page-about .about-blocks-container .textimage-block .inner .text-container .inner-text .text {
width: 100%;
}
}
@media (max-width: 767px) { .page-template-page-about .about-blocks-container .textimage-block {
width: 100%;
padding: 0;
}
} .page-template-page-about .about-blocks-container .textimage-block .text-inner {
max-width: 50%;
margin: 0 auto;
}
@media (max-width: 767px) { .page-template-page-about .about-blocks-container .textimage-block .text-inner {
max-width: 100%;
}
} .page-template-page-about .about-blocks-container .selectedwork-block .blocktitle {
padding: 0 40px;
} .single-team .return {
position: fixed;
top: 150px;
right: 40px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media (max-width: 767px) { .single-team .return {
display: none;
}
} .single-team .return svg {
width: 10px;
height: 10px;
margin-right: 5px;
} .single-team .pagination .prev {
position: fixed;
widthL: 40px;
top: 150px;
height: calc(100vh - 150px);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
z-index: 10;
left: 40px;
}
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) { .single-team .pagination .prev {
left: 20px;
}
} .single-team .pagination .prev svg {
width: 30px;
height: 30px;
} .single-team .pagination .next {
position: fixed;
widthL: 40px;
top: 150px;
height: calc(100vh - 150px);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
z-index: 10;
right: 40px;
}
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) { .single-team .pagination .next {
right: 20px;
}
} .single-team .pagination .next svg {
width: 20px;
height: 20px;
} .single-team .team-content {
display: flex;
flex-wrap: wrap;
margin: 150px auto;
max-width: 1200px;
height: calc(100vh - 150px);
justify-content: center;
align-items: center;
}
@media (min-width: 768px) and (max-width: 1024px) { .single-team .team-content {
height: auto;
padding-top: 40px;
margin-bottom: 40px;
}
}
@media (max-width: 767px) { .single-team .team-content {
height: auto;
}
} .single-team .team-content .cover {
width: 50%;
}
@media (max-width: 767px) { .single-team .team-content .cover {
width: 100%;
margin-bottom: 40px;
}
} .single-team .team-content .info {
width: 50%;
padding: 0 40px;
}
@media (max-width: 767px) { .single-team .team-content .info {
width: 100%;
}
} .single-team .other-members {
margin-top: 40px;
}
@media (min-width: 768px) and (max-width: 1024px) { .single-team .other-members {
margin-top: 0;
}
} .single-team .other-members .grid-container {
padding: 0 40px;
} .single-team .other-members .grid-container .team-member {
width: 10%;
margin: 0 40px;
}
@media (max-width: 767px) { .single-team .other-members .grid-container .team-member {
width: 50%;
}
}
@media (min-width: 768px) and (max-width: 1024px) { .single-team .other-members .grid-container .team-member {
width: 25%;
}
} .single-team .other-members .grid-container .team-member:hover .cover-image img {
opacity: 0.5;
} .single-team .other-members .grid-container .team-member:hover .title {
opacity: 1;
} .single-team .other-members .grid-container .team-member .cover-image {
width: 100%;
height: 0;
padding-top: 100%;
position: relative;
overflow: hidden;
border-radius: 100%;
background: black;
} .single-team .other-members .grid-container .team-member .cover-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 1;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
}
@media (max-width: 767px) { .single-team .other-members .grid-container .team-member .cover-image img {
opacity: 1;
}
} .single-team .other-members .grid-container .team-member .title {
text-align: center;
opacity: 0;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
}
@media (max-width: 767px) { .single-team .other-members .grid-container .team-member .title {
opacity: 1;
}
} .contact-info {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 900px;
justify-content: center;
align-content: center;
margin: 40px auto;
} .contact-info .form-links {
display: flex;
flex-wrap: wrap;
margin: 40px 0;
width: 100%;
justify-content: center;
}
@media (max-width: 767px) { .contact-info .form-links {
padding: 0 20px;
order: 1;
margin-bottom: 0;
}
} .contact-info .form-links .form-link {
padding: 10px 25px;
position: relative;
display: inline-block;
position: relative;
color: white;
background: #212121;
border: none;
border-radius: 30px;
display: block;
width: auto;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
cursor: pointer;
margin: 0 20px;
} .contact-info .form-links .form-link:hover {
background: #CCC;
color: black;
}
@media (max-width: 767px) { .contact-info .form-links .form-link {
margin: 0;
margin-bottom: 20px;
font-size: 12px;
width: 100%;
text-align: center;
}
}
@media (max-width: 767px) { .contact-info .text {
padding: 0 20px;
order: 2;
margin: 0;
}
} .contact-overlay {
position: fixed;
top: 0;
left: 0;
background: rgba(250, 250, 250, 0.97);
width: 100%;
height: 100%;
overflow: scroll;
z-index: 999;
opacity: 0;
visibility: hidden;
}
@media (max-width: 767px) { .contact-overlay {
background: rgba(250, 250, 250, 0.95);
}
} .client-form-visible .contact-overlay.client-overlay {
opacity: 1;
visibility: visible;
} .enquiry-form-visible .contact-overlay.enquiry-overlay {
opacity: 1;
visibility: visible;
} .contact-form {
max-width: 950px;
margin: 100px auto;
position: relative;
font-family: 'AvenirNext-Regular';
}
@media (max-width: 767px) { .contact-form {
padding: 10px;
}
} .contact-form a {
text-decoration: underline;
} .contact-form .close {
position: absolute;
top: 0;
right: 0;
font-size: 16px;
cursor: pointer;
opacity: 0.3;
}
@media (max-width: 767px) { .contact-form .close {
position: fixed;
background: white;
padding: 10px;
opacity: 1;
z-index: 10;
}
} .contact-form .close:hover {
opacity: 1;
} .contact-form .title {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: light;
width: 100%;
text-align: center;
margin-bottom: 40px;
} .contact-form form {
background: #efefef;
padding: 20px;
display: flex;
flex-wrap: wrap;
} .contact-form form p {
width: 100%;
} .contact-form form label {
margin-bottom: 10px;
display: block;
font-size: 16px;
} .contact-form form .wpcf7-checkbox {
display: flex;
flex-direction: column;
} .contact-form form input {
background: white;
border: none;
padding: 10px;
font-size: 16px;
margin-top: 5px;
width: 100%;
max-width: 100%;
} .contact-form form input[type="checkbox"] {
width: auto;
margin-right: 10px;
border: none;
} .contact-form form textarea {
width: 100%;
padding: 10px;
} .contact-form form .note {
font-size: 16px;
} .single-post .main-content {
margin-top: 0;
}
@media (max-width: 767px) { .single-post .main-content {
margin-top: 150px;
}
} .single-post .post-header {
position: relative;
width: 100%;
height: 100vh;
display: flex;
flex-wrap: wrap;
align-items: center;
background: #efefef;
}
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) { .single-post .post-header {
height: auto;
}
}
@media (min-width: 768px) and (max-width: 1024px) { .single-post .post-header {
flex-direction: column;
}
}
@media (max-width: 767px) { .single-post .post-header {
height: auto;
padding-bottom: 40px;
}
} .single-post .post-header .header-image {
width: 50%;
height: 100vh;
}
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) { .single-post .post-header .header-image {
width: 100%;
height: auto;
}
} .single-post .post-header .header-image img {
width: 100%;
height: 100%;
object-fit: cover;
} .single-post .post-header .info {
width: 50%;
padding: 40px;
}
@media (max-width: 767px) { .single-post .post-header .info {
width: 100%;
height: auto;
padding: 20px;
}
}
@media (min-width: 768px) and (max-width: 1024px) { .single-post .post-header .info {
width: 100%;
}
} .single-post .post-header .info .date {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: light;
font-size: 16px;
margin-top: 40px;
} .single-post .post-content {
max-width: 950px;
padding: 0 40px;
margin: 40px auto;
}
@media (max-width: 767px) { .single-post .post-content {
padding: 0;
} .single-post .post-content p {
padding: 0 40px;
}
} .single-post .post-content img {
width: 100%;
height: auto;
margin: 20px auto;
} .single-post .post-content .wp-block-embed__wrapper {
position: relative;
margin: 40px auto;
width: 100%;
padding-top: 56.7%;
background: #CCC;
} .single-post .post-content .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .single-post .related {
mergin-top: 100px;
border-top: solid 1px #CCC;
}
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) { .single-post .related {
padding: 0;
}
}
@media (max-width: 767px) { .single-post .related .grid-item {
width: 100%;
margin-right: 0;
} .single-post .related .grid-item .title {
padding: 0 20px;
}
} .error404 .main-content {
min-height: calc(100vh - 150px - 350px);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
padding: 40px;
flex-direction: column;
} .error404 .main-content .homepage-link {
margin-top: 40px;
text-align: center;
} .error404 .main-content a {
display: block;
padding: 10px 25px;
position: relative;
display: inline-block;
position: relative;
color: white;
background: #212121;
border: none;
border-radius: 30px;
display: block;
width: auto;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
} .error404 .main-content a:hover {
background: #CCC;
color: black;
} .page-template-page-textonly .main-content {
padding: 40px;
margin-left: auto;
margin-right: auto;
max-width: 1000px;
} .single-product .header {
background: white;
} .single-product .woocommerce-breadcrumb {
padding: 0 40px;
display: block;
margin-bottom: 10px;
} .single-product .woocommerce-breadcrumb a {
text-decoration: underline;
} .single-product.product-gallery-visible {
overflow: hidden;
} .single-product .product {
position: relative;
z-index: 1;
} .single-product .product .product-content {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
} .single-product .product .woocommerce-product-gallery {
width: 50%;
position: sticky;
top: 150px;
}
@media (max-width: 767px) { .single-product .product .woocommerce-product-gallery {
width: 100%;
order: 1;
position: relative;
top: 0;
}
} .single-product .product .woocommerce-product-gallery .product-gallery {
width: 100%;
} .single-product .product .woocommerce-product-gallery .product-gallery img {
width: 100%;
height: auto;
max-height: calc(100vh - 150px - 200px);
object-fit: contain;
cursor: pointer;
} .single-product .product .woocommerce-product-gallery .product-gallery .gallery-link {
cursor: pointer;
padding: 0 40px;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 5px;
} .single-product .product .woocommerce-product-gallery .product-gallery .gallery-link svg {
width: 15px;
height: 15px;
margin-right: 5px;
stroke: black;
} .single-product .product .woocommerce-product-gallery .product-gallery .gallery-link span.number {
opacity: 0.5;
margin-left: 5px;
} .single-product .product .woocommerce-product-gallery .product-gallery .thumbnails {
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 0 40px;
margin-bottom: 10px;
} .single-product .product .woocommerce-product-gallery .product-gallery .thumbnails img {
width: 90px;
height: 60px;
object-fit: cover;
margin-right: 5px;
cursor: pointer;
} .single-product .product .summary {
width: 50%;
}
@media (max-width: 767px) { .single-product .product .summary {
width: 100%;
order: 2;
}
} .single-product .product .summary .inner-summary {
max-width: 950px;
margin: 0 auto;
padding: 40px;
} .single-product .product .summary .inner-summary a {
text-decoration: underline;
} .single-product .product .summary .inner-summary .variations {
width: 100%;
margin-top: 40px;
} .single-product .product .summary .inner-summary .variations tr {
width: 100%;
border-top: solid 1px #CCC;
padding-top: 20px;
display: block;
padding-bottom: 20px;
} .single-product .product .summary .inner-summary .variations tr .label label {
font-weight: normal;
} .single-product .product .summary .inner-summary .variations tr .label .woo-selected-variation-item-name {
font-weight: normal;
} .single-product .product .summary .inner-summary .variations ul.image-variable-items-wrapper li.image-variable-item {
width: 140px;
height: 140px;
border: 0;
border-radius: 0;
position: relative;
padding: 0;
border: none;
} .single-product .product .summary .inner-summary .variations ul.image-variable-items-wrapper li.image-variable-item .variable-item-contents:before {
height: 30px;
width: 30px;
} .single-product .product .summary .inner-summary .variations ul.image-variable-items-wrapper li.image-variable-item .variable-item-contents img {
border-radius: 0;
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
left: 0;
} .single-product .product .summary .inner-summary .variations .reset_variations {
position: relative;
display: block;
margin-top: 40px;
opacity: 0.6;
} .single-product .product .summary .inner-summary .single_add_to_cart_button {
margin-top: 40px;
padding: 10px 25px;
position: relative;
display: inline-block;
position: relative;
color: white;
background: #212121;
border: none;
border-radius: 30px;
display: block;
width: auto;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
width: 100%;
} .single-product .product .summary .inner-summary .single_add_to_cart_button:hover {
background: #CCC;
color: black;
} .single-product .product .summary .inner-summary .view-share-cart {
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
opacity: 0;
visibility: hidden;
margin-top: 20px;
max-width: 950px;
} .single-product .product .summary .inner-summary .view-share-cart.visible {
opacity: 1;
visibility: visible;
} .single-product .product .summary .inner-summary .view-share-cart .button {
padding: 10px 25px;
position: relative;
display: inline-block;
position: relative;
color: white;
background: #212121;
border: none;
border-radius: 30px;
display: block;
width: auto;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
background: #254107;
} .single-product .product .summary .inner-summary .view-share-cart .button:hover {
background: #CCC;
color: black;
} .single-product .product .summary .inner-summary .view-share-cart .button a {
text-align: center;
display: block;
width: 100%;
text-decoration: none;
} .single-product .product .summary .product_meta {
display: none;
} .single-product .product .summary .quantity {
display: none;
} .single-product .product .summary .stock.in-stock {
color: green;
} .single-product .product .summary .stock.lead-time {
color: red;
}
.single-product .product .summary .stock.backorder {
color: orange;
} .single-product .product .technical-specifications {
position: relative;
margin: 0 auto;
width: 100%;
max-width: 1600px;
padding: 40px;
margin-top: 40px;
}
@media (max-width: 767px) { .single-product .product .technical-specifications {
padding: 20px;
}
} .single-product .product .technical-specifications + .additional-info {
margin-top: 0;
} .single-product .product .technical-specifications .info-title {
position: relative;
cursor: pointer;
position: relative;
width: 100%;
padding: 20px 0;
border-bottom: solid 1px #CCCC;
} .single-product .product .technical-specifications .info-title svg {
width: 15px;
height: 15px;
position: absolute;
right: 0;
top: 50%;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
} .single-product .product .technical-specifications .technical-specifications-content {
display: none;
} .single-product .product .technical-specifications.expandable-block.expanded .technical-specifications-content {
display: block;
} .single-product .product .technical-specifications .specification-row {
width: 100%;
display: flex;
flex-wrap: wrap;
border-bottom: solid 1px #efefef;
padding: 10px 0;
} .single-product .product .technical-specifications .specification-row .title {
width: 50%;
} .single-product .product .technical-specifications .specification-row .description {
width: 50%;
} .single-product .product .additional-info {
position: relative;
margin: 0 auto;
width: 100%;
margin-top: 40px;
max-width: 1600px;
padding: 40px;
}
@media (max-width: 767px) { .single-product .product .additional-info {
padding: 20px;
}
} .single-product .product .additional-info .additional-info-item {
padding: 20px 0;
border-bottom: solid 1px #CCCC;
} .single-product .product .additional-info .additional-info-item a {
text-decoration: underline;
} .single-product .product .additional-info .additional-info-item .info-title {
position: relative;
cursor: pointer;
} .single-product .product .additional-info .additional-info-item .info-title svg {
width: 15px;
height: 15px;
position: absolute;
right: 0;
top: 50%;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
} .single-product .product .additional-info .additional-info-item .info-text {
display: none;
} .single-product .product .additional-info .additional-info-item.expanded .info-title {
opacity: 0.5;
} .single-product .product .additional-info .additional-info-item.expanded .info-title svg {
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
} .single-product .product .additional-info .additional-info-item.expanded .info-text {
display: block;
padding-top: 40px;
} .accessories-list {
width: 100%;
margin-top: 40px;
order: 3;
padding: 0 40px;
background: #efefef;
padding-top: 40px;
}
@media (max-width: 767px) { .accessories-list {
padding: 20px;
}
} .accessories-list .blocktitle {
margin: 0;
} .accessories-list ul.products.list-container {
width: 100%;
align-items: flex-start;
margin-top: 0;
justify-content: center;
}
@media (max-width: 767px) { .accessories-list ul.products.list-container {
padding: 0;
margin-top: 40px;
}
} .accessories-list ul.products.list-container li.product {
display: flex;
flex-wrap: wrap;
width: calc(25% - 40px);
margin: 0 calc(40px * 0.5);
background: white;
border-radius: 6%;
padding: 20px;
text-align: center;
margin-bottom: 40px;
}
@media (max-width: 767px) { .accessories-list ul.products.list-container li.product {
width: 100%;
padding: 0;
margin: 0;
margin-bottom: 40px;
}
} .accessories-list ul.products.list-container li.product img {
margin-bottom: 10px;
height: 250px;
} .accessories-list + .related.products {
margin-top: 0;
border-top: none;
} .related.products {
width: 100%;
margin-top: 100px;
border-top: solid 1px #CCC;
order: 3;
} .related.products ul.products {
width: 100%;
} .zoomContainer {
z-index: 101;
} .zoomContainer img.zoom {
background: white;
} .zoomContainer .zoomLens {
background: white;
} .product-gallery-overlay {
position: fixed;
background: white;
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: scroll;
opacity: 0;
visibility: hidden;
} .product-gallery-overlay .zoom-controls {
position: fixed;
bottom: 40px;
left: 40px;
display: flex;
flex-direction: column;
z-index: 100;
} .product-gallery-overlay .zoom-controls .zoom-in {
width: 30px;
height: 30px;
margin: 10px 0;
padding: 0;
border-radius: 100%;
} .product-gallery-overlay .zoom-controls .zoom-out {
width: 30px;
height: 30px;
margin: 10px 0;
padding: 0;
border-radius: 100%;
} .product-gallery-visible .product-gallery-overlay {
opacity: 1;
visibility: visible;
z-index: 999;
} .product-gallery-overlay .close-overlay {
position: absolute;
top: 40px;
right: 40px;
z-index: 500;
cursor: pointer;
} .product-gallery-overlay .slide-counter {
position: absolute;
bottom: 40px;
right: 40px;
z-index: 99;
} .product-gallery-overlay .owl-prev {
position: absolute;
left: 40px;
top: 50%;
z-index: 100;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
border-radius: 100%;
font-size: 30px;
z-index: 999;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
} .product-gallery-overlay .owl-prev.disabled {
display: none;
} .product-gallery-overlay .owl-prev img {
width: 20px;
height: 15px;
object-fit: contain;
} .product-gallery-overlay .owl-next {
position: absolute;
right: 40px;
top: 50%;
z-index: 100;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
border-radius: 100%;
font-size: 30px;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
} .product-gallery-overlay .owl-next.disabled {
display: none;
} .product-gallery-overlay .owl-next img {
width: 20px;
height: 15px;
object-fit: contain;
} .product-gallery-overlay .gallery-item {
position: relative;
width: 100%;
height: 100%;
overflow: scroll;
} .product-gallery-overlay .gallery-item .zoom-container {
overflow: auto;
display: flex;
justify-content: center;
align-items: center;
overflow: auto;
position: relative;
z-index: 50;
cursor: default; } .product-gallery-overlay .gallery-item .zoom-container.dragging {
cursor: grabbing;
cursor: -webkit-grabbing;
} .product-gallery-overlay .gallery-item .zoom-container .zoom-inner {
transform-origin: top left;
} .product-gallery-overlay .gallery-item .zoom-container img {
width: 100vw;
height: 100vh;
object-fit: contain;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
} .wsc_share_cart_popup .wsc_sharing_widgets img {
object-fit: contain;
} .content-area {
position: relative;
margin-top: 150px;
} .woocommerce-products-header {
position: relative;
display: flex;
flex-wrap: wrap;
border-bottom: solid 1px #CCC;
border-top: solid 1px #CCC;
height: 100px;
align-items: center;
justify-content: space-between;
padding: 0 40px;
width: 100%;
}
@media (max-width: 767px) { .woocommerce-products-header {
height: auto;
padding: 20px;
flex-direction: column;
}
} .woocommerce-products-header .cat-title {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
line-height: 1;
} .woocommerce-products-header .cat-title .woocommerce-products-header__title {
text-transform: capitalize;
font-size: 28px;
} .woocommerce-products-header .cat-title .filters-link {
cursor: pointer;
} .woocommerce-products-header .cat-title .filters-link svg {
width: 35px;
height: auto;
margin-left: 10px;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
} .woocommerce-products-header .cat-title .filters-link.expanded {
opacity: 0.5;
} .woocommerce-products-header .cat-title .filters-link.expanded svg {
opacity: 0.5;
} .woocommerce-products-header .facetwp-selections li {
padding: 10px 20px;
margin: 0 10px;
background: #efefef;
border-radius: 20px;
}
@media (max-width: 767px) { .woocommerce-products-header .facetwp-selections li {
margin: 10px auto;
}
} p.woocommerce-result-count {
display: none;
} .brand-header {
width: 100%;
} .brand-header .brand-image {
width: 100%;
height: 100vh;
background: black;
} .brand-header .brand-image .brand-title {
position: absolute;
top: 50%;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
text-align: center;
width: 100%;
} .brand-header .brand-image .brand-title h1 {
font-size: 50px;
font-weight: 300;
color: white;
letter-spacing: 1px;
} .brand-header .brand-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.9;
} .brand-header .brand-description {
padding: 100px 40px;
position: relative;
width: 100%;
} .brand-header .brand-description .inner {
max-width: 950px;
font-size: 20px;
margin: 0 auto;
} .brand-header + .content-area {
margin-top: 0;
padding: 0 40px;
} .brand-header + .content-area .products.owl-carousel .product {
width: 100%;
} .category-product-container {
width: 100%;
padding: 40px 0;
} .category-product-container .category-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-top: solid 1px #CCC;
padding: 20px 0;
border-bottom: solid 1px #CCC;
} .category-product-container .category-header .category-title {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: center;
} .category-product-container .category-header .category-title span.count {
opacity: 0.5;
} .category-product-container .category-header .category-title h1 {
margin-right: 20px;
} .category-product-container .category-header a.category-link {
order: 2;
padding: 10px 20px;
border-radius: 20px;
background: #efefef;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
text-transform: capitalize;
}
@media (max-width: 767px) { .category-product-container .category-header a.category-link {
padding: 0;
background: none;
text-decoration: underline;
}
} .category-product-container .category-header a.category-link:hover {
background: black;
color: white;
} .category-product-container .owl-nav .owl-prev {
position: absolute;
left: -20px;
top: 50%;
z-index: 100;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
border-radius: 100%;
font-size: 30px;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767px) { .category-product-container .owl-nav .owl-prev {
width: 30px;
left: 0;
height: 30px;
}
} .category-product-container .owl-nav .owl-prev.disabled {
display: none;
} .category-product-container .owl-nav .owl-prev img {
width: 20px;
height: 15px;
object-fit: contain;
} .category-product-container .owl-nav .owl-next {
position: absolute;
right: -20px;
top: 50%;
z-index: 100;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
border-radius: 100%;
font-size: 30px;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767px) { .category-product-container .owl-nav .owl-next {
width: 30px;
height: 30px;
right: 0;
}
} .category-product-container .owl-nav .owl-next.disabled {
display: none;
} .category-product-container .owl-nav .owl-next img {
width: 20px;
height: 15px;
object-fit: contain;
} .grid-container {
display: flex;
flex-wrap: wrap;
width: 100%;
align-items: flex-end;
} .grid-container.products-carousel .product {
border: solid 1px red;
} .grid-container .grid-item {
width: 33.33%;
position: relative;
} .grid-container .grid-item a.nodelink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
} .woocommerce .products {
padding: 40px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
} .woocommerce .products.col-5 {
align-items: center;
} .woocommerce .products.col-5 .product {
width: 20%;
} .woocommerce .products.col-5 .product img {
height: 150px;
} .woocommerce .products .product {
width: 33.33%;
padding: 40px calc(40px*0.5);
position: relative;
} .woocommerce .products .product.outofstock img,
.woocommerce .products .product.outofstock .product-loop-title,
.woocommerce .products .product.outofstock .price {
opacity: 0.5;
} .woocommerce .products .product.outofstock .stock-note {
position: relative;
margin-top: 10px;
color: red;
} .woocommerce .products .product.onbackorder .stock-note {
margin-top: 10px;
color: green;
}
@media (max-width: 767px) { .woocommerce .products .product {
width: 50%;
padding: 0;
margin-bottom: 20px;
padding: 10px;
}
} .woocommerce .products .product img {
width: 100%;
height: 70%;
object-fit: contain;
} .woocommerce .products .product.sale .price ins {
text-decoration: none;
color: red;
} .woocommerce .products .product a {
width: 100%;
} .woocommerce .products .product a.button, .woocommerce .products .product a.add_to_cart_button {
display: flex;
flex-wrap: wrap;
padding: 10px 25px;
position: relative;
display: inline-block;
position: relative;
color: white;
background: #212121;
border: none;
border-radius: 30px;
display: block;
width: auto;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
width: auto;
margin: 20px auto;
} .woocommerce .products .product a.button:hover, .woocommerce .products .product a.add_to_cart_button:hover {
background: #CCC;
color: black;
} .woocommerce .products .product span.onsale {
position: absolute;
color: red;
z-index: 10;
top: 0;
left: 0;
display: none;
} .woocommerce .products .product .price {
color: black;
} .woocommerce .products .product .onsale-label {
color: red;
display: none;
} .woocommerce .products .product .variation-note {
font-size: 16px;
} .accessories-carousel {
width: 100%;
} .accessories-carousel .owl-carousel .product {
width: 100%;
} .accessories-carousel .owl-carousel .product .cover {
position: relative;
width: 100%;
padding-top: 100%;
overflow: hidden;
margin-bottom: 10px;
} .accessories-carousel .owl-carousel .product .cover img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
} .filters {
width: 100%;
display: flex;
max-height: 0;
overflow: hidden;
flex-wrap: wrap;
border-bottom: solid 1px #CCC;
}
@media (max-width: 767px) { .filters {
width: 100%;
position: relative;
height: auto;
margin: 0;
top: 0;
max-height: 0;
}
} .filters.active {
max-height: 10000px;
}
@media (max-width: 767px) { .filters.active {
max-height: 10000px;
}
} .filters .filter {
width: 25%;
padding: 0 40px;
border-right: solid 1px #CCC;
padding-top: 40px;
}
@media (max-width: 767px) { .filters .filter {
width: 100%;
padding-top: 0;
}
} .filters .filter .filter-title {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 10px 0;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
} .filters .filter .filter-title:hover {
background: #efefef;
} .filters .filter .filter-title svg {
width: 15px;
height: 15px;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
} .filters .filter .facetwp-facet {
display: flex;
flex-direction: column;
flex-wrap: wrap;
padding: 0px;
} .filters .filter .facetwp-facet .facetwp-depth.visible {
display: flex;
flex-wrap: wrap;
flex-direction: column;
} .filters .filter .facetwp-facet .facetwp-counter {
display: none;
} .filters .filter .facetwp-facet > div {
margin-top: 10px;
width: 100%;
} .woocommerce-no-products-found {
padding: 40px;
} .single-second_hand .product {
display: flex;
flex-wrap: wrap;
} .single-second_hand .product .secondhand-gallery {
width: 50%;
order: 1;
} .single-second_hand .product .secondhand-gallery img {
max-height: calc(100vh - 150px - 100px);
object-fit: contain;
width: 100%;
} .single-second_hand .product .secondhand-gallery .owl-prev {
position: absolute;
left: 40px;
top: 50%;
z-index: 100;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
border-radius: 100%;
font-size: 30px;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
} .single-second_hand .product .secondhand-gallery .owl-prev.disabled {
display: none;
} .single-second_hand .product .secondhand-gallery .owl-prev img {
width: 20px;
height: 15px;
object-fit: contain;
} .single-second_hand .product .secondhand-gallery .owl-next {
position: absolute;
right: 40px;
top: 50%;
z-index: 100;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
border-radius: 100%;
font-size: 30px;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
} .single-second_hand .product .secondhand-gallery .owl-next.disabled {
display: none;
} .single-second_hand .product .secondhand-gallery .owl-next img {
width: 20px;
height: 15px;
object-fit: contain;
} .single-second_hand .product .product-info {
width: 50%;
order: 2;
padding: 40px;
} .single-second_hand .product .product-info .button {
position: relative;
margin-top: 40px;
} .single-second_hand .product .product-info .button a {
padding: 10px 25px;
position: relative;
display: inline-block;
position: relative;
color: white;
background: #212121;
border: none;
border-radius: 30px;
display: block;
width: auto;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
text-align: center;
width: 100%;
} .single-second_hand .product .product-info .button a:hover {
background: #CCC;
color: black;
} .page-template-page-secondhand .woocommerce-products-header a.button {
padding: 10px 25px;
position: relative;
display: inline-block;
position: relative;
color: white;
background: #212121;
border: none;
border-radius: 30px;
display: block;
width: auto;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
padding: 12px 25px;
} .page-template-page-secondhand .woocommerce-products-header a.button:hover {
background: #CCC;
color: black;
} .page-template-page-secondhand .products .product {
width: 25%;
} .page-template-page-repairs .page-title-container {
text-align: center;
width: 100%;
} .page-template-page-repairs .page-title-container p {
margin: 0;
} .page-template-page-repairs .page-title-container h1 {
text-transform: inherit;
} .page-template-page-repairs .locations {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
border-bottom: solid 1px #CCC;
} .page-template-page-repairs .locations .location {
width: 50%;
padding: 40px;
position: relative;
}
@media (max-width: 767px) { .page-template-page-repairs .locations .location {
width: 100%;
padding: 0 20px;
margin-bottom: 40px;
}
} .page-template-page-repairs .locations .location .button {
background: black;
padding: 10px;
display: flex;
flex-wrap: wrap;
padding: 10px 25px;
position: relative;
display: inline-block;
position: relative;
color: white;
background: #212121;
border: none;
border-radius: 30px;
display: block;
width: auto;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
display: inline-block;
} .page-template-page-repairs .locations .location .button:hover {
background: #CCC;
color: black;
} .page-template-page-repairs .locations .location .button a {
color: white;
} .page-template-page-repairs .locations .location .location-cover {
position: relative;
width: 100%;
padding-top: 66%;
background: #efefef;
margin-bottom: 40px;
background: black;
} .page-template-page-repairs .locations .location .location-cover a.nodelink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
} .page-template-page-repairs .locations .location .location-cover .title {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
font-size: 30px;
font-weight: bold;
z-index: 5;
color: white;
} .page-template-page-repairs .locations .location .location-cover .title h2 {
font-weight: bold;
font-size: 30px;
} .page-template-page-repairs .locations .location .location-cover iframe,
.page-template-page-repairs .locations .location .location-cover img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.8;
} .expanded-info .additional-info {
position: relative;
margin: 40px auto;
width: 100%;
max-width: 1600px;
padding: 0 40px;
} .expanded-info .additional-info .blocktitle {
text-transform: uppercase;
} .expanded-info .additional-info .additional-info-item {
padding: 20px 0;
border-bottom: solid 1px #CCCC;
} .expanded-info .additional-info .additional-info-item a {
text-decoration: underline;
} .expanded-info .additional-info .additional-info-item .info-title {
position: relative;
cursor: pointer;
} .expanded-info .additional-info .additional-info-item .info-title svg {
width: 15px;
height: 15px;
position: absolute;
right: 0;
top: 50%;
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
} .expanded-info .additional-info .additional-info-item .info-text {
display: none;
} .expanded-info .additional-info .additional-info-item.expanded .info-title {
opacity: 0.5;
} .expanded-info .additional-info .additional-info-item.expanded .info-title svg {
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
} .expanded-info .additional-info .additional-info-item.expanded .info-text {
display: block;
padding-top: 40px;
} .page-template-page-sellyourbike {
background: #D4D7D5;
} .page-template-page-sellyourbike .main-content {
max-width: 950px;
max-width: 600px;
position: relative;
margin: 150px auto;
}
@media (max-width: 767px) { .page-template-page-sellyourbike .main-content {
padding: 20px;
}
} .form-container {
position: relative;
max-width: 600px;
margin: 40px auto;
} .form-container form .acf-field {
padding: 0;
margin-bottom: 10px;
} .form-container form .acf-field.acf-field-true-false {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 20px;
} .form-container form .acf-field.acf-field-true-false .acf-label {
order: 1;
margin: 0;
} .form-container form .acf-field.acf-field-true-false .acf-input input {
order: 1;
width: 30px;
height: 30px;
border: solid 1px black;
border-radius: 100%;
margin-right: 10px;
} .form-container form .acf-field.title {
margin-top: 50px;
border-top: solid 1px #333;
padding-top: 20px;
opacity: 0.5;
} .form-container form .acf-field input {
padding: 20px;
border: solid 1px #CCC;
border-radius: 20px;
box-shadow: none;
outline: none;
} .form-container form .acf-field input:focus, .form-container form .acf-field input:active {
background: #efefef;
} .form-container form .acf-field button.fea-submit-button[type="button"] {
padding: 10px 25px;
position: relative;
display: inline-block;
position: relative;
color: white;
background: #212121;
border: none;
border-radius: 30px;
display: block;
width: auto;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
margin-top: 40px;
width: 100%;
} .form-container form .acf-field button.fea-submit-button[type="button"]:hover {
background: #CCC;
color: black;
} .form-container form .acf-field a.acf-button {
padding: 10px 25px;
position: relative;
display: inline-block;
position: relative;
color: white;
background: #212121;
border: none;
border-radius: 30px;
display: block;
width: auto;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
padding: 10px 20px;
} .form-container form .acf-field a.acf-button:hover {
background: #CCC;
color: black;
} #booqable-cart {
display: none;
} .page-template-page-hire #booqable-cart {
display: block;
} button.Close-bJxEmX.hjydct {
position: relative;
color: black;
} .booqable-product-list-wrapper {
display: flex;
flex-wrap: wrap;
} .booqable-product-list-wrapper .booqable-product-list-notice {
width: 100%;
color: white;
border-radius: 0;
background: black;
border: none;
padding: 20px;
margin: 0;
} .booqable-product-list-wrapper .booqable-product {
border-radius: 0;
border: solid 1px #CCC;
padding: 0;
width: 25% !important;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
}
@media (min-width: 768px) and (max-width: 1024px) { .booqable-product-list-wrapper .booqable-product {
width: 33.33% !important;
}
}
@media (max-width: 767px) { .booqable-product-list-wrapper .booqable-product {
width: 50% !important;
}
} .booqable-product-list-wrapper .booqable-product .booqable-product-wrapper {
border-radius: 0;
box-shadow: none;
border: none;
max-width: 100%;
padding: 0;
margin: 0;
} .booqable-product-list-wrapper .booqable-product .booqable-product-wrapper .booqable-product-inner {
border-radius: 0;
box-shadow: none !important;
border: none !important;
background: transparent;
} .booqable-product-list-wrapper .booqable-product .booqable-product-wrapper .booqable-product-inner .BFocalImage-WobXr {
border-radius: 0;
} .booqable-product-list-wrapper .booqable-product .booqable-product-wrapper .booqable-product-inner button.bq-button {
padding: 10px 25px;
position: relative;
display: inline-block;
position: relative;
color: white;
background: #212121;
border: none;
border-radius: 30px;
display: block;
width: auto;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
margin-top: 20px;
margin-bottom: 20px;
padding: 12px 35px;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
} .booqable-product-list-wrapper .booqable-product .booqable-product-wrapper .booqable-product-inner button.bq-button:hover {
background: #CCC;
color: black;
} .booqable-product-list-wrapper .booqable-product .booqable-product-wrapper .booqable-product-inner button.bq-button:hover {
opacity: 0.7;
} .booqable-product-list-wrapper .booqable-product .booqable-product-wrapper .booqable-product-inner .bq-details {
height: auto;
margin: 20px 0;
color: black;
} .booqable-product-list-wrapper .booqable-product .booqable-product-wrapper .booqable-product-inner .bq-details .bq-product-title-wrapper.bq-has-prices {
height: auto;
} .booqable-product-list-wrapper .booqable-product .booqable-product-wrapper .booqable-product-inner .bq-details .bq-product-name {
font-weight: normal;
font-family: "Schibsted Grotesk", serif;
} .page-template-page-checkout {
background: #efefef;
} .page-template-page-checkout .main-content {
padding: 0 40px;
margin-left: auto;
margin-right: auto;
max-width: 1600px;
} .page-template-page-checkout .main-content .page-title {
margin-bottom: 40px;
} .page-template-page-checkout .main-content .wc-block-components-main,
.page-template-page-checkout .main-content .wc-block-cart__main {
background: white;
border-radius: 10px;
padding: 20px;
}
@media (max-width: 767px) { .page-template-page-checkout .main-content .wc-block-components-main,
.page-template-page-checkout .main-content .wc-block-cart__main {
background: transparent;
padding: 0;
}
} .page-template-page-checkout .main-content .wp-block-woocommerce-cart-order-summary-block {
background: white;
border-radius: 10px;
padding: 20px;
}
@media (max-width: 767px) { .page-template-page-checkout .main-content .wp-block-woocommerce-cart-order-summary-block {
background: transparent;
padding: 0;
}
} .page-template-page-checkout .main-content .is-large .wc-block-checkout__sidebar.is-sticky {
top: 150px;
}
@media (max-width: 767px) { .page-template-page-checkout .main-content button.wc-block-components-checkout-place-order-button {
width: 100%;
display: block;
margin-top: 40px;
}
} .page-template-page-checkout .main-content .wc-block-components-checkout-place-order-button,
.page-template-page-checkout .main-content a.wc-block-cart__submit-button {
padding: 10px 25px;
position: relative;
display: inline-block;
position: relative;
color: white;
background: #212121;
border: none;
border-radius: 30px;
display: block;
width: auto;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
width: 100%;
margin-top: 40px;
} .page-template-page-checkout .main-content .wc-block-components-checkout-place-order-button:hover,
.page-template-page-checkout .main-content a.wc-block-cart__submit-button:hover {
background: #CCC;
color: black;
} .wp-block-share-cart-buttons button {
margin-bottom: 40px;
} .wp-block-share-cart-buttons button.wsc_share_cart {
background: #254107;
} .woocommerce-account {
max-width: 800px;
margin: auto;
padding: 40px 20px;
} .woocommerce-account h2 {
font-size: 24px;
color: #222;
font-weight: 600;
border-bottom: 2px solid #eee;
padding-bottom: 10px;
margin-bottom: 20px;
} .woocommerce-account .addresses a {
padding: 10px 25px;
position: relative;
display: inline-block;
position: relative;
color: white;
background: #212121;
border: none;
border-radius: 30px;
display: block;
width: auto;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
} .woocommerce-account .addresses a:hover {
background: #CCC;
color: black;
} .woocommerce-MyAccount-navigation {
background: #fff;
padding: 20px;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
} .woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
} .woocommerce-MyAccount-navigation ul li {
margin-bottom: 10px;
} .woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 10px 15px;
color: #222;
text-decoration: none;
font-weight: 500;
border-radius: 12px;
transition: background 0.3s ease-in-out;
} .woocommerce-MyAccount-navigation ul li a:hover {
background: #f5f5f5;
} .woocommerce-MyAccount-content {
background: #fff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
line-height: 1.6;
} .woocommerce-orders-table {
width: 100%;
border-collapse: collapse;
} .woocommerce-orders-table th, .woocommerce-orders-table td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #eee;
} .woocommerce-orders-table th {
background: #fafafa;
font-weight: 600;
} .woocommerce-orders-table tr:hover {
background: #f5f5f5;
} button, .woocommerce-button {
background: #111;
color: white;
padding: 12px 18px;
border: none;
border-radius: 12px;
font-weight: 600;
transition: all 0.3s ease;
width: 100%;
display: block;
} button:hover, .woocommerce-button:hover {
background: #333;
} form.woocommerce-form label {
font-size: 14px;
color: #222;
font-weight: 500;
} form.woocommerce-form input {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 12px;
transition: border 0.3s ease-in-out;
} form.woocommerce-form input:focus {
border-color: #222;
} form.woocommerce-form button {
margin-top: 15px;
} .woocommerce-message, .woocommerce-error, .woocommerce-info {
padding: 15px;
} .woocommerce-breadcrumb {
display: none;
} body {
scroll-behavior: smooth;
-webkit-transition: background ease-out 0.6s;
transition: background ease-out 0.6s;
--ion-safe-area-top: env(safe-area-inset-top);
--ion-safe-area-bottom: env(safe-area-inset-bottom);
} body p {
hyphens: none !important;
-webkit-hyphens: none !important;
} body.dark {
background: black;
color: white;
} body * {
box-sizing: border-box;
} body input {
border-radius: none !important;
} body img {
max-width: 100%;
} body.menu-visible {
overflow: hidden;
} .overlay-state {
overflow: hidden;
} .body-loaded .scaleIn {
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
} .scaleIn {
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
-webkit-transition: transform cubic-bezier(0.79, 0.01, 0.25, 0.99) 0.9s;
transition: transform cubic-bezier(0.79, 0.01, 0.25, 0.99) 0.9s;
} .main-content {
position: relative;
margin-top: 150px;
} .main-content.nomargin {
margin-top: 0;
}
@media (max-width: 767px) { .main-content {
margin-top: 100px;
}
} a.node-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
} .page-title {
position: relative;
text-align: center;
font-size: 30px;
text-transform: capitalize;
} .blocktitle {
text-align: left;
width: 100%;
margin: 40px auto;
} a {
text-decoration: none;
color: inherit;
outline: none;
box-shadow: none;
} a:active, a:hover, a:focus {
outline: none;
box-shadow: none;
border: none;
} a.nodelink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
} img.low-res {
position: relative;
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
width: 100%;
height: auto;
display: block;
} img.high-res {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
object-fit: cover;
opacity: 0;
-webkit-transition: all ease-out 0.6s;
transition: all ease-out 0.6s;
} img.high-res.high-res {
opacity: 1;
} .scrollAnimatedItem .image-container {
opacity: 0;
} .scrollAnimatedItem .text-container {
opacity: 0;
} .scrollAnimatedItem.inview .image-container {
animation: fadeUp;
animation-delay: .5s;
animation-duration: 1s;
animation-fill-mode: forwards;
} .scrollAnimatedItem.inview .text-container {
animation: fadeUp;
animation-delay: 0s;
animation-duration: 1.5s;
animation-fill-mode: forwards;
}