html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,
samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;
}
html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}
button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}
textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{
-webkit-appearance:none;appearance:none;border-radius:0;
}
input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}
small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-size:12px}
ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
*, *:before, *:after {box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{
border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;
padding:0; position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal;
}
.screen-reader-text:focus{
background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;
clip-path:none;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;
color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;
}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline;}
.skip-link:focus{
display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;
z-index:100000;right:auto;
}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){
position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);
white-space:nowrap;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
* { position: relative; text-decoration: none; font-family: "Space Grotesk", sans-serif; }
body { font-family: Space Grotesk; font-weight: 400; font-size: 1rem; line-height: 1.375; background-color: #f1f1f1; min-height: 100vh; }
div, h1, h2, h3, li, a, p { font-family: "Space Grotesk", sans-serif; }
article { box-sizing: border-box; padding: 25px 0; text-align: center; }
h1 { font-size: 32px; font-weight: normal; margin: 0 auto; max-width: 1080px; display: block; }
h2 { font-size: 25px; font-weight: 500; margin: 25px auto 0 auto; max-width: 1080px; display: block; }
p { font-size: 18px; line-height: 22px; padding: 25px 0; max-width: 1080px; margin: 0 auto; display: inline-block; }
textarea { height: 150px; }
a { transition: all 0.3s; }
a:hover, a:focus, a.active { color: inherit; }
/* shared classes */
#wrapper { box-sizing: border-box; margin: 0 auto; }
.main { min-height: 400px; }
.container { box-sizing: border-box; padding: 25px; max-width: 1280px; margin: 0 auto; }
.cols { font-size: 0; }
.col, .col-20, .col-25, .col-33, .col-50, .col-66, .col-75 {
display: inline-block; font-size: 20px; box-sizing: border-box; vertical-align: top;
}
.col-50 { width: 50%; }
.col-480 { width: 480px; text-align: center; }
.full-height-section { height: 100vh; min-height: 100svh; align-items: center; width: 100%; box-sizing: border-box; }
.height-90 { height: 90vh; min-height: 90svh; align-items: center; width: 100%; box-sizing: border-box; }
.no-scroll { overflow-y: hidden; background-color: #fff; }
/* all pages structure */
article.type-page { top: 96px; }
article .header { display: none; }
body.page-template-default .header-content .header-left ul > li > a { color: #000; }
body.page-template-default .header-content .header-right ul > li > a { color: #000; }
div.elementor-element { text-align: center; color: #000; }
.elementor-widget-heading h2.elementor-heading-title {
font-size: 56px; margin: 0 auto; text-transform: uppercase; font-weight: 999; font-family: "Space Grotesk", sans-serif;
color: #000;
}
div.elementor-element p { font-size: 25px; font-family: "Space Grotesk", sans-serif; }
/* Used Bikes page */
.auto-listings-items.grid-view:nth-of-type(1) { margin-top: 50px; }
.auto-listings-items.grid-view { max-width: 1200px; }
.auto-listings-items>li { box-shadow: none; }
.auto-listings-items>li h3 a { font-weight: 600; color: #000; font-size: 18px; text-wrap: wrap; }
.auto-listings-items>li h3 a:hover { text-decoration: underline; }
.auto-listings-items>li .price { font-size: 24px; color: #5566bb; font-weight: bold; font-style: italic; }
.auto-listings-items .at-a-glance ul i { display: none; }
.auto-listings-items.grid-view li .odomoter {
background-image: url('../img/map.png'); background-size: auto 17px; background-position: left center; background-repeat: no-repeat;
padding-left: 25px;
}
.auto-listings-items .description { display: none; }
.auto-listings-items .bottom-wrap { display: none; }
/* trade-in form customisation */
.vehicle-condition .motors-icons-car-relic { display: none; }
.stm-sell-a-car-form .form-content .vehicle-condition .vehicle-condition-unit:nth-of-type(2) {
display: none;
}
/*
*/
/* single Used Bike listing */
body.single-listings { background-color: #fff; }
body.single-listings #container { top: 96px; }
body.single-listings .header-content .header-left ul > li > a { color: #000; }
body.single-listings .header-content .header-right ul > li > a { color: #000; }
body.single-listings div[data-elementor-type=wp-post] { padding-top: 125px; }
/*body.single-listings .elementor-section .elementor-element .elementor-widget-container .stm-listing-single-price-title .normal_font {
display: none;
}*/
/*.stm-single-title-wrap { text-align: left; }*/
/*.elementor-section .elementor-container .elementor-column .elementor-widget-wrap { padding-top: 77px; }*/
/*body.single-listings .single-regular-price.text-center { text-align: left !important; }*/
/*body.single-listings .single-regular-price.text-center .h3 { color: #a30000; }*/
/*body.single-listings .elementor-widget-motors-single-listing-dealer-phone { display: none; }
body.single-listings .elementor-widget-motors-single-listing-dealer-email { display: none; }
body.single-listings .cta { margin: 0; border: 1px solid #fff; background-color: #000; color: #fff; }
body.single-listings .cta:hover { background-color: #fff; border: 1px solid #000; color: #000; }
*/
.enquiry-cta {
box-shadow:0 0 28px 8px rgba(0,0,0,.3); background-color: #fff;
}
.enquiry-cta .cta {
border: 0; background-color: none; width: 100%;
}
/* Homepage */
body.page-template-home .elementor-widget-heading h2.elementor-heading-title { color: #fff; }
body.page-template-home div.elementor-element { color: #fff; }
body.page-template-home .elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding: 0; }
body.page-template-home section section .elementor-column { padding: 20px 25px; }
body.page-template-home section .stm_elementor_listings_grid_tabs_wrap h3 { color: #000; font-size: 44px; padding: 25px 0; }
body.page-template-home section div.elementor-element h4 { color: #3377bb !important; }
body.page-template-home section div.elementor-element p {
display: inline-block;
border-radius: 5px;
text-shadow: 10px 10px 10px black;
font-size: 18px !important;
}
@media screen and (max-width: 1080px) {
body.page-template-home .burger > a { color: #fff; }
}
@media screen and (max-width: 768px) {
.stm_elementor_listings_grid_tabs_wrap .tab-pane .row.car-listing-row.row.row-3 .col-md-4 {
flex: 0 0 50% !important;
max-width: 50% !important;
}
}
@media screen and (max-width: 640px) {
.elementor-slides .swiper-slide-inner { padding: 10px !important; }
.elementor-13221 .elementor-element.elementor-element-2ac2099 .swiper-slide { height: 380px !important; }
.elementor-13221 .elementor-element.elementor-element-2ac2099 .swiper-slide-contents { max-width: 86% !important; }
.elementor-13221 .elementor-element.elementor-element-2ac2099 .elementor-slide-heading { font-size: 60px !important; }
.elementor-widget-heading h2.elementor-heading-title { font-size: 38px !important; }
}
@media screen and (max-width: 480px) {
.stm_elementor_listings_grid_tabs_wrap .tab-pane .row.car-listing-row.row.row-3 .col-md-4 {
flex: 0 0 100% !important;
max-width: 100% !important;
}
body.page-template-home section .stm_elementor_listings_grid_tabs_wrap h3 { font-size: 25px; padding: 10px; }
}
/* header */
.header { position: absolute; top: 0; left: 0; height: 96px; z-index: 30; width: 100%; }
.header-content { text-align: center; padding: 7px; }
.header-content.active { background-color: #fff; border-radius: 4px; }
.header-left { position: absolute; height: 80px; top: 0; left: 0; padding-left: 23px; }
.logo { display: inline-block; margin: 0 auto; text-align: center; padding-top: 10px; }
.logo.mobile-only { display: none; overflow: hidden; }
.logo .logo-big { width: auto; height: 96px; }
.logo .logo-small { width: auto; height: 48px; display: none; }
.header-content.active .logo .logo-big { display: none; }
.header-content.active .logo .logo-small { display: block; }
.header-right { position: absolute; height: 80px; width: 45%; top: 0; right: 0; width: 330px; }
.header-right ul { margin-top: 20px; text-align: right; }
.header-right ul > li { display: inline-block; margin-right: 20px; }
.header-right ul > li > a { font-size: 15px; color: #000; }
/* menu */
.header-left ul { margin-top: 20px; text-align: left; height: 100%; }
.header-left ul > li { display: inline-block; margin-right: 20px; }
.header-left ul > li.tablet-only { display: none; }
.header-left ul > li > a { font-size: 15px; color: #fff; }
.header-content.active .header-left ul > li > a { color: #000; }
.header-content.active .header-right ul > li > a { color: #000; }
.header-right ul > li > a { font-size: 15px; color: #fff; }
.new-bikes-menu {
display: none; position: fixed; top: 60px; left: 0; width: 100%; text-align: left;
z-index: 50; padding: 7px;
}
.new-bikes-menu .close { display: none; }
.new-bikes-menu-content { background-color: #fff; justify-content: space-between; display: flex; border-radius: 4px; padding: 12px; }
.product-categories { width: 25%; border-right: 1px solid #ddd; }
.category-item {
box-sizing: border-box; padding: 0 10px; text-transform: uppercase; font-weight: 999; font-size: 32px; line-height: 50px;
height: 50px; display: flex; flex-direction: row; justify-content: space-between; color: #aaa; cursor: pointer;
background-size: contain; background-position: right center; background-repeat: no-repeat;
}
.category-item[data-category=rush] { background-image: url('../img/cat-images/rush.webp'); }
.category-item[data-category=brutale] { background-image: url('../img/cat-images/brutale.png'); }
.category-item[data-category=dragster] { background-image: url('../img/cat-images/dragster.png'); }
.category-item[data-category=superveloce] { background-image: url('../img/cat-images/superveloce.webp'); }
.category-item[data-category=turismo-veloce] { background-image: url('../img/cat-images/turismo-veloce.webp'); }
.category-item[data-category=ottantesimo] { background-image: url('../img/cat-images/ottantesimo.png'); background-position: right 26px center; background-size: 35px; }
.category-item[data-category=f3] { background-image: url('../img/cat-images/f3.webp'); }
.category-item[data-category=lxp] { background-image: url('../img/cat-images/lxp.webp'); }
.category-item.active { color: #000; }
.category-item img { height: 100%; }
.product-link-container { display: none; padding-bottom: 75%; }
.product-link-container[data-category=rush] { display: inline-block; }
.product-item {
box-sizing: border-box; padding: 0 10px; text-transform: uppercase; font-weight: 999; font-size: 32px; line-height: 32px;
height: 50px; display: flex; flex-direction: row; justify-content: space-between; color: #aaa; cursor: pointer;
--duration: 0.25s;
/* animation: fly-in 0.25s calc((var(--duration)) * var(--i));*/
}
.product-item:hover { text-decoration: none; }
.product-item.active { color: #000; }
.product-item img { display: none; }
.product-links { width: 25%; border-right: 1px solid #ddd; }
.product-preview { width: 50%; text-align: center; }
.product-preview img { max-height: 372px; margin: 10px auto; max-width: 100%; }
.burger { display: none; }
.burger-menu { display: none; }
/* modals */
.modal {
position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 100;
display: none;
}
.modal-window {
margin: auto; margin-top: auto; margin-bottom: auto; margin-bottom: 50px; margin-top: 50px;
background-color: #fff; max-width: 960px; box-sizing: border-box;
padding: 25px; position: relative; border-radius:
}
.modal .modal-header { display: block; }
.modal-window .modal-content { height: 80vh; overflow-y: auto; border: 0; }
.modal-window .modal-content form { text-align: center; }
.modal-window .modal-content p { width: 100%; padding: 10px 0; }
.modal-window .modal-content input {
padding: 15px; border: 0; background-color: #222; border-radius: 5px; margin-top: 5px; color: #eee; font-size: 20px;
}
.modal-window .modal-content textarea {
padding: 15px; border: 0; background-color: #222; border-radius: 5px; margin-top: 5px; color: #eee; font-size: 20px;
}
.modal-window .modal-content input[type=submit] {
cursor: pointer; padding: 12px 25px; background-color: #000; color: #eee; display: block; margin: 0 auto;
font-size: 16px;
}
.wpcf7 form.sent .wpcf7-response-output { border: 0; }
.wpcf7-spinner { margin-top: 20px; }
/* close */
.close { position: absolute; top: 12px; right: 12px; width: 50px; height: 50px; display: block; cursor: pointer; z-index: 110; }
.close:before { position: absolute; left: 24px; top: 12px; content: ' '; height: 25px; width: 2px; background-color: #333; transform: rotate(45deg); }
.close:after { position: absolute; left: 24px; top: 12px; content: ' '; height: 25px; width: 2px; background-color: #333; transform: rotate(-45deg); }
/* close button in scraped HTML on Product page */
.modal-close { position: absolute; top: 12px; right: 12px; width: 50px; height: 50px; display: block; cursor: pointer; z-index: 110; }
.modal-close:before { position: absolute; left: 24px; top: 12px; content: ' '; height: 25px; width: 2px; background-color: #333; transform: rotate(45deg); }
.modal-close:after { position: absolute; left: 24px; top: 12px; content: ' '; height: 25px; width: 2px; background-color: #333; transform: rotate(-45deg); }
/* fix for Motors Listing plugin CSS conflict */
.modal-close.motors-icons-close-times:before { position: relative; background-color: transparent; left: auto; top: 5px; }
.modal-close.motors-icons-close-times:after { position: relative; background-color: transparent; top: 5px;}
/* footer */
footer { background-color: #000; color: #fff; padding: 50px 20px; box-sizing: border-box; }
footer h2 { font-size: 40px; text-transform: uppercase; margin: 25px auto; }
footer h3 { font-size: 24px; }
footer h3 a { color: #fff; }
footer .map { margin: 25px auto; }
footer ul { margin: 25px auto; }
footer li { display: inline-block; border-left: 1px solid #aaa; padding: 0 10px; }
footer li:nth-of-type(1) { border: 0; }
footer li a { color: #fff; }
footer .legal { max-width: 720px; font-size: 10px; padding: 25px; margin: 25px auto; }
footer iframe { width: 90%; height: 80vh; margin: 0 auto; }
footer #map { width: 90%; height: 80vh; margin: 0 auto; }
footer .social { margin: 25px auto; }
footer .social a { display: inline-block; margin: 0 10px; }
footer .social a img { width: 48px; height: auto; }
section[name=video] {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
transform: translateX(-50%) translateY(-50%);
background-size: cover;
transition: 1s opacity;
}
/************************************
* *
* *
* PRODUCT PAGE *
* *
* *
***********************************/
#sidebar { display: none; }
.woocommerce-product-gallery { display: none; }
.single-product .header-left ul > li > a { color: #fff; }
.single-product .header-right ul > li > a { color: #fff; }
.single-product .header-content.active ul > li > a { color: #000; }
.single-product .woocommerce-breadcrumb { display: none; }
.single-product .jet-mega-menu-item__label { color: #fff; }
.single-product .elementor-widget-container p { color: #fff; }
.single-product .elementor-widget-heading .elementor-heading-title {
font-family: "Space Grotesk", sans-serif;color: #fff; text-transform: uppercase; font-weight: 1000;
letter-spacing: -10px; font-size: 111px; line-height: 75%;
}
/* banner */
.banner-wrapper {
display: flex; flex-wrap: wrap; position: relative; box-sizing: border-box; padding: 130px 100px; align-content: center;
height: 100vh; align-items: center;
}
.banner__images {
display: block; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100vh;
}
.banner__images img {
height: 100%; box-sizing: border-box; position: absolute; inset: 0; height: 100%; width: 100%; border-style: none;
background-repeat: no-repeat; background-position: center; background-size: cover;
-o-object-fit: cover;
object-fit: cover; overflow-clip-margin: content-box; overflow: clip; object-position: top right;
}
.banner-content .heading-images img { max-width: 120px; }
.banner-content { width: 100%; }
.banner-content .cols { text-align: right; }
.banner-content h1 { color: #fff; font-size: 76px; line-height: 82%; letter-spacing: -0.05em; font-weight: 999; }
.banner-content p { color: #fff; font-size: 15px; }
.banner__image--tablet { display: none; }
.price { color: #fff; }
.price .from { font-size: 12px; text-transform: uppercase; }
.price .wc-price { display: inline-block; }
.price .wc-price > span { display: block; }
.price .wc-price .regular-price.strikeout { text-decoration: line-through; }
.price .wc-price .regular-price { }
.price .wc-price .sale-price bdi { font-size: 26px; }
.price .amount { font-size: 20px; }
.cta {
display: block; margin: 25px auto; cursor: pointer; width: 160px; height: 40px; line-height: 38px; border: 1px solid #000;
background-color: #ddd; color: #000; font-size: 16px;
}
.cta:hover { background-color: #fff; text-decoration: none; }
/* video section */
section[name=product-video] { height: auto; min-height: 0; font-size:0; }
section[name=product-video] video {
height: auto;
width: 100%;
object-fit: fill;
}
/* 360 slider */
section[name=image-slider] { margin-bottom: 50px; }
.main-slider .slider { display: none; }
.slick-slide img { max-width: 1130px; margin: auto; }
.slick-prev, .slick-next {
background-color:#000; width: 48px; height: 48px; padding: 0; position: absolute; top: 45%; cursor: pointer;
z-index: 1; font-size: 0; border-color: transparent;
}
.slick-prev::before, .slick-next::before {
border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 0.45em; position: relative;
vertical-align: top; width: 0.45em;
}
.slick-prev:before, .slick-next:before { display: flex; height: 18px; width: 18px; border-color: #fff; }
.slick-prev { left: 10px; }
.slick-next { right: 10px; }
.slick-prev:active { position: absolute; top: 45%; }
.slick-next:active { position: absolute; top: 45%; }
.slick-prev:before { transform: rotate(-135deg); left: 17px; }
.slick-next:before { transform: rotate(45deg); left: 8px; }
.dots { display: block; text-align: center; width: 100%; height: 50px; }
.dots .dot {
display: inline-block; width: 20px; height: 20px; border-radius: 50%; margin: 10px; cursor: pointer;
background-color: #ff0000;
}
.dots .dot:nth-of-type(1) { background-color: #000; }
.rotate { display: block; margin: 0 auto; width: 50px; margin-bottom: 10px; }
/* STATS */
section[name=stats] { margin-top: 50px; background-color: #e7e7e7; box-sizing: border-box; padding: 15px 0 8px 0; padding: 0; }
section[name=stats] { overflow:hidden; } /* hide stats section overflow when height calculated incorrectly */
section[name=stats] .col-50:nth-of-type(1) { overflow: hidden; overflow-y: scroll; }
section[name=stats] .col-50:nth-of-type(2) img { border-radius: 5px; }
.product-tech-specs__list { text-align: center; padding-top: 34px; }
.product-tech-specs__item { display: block; margin: 25px auto 10px auto; }
.product-tech-specs__value { font-size: 100px; font-weight: 999; margin-bottom: -10px; }
.product-tech-specs__caption { font-size: 14px; }
.product-tech-specs__value sup {
position: absolute; top: 33px; font-size: 14px; line-height: 12px; letter-spacing: normal; margin-left: 5px;
font-weight: 999;
}
.tech-specs-link {
width: 150px; height: 40px; display: block; margin: 75px auto; border: 1px solid #000; color: #000;
box-sizing: border-box; line-height: 40px; font-size: 14px; text-align: center; font-weight: 999;
}
.tech-specs-link:hover { background-color: #000; color: #fff; }
.stats-image { width: 100%; }
/* LEARN MORE */
section[name=learn-more] {
box-sizing: border-box; background-attachment: fixed; min-height: 100%; background-repeat: no-repeat;
background-position: center; background-size: cover; text-align: center;
}
.learn-more-content { max-width: 50%; padding: 70px 0; margin: 0 auto; display: inline-block; }
.learn-more-content h2 { font-size: 77px; font-weight: 700; color: #fff; }
.learn-more-content p { font-size: 25px; padding: 16px 0; font-weight: 700; color: #fff; }
.learn-more-content a { color: #fff; text-transform: uppercase; }
.learn-more-content a i {
display: inline-block; width: 20px; height: 20px; border-radius: 50%; color: #000; font-weight: 999;
text-align: center; line-height: 18px; background-color: #fff;
}
.learn-more-modal {
position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100vh; background-color: #fff;
z-index: 50; overflow: scroll; display: none;
}
.learn-more-modal .modal-close { position: fixed; }
.product-design-modal__wrapper { width:150%; overflow: hidden; font-size: 0; }
.product-design-modal__item {
width:50%; overflow: hidden; border-right: 5px solid #ddd; display: inline-block; vertical-align: top;
font-size: 22px; box-sizing: border-box;
}
.product-design-modal__page { height: 100vh; padding: 32px; }
.product-design-modal__page-image-wrapper {
position: absolute; top: 0; left: 0; width: 100%; height: 100vh; box-sizing: border-box;
}
.product-design-modal__page-title p { text-transform: uppercase; font-size: 72px; font-weight: 999; line-height: 72px; }
.product-design-modal__item .product-design-modal__page-image {
width: 100%; height: 100%; position: absolute; bottom: 0; right: 0;
-o-object-fit: cover; object-fit: cover; object-position: right bottom;
}
.product-design-modal__page-description p { font-size: 15px; max-width: 400px; line-height: 20px; }
.modal-window .modal-close {
position: fixed; width: 60px; height: 60px; border-radius: 4px; background-color: #131415; z-index: 1;
display: flex; justify-content: center; align-items: center; padding: 0; border: none; cursor: pointer;
top: 20px; right: 20px; z-index: 60;
}
.modal-window .modal-close:before {
content: ""; width: 30px; height: 2px; background-color: #fff; transform: rotate(45deg); position: absolute;
left: 0; right: 0; margin: 0 auto; transition: all .3s; box-sizing: border-box;
}
.modal-window .modal-close:after {
content: ""; width: 2px; height: 30px; background-color: #fff; transform: rotate(45deg); position: absolute;
left: 0; right: 0; margin: 0 auto; transition: all .3s; box-sizing: border-box;
}
/* AUDIO */
section[name=audio] { margin: 50px auto; }
/*section[name=audio] .col-50:nth-of-type(1) { text-align: center; }*/
section[name=audio] .col-50:nth-of-type(1) { vertical-align: middle; }
section[name=audio] .col-50:nth-of-type(2) { vertical-align: middle; text-align: center; }
section[name=audio] .col-50:nth-of-type(1) img { max-height: 720px; }
section[name=audio] .vertically-centered { display: flex; flex-direction: column; justify-content: center; }
section[name=audio] h2 { font-size: 72px; line-height: 72px; font-weight: 999; margin-bottom: -10px; }
section[name=audio] p { font-size: 15px; display: inline-block; max-width: 340px; line-height: 17px; }
.play-button {
width: 150px; height: 40px; display: block; margin: 25px auto; border: 1px solid #000; color: #000;
box-sizing: border-box; line-height: 40px; font-size: 14px; text-align: center; font-weight: 999;
}
.play-button:hover { background-color: #000; color: #fff; }
/* ACCORDION */
.accordion { width: 100%; font-size: 0; }
.accordion .slide {
display: inline-block; box-sizing: border-box; font-size: 15px; width: 25%; overflow: hidden;
border: 7px solid #fff; vertical-align: top; height: 100vh; cursor: pointer;
}
.accordion .slide.active { width: 50%; }
.accordion .slide.active .preview-content { display: none; }
.accordion .slide .accordion-image { position: absolute; top: 0; left: 0; height: 200%; max-width: none; }
.slide-content {
display: flex; flex-direction: column; justify-content:flex-end; padding: 20px; align-items: flex-start;
height: 100vh;
}
.preview-content {
position: absolute; bottom: 20px; left: 20px; height: 100%; display: flex; flex-direction: column;
justify-content: space-between;
}
.expanded-content {
display: none; flex-direction: column; height: 100vh; justify-content: flex-end; width: 100%;
}
.accordion .slide.active .expanded-content { display: flex; }
.accordion .preview-content h2 {
color: #fff; writing-mode: vertical-lr; transform: scale(-1); margin-left: -5px; font-weight: 999;
text-transform: uppercase; margin-top: 0;
}
.accordion .expanded-content h2 {
position: absolute; top: 0; left: 0; width: 100%; height: 60px;
color: #fff; font-weight: 999; text-transform: uppercase; margin: 0; font-size: 40px;
}
.accordion .slide p { color: #fff; max-width: 250px; font-size: 15px; margin: 0; }
.accordion .slide .plus {
display: inline-block; width: 20px; height: 20px; border-radius: 50%; color: #000; top: 40px;
text-align: center; line-height: 21px; background-color: #fff; font-size: 20px;
}
/* IMAGE GALLERY */
/*section[name=image-gallery] { margin: 50px auto; }*/
/* footer */
footer { min-height: 350px; padding: 50px 20px; text-align: center; }
footer .logo { width: 180px; }
.social-menu li a img { width: 32px; }
.footer-menu { display: inline-block; max-width: 200px; }
.footer-menu li { width: 100%; box-sizing: border-box; margin: 20px 0; }
.footer-menu li a { font-size: 22px; }
.legal-menu { display: inline-block; max-width: 200px; }
.legal-menu li { width: 100%; box-sizing: border-box; margin: 20px 0; }
.legal-menu li a { font-size: 15px; }
footer .copyright { margin-top: 20px; font-size: 15px; }
/* Contact us form */
.contact-us-container .title{padding: 50px 0 20px 0; font-size: 36px;line-height: 38px;}
.contact-us-container .description{ font-size: 18px;line-height: 28px;}
.contact-us-container div.wpforms-container-full .wpforms-field-label { text-align: left; }
.contact-us-container div.wpforms-container-full .wpforms-field-sublabel {}
.contact-us-container div.wpforms-container-full button[type="submit"],
.contact-us-container div.wpforms-container-full button[type="submit"]:hover,
.contact-us-container div.wpforms-container-full button[type="submit"]:active,
.contact-us-container div.wpforms-container-full button[type="submit"]:not(:hover):not(:active) {
height: 60px;display: flex;justify-content: center;font-size: 20px;font-weight: 400; align-items: center;
}
.contact-us-container div.wpforms-container-full input[type="text"],
.contact-us-container div.wpforms-container-full input[type="email"] {
height: 60px;width: 100%;background: #ffffff;border: 1px solid #dddddd;box-sizing: border-box;border-radius: 6px;
padding-left: 24px;color: #334d5c;font-size: 18px;
}
.contact-us-container div.wpforms-container-full .wpforms-form textarea {
max-width: 696px;height: 120px;width: 100%;border: 1px solid #DDDDDD;box-sizing: border-box;border-radius: 6px;margin-bottom:
40px;padding-left: 24px;padding-top: 18px;color: #334d5c;font-size: 18px;
}
/* animation */
@keyframes fly-in {
0% {
transform: translateX(5%);
opacity: 0;
}
100% {
transform: translateX(0%);
opacity: 100%;
}
}
/* RESPONSIVE */
@media screen and (max-width: 1500px) {
.category-item { font-size: 25px; }
.product-item { font-size: 25px; }
}
@media screen and (max-width: 1250px) {
.category-item { font-size: 20px; }
.product-item { font-size: 20px; }
}
@media screen and (max-width: 1130px) {
.slick-slide img { max-width: 100%; }
}
/* tablet breakpoint */
@media screen and (max-width: 1080px) {
.header { height: 64px; }
article.type-page { top: 140px; }
.header-left { position: relative; margin: 0 auto; }
.header-content .logo .logo-small { height: 96px; }
.logo { display: none; }
.logo.mobile-only { display: inline-block; }
.new-bikes-menu { top: 110px; }
.header-left ul { text-align: center; }
.header-left ul > li { margin-right: 15px; }
.header-left ul > li.mobile-only { display: inline-block; }
.header-left ul > li.tablet-only { display: inline-block; }
.header-right { display: none; }
.product-categories { width: 33%; }
.product-links { width: 33%; }
.product-preview { width: 33%; }
.category-item { font-size: 16px; }
.product-item { font-size: 16px; }
}
/* mobile breakpoint */
@media screen and (max-width: 768px) {
/* .header { position: relative; height: auto; }*/
.header-content { display: flex; justify-content: space-between; flex-direction: row; }
.logo.mobile-only { margin: 0; padding-top: 0; }
.header.new-bikes-menu-active { background-color: #fff; }
.header.burger-menu-active { background-color: #fff; }
.header.new-bikes-menu-active .logo { display: none; }
.header.new-bikes-menu-active .burger { display: none; }
article.type-page { top: 72px; padding-top: 0; }
.header.burger-menu-active .logo { display: none; }
.header.burger-menu-active .header-left { display: none; }
.header.burger-menu-active .burger-menu { display: block; }
body.page-template-default .header.new-bikes-menu-active .header-content .header-left ul > li.primary > a { display: none; }
.burger-menu {
position: fixed; top: unset; left: 0; width: 100%; z-index: 50; padding: 7px; height: 100vh; background-color: #fff;
}
.burger .close { display: none; }
.burger a { color: #000; }
.burger a:active { text-decoration: none; }
.header.burger-menu-active .burger > a { display: none; }
.header.burger-menu-active .burger > a.close { display: block; top: 0; right: 0; position: fixed; }
.burger-menu-content li a {
font-size: 25px; font-weight: 700; color: #000;
}
.no-desktop { display:inline-block; }
.banner-wrapper { padding: 150px 40px; }
.banner__images img { object-position: top left; opacity: 0.8; }
.banner-content h1 { font-size: 52px; }
.product-tech-specs__value { font-size: 64px; }
.learn-more-content { max-width: 80%; }
section[name=audio] h2 { font-size: 50px; line-height: 50px; }
.accordion .expanded-content h2 { font-size: 26px; }
.product-design-modal__page-title p { font-size: 42px; line-height: 42px; }
section[name=audio] .vertically-centered { height: auto; }
section[name=image-gallery] { margin-bottom: 0; }
.header-left ul > li.tablet-only { display: none; }
.header-left { padding: 0; height: auto; top: unset; left: unset; }
.header-content .logo .logo-big { height: 56px; }
.product-categories { width: 100%; }
.product-links { width: 50%; }
.product-preview { display: none; }
.banner-image { width: 155%; }
.main-menu { display: none; }
.burger { cursor: pointer; display: block; width: 60px; font-size: 20px; }
.burger i { width: 50%; height: 3px; background-color: #000; }
.burger.active { background-color: #fff; }
.header-left > ul { display: block; margin-top: 0; }
.header-left > ul > li { text-align: left; padding: 10px; margin-right: 0; display: none }
.header-left > ul > li.primary { display: block; padding: 0; text-align: center; }
.header-left > ul > li > a { font-size: 20px; }
.header-left > ul > li > a:hover { text-decoration: none; }
.new-bikes-menu { top: unset; height: 100%; background-color: #fff; padding-top: 32px; }
.new-bikes-menu .close { display: block; position: fixed; top: 0; right: 0; }
.new-bikes-menu ul > li { padding: 0; }
.new-bikes-menu-content { padding: 0; width: 100%; display: block; position: relative; }
.product-categories {
border-right: 0; display: flex; flex-direction: row; overflow-x: scroll; padding-bottom: 7px;
border-bottom: 1px solid #ccc;
}
.product-links { border-right: 0; width: 100%; height: 100%; overflow: scroll; }
.category-item {
padding: 10px 0; font-size: 17px; line-height: 22px; height: auto; background-size: 80%;
min-width: 138px; text-align: center; display: block; background-position: top center; padding-top: 72px;
}
.product-item {
padding: 10px 0; font-size: 20px; text-transform: none; line-height: 22px; height: auto; display: block;
text-align: center;
}
.product-item img { display: block; width: 80%; margin: 0 auto; margin-bottom: 7px; }
.category-item[data-category=ottantesimo] { background-size: 36%; background-position: center 10px; }
body.single-product .burger > a { color: #fff; }
}
@media screen and (max-width: 550px) {
.banner { padding: 32px; }
footer .menu li { padding: 0 15px; display: block; border: 0; }
footer .menu li a { font-size: 14px; }
}
@media screen and (max-width: 500px) {
.product-categories .category-item { }
footer h3 a { font-size: 20px; }
footer iframe { height: 320px; }
footer #map { height: 320px; }
}
@media screen and (max-width: 480px) {
.banner-wrapper { padding: 150px 20px; }
.banner { padding: 16px; }
.product-design-modal__page { padding: 15px; }
.banner-content h1 { font-size: 40px; }
.product-design-modal__page-title p { font-size: 22px; line-height: 22px; }
.banner-image { width: 240%; }
.accordion .slide { width: 100% !important; height: auto; }
.accordion .slide .accordion-image { width: 200%; height: auto; }
.accordion .slide p { padding-top: 0; }
.accordion .slide .expanded-content { height: auto; width: 100%; display: flex; }
.accordion .expanded-content h2 { position: relative; }
.accordion .slide .preview-content { display: none; }
.accordion .slide-content { height: auto; }
.burger { font-size: 16px; }
.header-content p { font-size: 14px; }
section[name=learn-more] { margin-top: 0; }
.learn-more-content h2 { font-size: 31px; }
.header-left > ul > li > a { font-size: 16px; }
section[name=stats] .col-50 { width: 100%; }
section[name=stats] .col-50:nth-of-type(2) { display: none; }
section[name=audio] .col-50 { width: 100%; }
section[name=audio] .col-50:nth-of-type(1) { display: none; }
footer ul { margin-bottom: 0; }
footer .social a img { width: 32px; margin: 0 5px; }
footer .legal { margin: 0 auto; }
footer .copyright { font-size: 10px; margin-bottom: 0; }
}
@media screen and (max-width: 400px) {
.header-left > ul > li { padding: 7px; }
}
/* fixes and resets */
.modal-window div.modal-content {
-webkit-box-shadow: none;
box-shadow: none;
}
body .elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding: 10px 0; }
section.elementor-element-31dd386 { overflow-x: hidden; }
table#gmail-ctl00_cpMain_dgComercialPR { width: 100% !important; }
/* Used Bike single template gallery slider arrows fix */
.lg-actions { position: unset; }
/* stats section with a landscape image */
section[name=stats].wide-bg { margin-top: 0; }
section[name=stats].wide-bg .col-50:nth-of-type(1) {
width: 100%; height: auto !important; z-index: 10; color: #fff !important; padding-bottom: 50px; background-repeat: no-repeat;
background-size: cover;
}
section[name=stats].wide-bg .col-50:nth-of-type(2) { width: 1px !important; height: 1px !important; }
section[name=stats].wide-bg .tech-specs-link { border-color: #fff; color: #fff; }
/* SPECIFIC PRODUCT PAGE SPECIFIC FIXES */
/*
On some product pages, the slider images have a dark gradient background, which doesn't look good if they're on a white background.
So here we make the slider images full width.
*/
/* http://localhost:8888/mvagusta/product/superveloce-1000-serie-oro/ */
body.postid-22568 .slick-slide img { max-width: 100%; }
body.postid-22568 .main-slider-switcher { background-color: #555555; padding-bottom: 25px; padding-top: 25px; top: -1px; }
body.postid-22568 section[name=image-slider] { margin-bottom: 0; }
body.postid-22568 section[name=stats] .tech-specs-link { display: none; } /* no PDF */
body.postid-22568 section[name=audio] { display: none; }
body.postid-22568 section[name=learn-more] { display: none; }
/* https://www.mvagusta.com/gb/en/product/f3/competizione */
body.postid-21990 .slick-slide img { max-width: 100%; }
body.postid-21990 .main-slider-switcher { background-color: #555555; padding-bottom: 25px; padding-top: 25px; top: -1px; }
body.postid-21990 section[name=image-slider] { margin-bottom: 0; }
body.postid-21990 section[name=audio] { display: none; }
body.postid-21990 section[name=learn-more] { display: none; }
/* special background opacity fix for this product */
body.postid-21990 .banner-wrapper { background-color: #000; }
body.postid-21990 .banner-wrapper .banner__images { opacity: 0.5 }
/* https://www.mvagusta.com/gb/en/product/superveloce/1000-ago */
body.postid-23832 .slick-slide img { max-width: 100%; }
body.postid-23832 .main-slider-switcher { background-color: #555555; padding-bottom: 25px; padding-top: 25px; top: -1px; }
body.postid-23832 section[name=image-slider] { margin-bottom: 0; }
body.postid-23832 section[name=audio] { display: none; }
/* https://www.mvagusta.com/gb/en/product/lxp-orioli/ */
body.postid-22659 section[name=audio] { display: none; }
/* https://www.mvagusta.com/gb/en/product/lxp/enduro-veloce */
body.postid-22079 section[name=audio] { display: none; }
/* hide recaptcha badge */
.grecaptcha-badge { visibility: hidden !important; }