@charset "UTF-8";
 @keyframes scroll {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(35px);
}
}
html, body {
font-family: ff-meta-web-pro, sans-serif !important;
color: #333333;
font-size: 18px;
line-height: 24px;
font-style: normal;
font-weight: 400;
overflow-x: hidden;
}
#content {
margin-top: 60px;
}
div#page {
overflow: hidden !important;
}
a {
color: #333333;
}
::selection {
background: #717171 !important;
color: #fff !important;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
background-color: transparent;
}
::-webkit-scrollbar {
width: 5px;
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: #333;
border-radius: 20px;
}
header#masthead {
height: 61px;
background: #333333;
position: fixed;
width: 100%;
justify-content: center;
z-index: 99999;
top: 0;
left: 0;
border-bottom: 1px solid #717171;
}
header#masthead .site-branding {
margin-left: -1px;
}
header#masthead .site-branding img {
width: 240px;
height: 60px;
object-fit: cover;
}
header#masthead .primary-navigation {
height: 100%;
display: flex;
width: calc(100% / 2 - (240px / 2) - 60px);
position: unset;
right: auto;
left: auto;
}
header#masthead .primary-navigation .primary-menu-container {
width: 100%;
position: unset;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper {
display: flex;
list-style: none;
height: 100%;
width: 100%;
position: unset;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
width: calc(100% / 3);
position: relative;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item:before {
content: "";
background: #ffffff;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
height: 0;
transition: all 0.25s ease-in-out;
z-index: -1;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item:hover > a {
color: #333333;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item:hover:before {
height: 100%;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item a {
color: #fff;
text-transform: uppercase;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
transition: all 0.25s ease-in-out;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item .sub-menu {
background: #717171;
height: 40px;
align-items: center;
list-style: none;
justify-content: flex-start;
padding: 0;
width: 100%;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item .sub-menu > .menu-item {
width: 50%;
padding: 0 30px;
position: relative;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item .sub-menu > .menu-item:first-child {
background-color: #AF1D1F;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item .sub-menu > .menu-item:last-child {
background-color: #013570;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item .sub-menu > .menu-item::before {
background-color: #333333;
z-index: 1;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item .sub-menu > .menu-item a {
z-index: 1;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item .sub-menu > .menu-item:hover > a {
color: #fff !important;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item .sub-menu > .menu-item.benelli-sub {
background-color: #013570;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item .sub-menu > .menu-item.benelli-sub::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background-color: #fff;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item .sub-menu > .menu-item.augusta-sub {
padding: 0 10px;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu {
display: flex;
width: 100%;
padding: 0;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu .menu-item:not(.submenu-open) .sub-menu {
display: none;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu .menu-item.submenu-open {
display: flex;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu .menu-item .sub-menu {
padding-left: 0;
background: #FEFEFE !important;
height: 90px;
border-bottom: 1px solid #e8e8e8;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu .menu-item .sub-menu .menu-item:not(:first-child) {
border-left: 1px solid #e8e8e8;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu .menu-item .sub-menu .menu-item {
width: calc(100% / 12);
flex-basis: calc(100% / 12);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
filter: grayscale(1);
transition: all 0.3s ease;
padding: 0;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu .menu-item .sub-menu .menu-item:hover {
filter: grayscale(0);
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu .menu-item .sub-menu .menu-item a {
color: #000;
width: 100%;
height: 100%;
opacity: 0;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu .menu-item .sub-menu .menu-item.menu-brand-chevrolet {
background-image: url(//www.cavauto.com/wp-content/themes/cavauto-child/assets/img/brand/chevrolet-logo-small.png);
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu .menu-item .sub-menu .menu-item.menu-brand-corvette {
background-image: url(//www.cavauto.com/wp-content/themes/cavauto-child/assets/img/brand/corvette-logo-small.png);
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu .menu-item .sub-menu .menu-item.menu-brand-cadillac {
background-image: url(//www.cavauto.com/wp-content/themes/cavauto-child/assets/img/brand/cadillac-logo-small.png);
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu .menu-item .sub-menu .menu-item.menu-brand-gmc {
background-image: url(//www.cavauto.com/wp-content/themes/cavauto-child/assets/img/brand/gmc-logo-small.png);
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu .menu-item .sub-menu .menu-item.menu-brand-ford {
background-image: url(//www.cavauto.com/wp-content/themes/cavauto-child/assets/img/brand/ford-logo-small.png);
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu .menu-item .sub-menu .menu-item.menu-brand-shelby {
background-image: url(//www.cavauto.com/wp-content/themes/cavauto-child/assets/img/brand/shelby-logo-small.png);
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu .menu-item .sub-menu .menu-item.menu-brand-ram {
background-image: url(//www.cavauto.com/wp-content/themes/cavauto-child/assets/img/brand/ram-logo-small.png);
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu .menu-item .sub-menu .menu-item.menu-brand-dodge {
background-image: url(//www.cavauto.com/wp-content/themes/cavauto-child/assets/img/brand/dodge-logo-small.png);
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu .menu-item .sub-menu .menu-item.menu-brand-chrysler {
background-image: url(//www.cavauto.com/wp-content/themes/cavauto-child/assets/img/brand/chrysler-logo-small.png);
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu .menu-item .sub-menu .menu-item.menu-brand-militem {
background-image: url(//www.cavauto.com/wp-content/themes/cavauto-child/assets/img/brand/militem-logo-small.png);
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu .menu-item .sub-menu .menu-item.menu-brand-lincoln {
background-image: url(//www.cavauto.com/wp-content/themes/cavauto-child/assets/img/brand/lincoln-logo-small.png);
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item.submenu-open .sub-menu .menu-item .sub-menu .menu-item.menu-brand-toyota {
background-image: url(//www.cavauto.com/wp-content/themes/cavauto-child/assets/img/brand/toyota-logo-small.png);
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item:nth-child(3) .sub-menu {
justify-content: center;
padding-left: 0;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper#secondary-menu-list .menu-item .sub-menu {
justify-content: flex-end;
}
header#masthead .full_menu_toogle {
width: 60px;
margin: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-left: 1px solid #717171;
transition: all 0.3s ease;
}
header#masthead .full_menu_toogle img {
display: block;
transition: all 0.3s ease;
}
header#masthead .full_menu_toogle:hover img {
opacity: 0.5;
}
header#masthead .full_menu_toogle .close {
display: none;
}
header#masthead .full_menu_toogle.active .close {
display: block;
}
header#masthead .full_menu_toogle.active .open {
display: none;
}
header#masthead .lang_toogle {
width: 60px;
margin: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #fff;
border-right: 1px solid #717171;
}
.full_menu_container {
display: flex;
height: calc(100vh - 60px);
position: fixed;
top: 60px;
left: 0;
z-index: 9999;
background: #fff;
width: 100%;
align-items: center;
justify-content: center;
flex-direction: column;
}
.full_menu_container:not(.active) {
visibility: hidden;
}
.full_menu_container #full_menu {
display: flex;
flex-flow: row wrap;
width: 100%;
align-items: flex-start;
justify-content: center;
}
.full_menu_container #full_menu .--list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
width: calc(100% / 4);
align-items: center;
justify-content: flex-start;
}
.full_menu_container #full_menu .--list li {
text-align: left;
}
.full_menu_container #full_menu .--list li a {
text-decoration: none;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 30px;
display: block;
min-width: 150px;
}
.full_menu_container #full_menu .--list li a:hover {
text-decoration: underline;
}
.full_menu_container #full_menu .--list li.--sub:not(:last-child) {
margin-bottom: 30px;
}
.full_menu_container #full_menu .--list li.--sub ul.sub {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.full_menu_container #full_menu .--list li.--sub li {
margin-bottom: 0;
}
.full_menu_container #full_menu .--list li.--sub li a {
font-size: 14px;
text-transform: uppercase;
font-style: normal;
font-weight: 400;
margin-bottom: 10px;
display: block;
}
.full_menu_container #full_menu .--list:last-child li {
min-width: 290px;
}
.full_menu_container .follow_us {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
width: 100%;
margin-top: 100px;
}
.full_menu_container .follow_us span {
text-transform: uppercase;
font-style: normal;
font-weight: 700;
margin-bottom: 20px;
}
.full_menu_container .follow_us .social {
display: flex;
align-items: flex-end;
justify-content: center;
}
.full_menu_container .follow_us .social a {
display: block;
}
.full_menu_container .follow_us .social a:not(:last-child) {
margin-right: 18px;
}
@media screen and (max-width: 1680px) {
html, body {
font-size: 16px;
line-height: 22px;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item a {
font-size: 13px !important;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item .sub-menu {
background: #717171;
height: 40px;
align-items: center;
list-style: none;
justify-content: flex-start;
padding-left: 5.7vw;
}
header#masthead .primary-navigation .primary-menu-container .menu-wrapper .menu-item .sub-menu > .menu-item {
padding: 0 20px;
}
header#masthead .full_menu_toogle img {
width: 30%;
}
.full_menu_container .follow_us {
margin-top: 45px;
}
.full_menu_container #full_menu .--list li.--sub li a {
margin-bottom: 6px;
}
.full_menu_container #full_menu .--list li.--sub:not(:last-child) {
margin-bottom: 15px;
}
}
@media screen and (max-width: 1200px) {
header#masthead {
height: 55px;
width: 100% !important;
}
header#masthead .lang_toogle {
order: 3;
border-left: none;
border-right: none;
}
header#masthead .full_menu_toogle {
display: none !important;
}
header#masthead #mobile-navigation {
height: 100%;
position: relative;
left: unset;
right: unset;
order: 1;
}
header#masthead #mobile-navigation::-webkit-scrollbar {
display: none !important;
}
header#masthead #mobile-navigation .menu-button-container {
width: 60px;
left: unset !important;
position: relative;
padding: 0 !important;
right: unset !important;
height: 100% !important;
align-items: center;
justify-content: center;
}
header#masthead #mobile-navigation .menu-button-container path {
fill: #fff;
}
header#masthead #mobile-navigation .primary-menu-container {
background: #F5F5F5 !important;
height: 100%;
top: 55px;
}
header#masthead #mobile-navigation .primary-menu-container::-webkit-scrollbar {
display: none !important;
}
header#masthead #mobile-navigation .primary-menu-container #mobile-menu-list::-webkit-scrollbar {
display: none !important;
}
header#masthead #mobile-navigation .primary-menu-container #mobile-menu-list > li {
border-bottom: 1px solid #717171;
position: relative;
}
header#masthead #mobile-navigation .primary-menu-container #mobile-menu-list > li > a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
color: #333333;
font-size: 22px;
}
header#masthead #mobile-navigation .primary-menu-container #mobile-menu-list > li > .sub_arrow {
position: absolute;
right: 15px;
z-index: 99;
top: 16px;
transition: all 0.3s ease;
}
header#masthead #mobile-navigation .primary-menu-container #mobile-menu-list > li ul {
background: #F5F5F5;
}
header#masthead #mobile-navigation .primary-menu-container #mobile-menu-list > li ul li {
border-bottom: none !important;
position: relative;
}
header#masthead #mobile-navigation .primary-menu-container #mobile-menu-list > li ul li a {
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
font-style: normal;
font-weight: 400;
}
header#masthead #mobile-navigation .primary-menu-container #mobile-menu-list > li ul li > .sub_arrow {
position: absolute;
right: 15px;
z-index: 99;
top: 16px;
transition: all 0.3s ease;
}
header#masthead #mobile-navigation .primary-menu-container #mobile-menu-list > li ul li.submenu-open > .sub_arrow {
transform: rotate(180deg);
}
header#masthead #mobile-navigation .primary-menu-container #mobile-menu-list > li.submenu-open > .sub_arrow {
transform: rotate(180deg);
}
header#masthead .site-branding {
order: 2;
height: 100%;
}
header#masthead .site-branding div, header#masthead .site-branding a, header#masthead .site-branding img {
height: 100%;
}
.full_menu_container {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
}
}
@media screen and (max-width: 1023px) {
header#masthead #mobile-navigation .primary-menu-container #mobile-menu-list > li > a {
font-size: 20px;
}
}
@media screen and (max-width: 600px) {
#mobile-navigation .primary-menu-container {
padding-top: 0 !important;
}
}
.content-boxed {
max-width: 1400px;
width: 100%;
margin: 0 auto;
}
.content-boxed.large {
max-width: 1500px;
}
.content-boxed.small {
max-width: 1000px;
}
p {
font-style: normal;
font-weight: 300;
}
.home div#content.site-content {
margin-top: 100vh;
}
h1, .h1-style {
font-size: 50px;
line-height: 55px;
font-style: normal;
font-weight: 700;
}
h2, .h2-style {
font-size: 32px;
line-height: 38px;
font-style: normal;
font-weight: 400;
}
h3, .h3-style {
font-size: 24px;
line-height: 28px;
font-style: normal;
font-weight: 400;
}
.text-style {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;
}
.text2 {
font-size: 16px;
line-height: 22px;
}
.home_title {
font-size: 60px;
line-height: 65px;
font-style: normal;
font-weight: 700;
letter-spacing: 5px;
display: block;
}
.home_sub {
font-size: 40px;
line-height: 45px;
font-style: normal;
font-weight: 700;
display: block;
}
@media only screen and (min-width: 768px) {
.home_sub {
max-width: 50%;
}
}
.red_link {
background: #C03633;
color: #fff;
text-transform: uppercase;
padding: 5px 25px;
display: inline-block;
font-size: 16px;
text-decoration: none;
transition: all 0.3s ease;
}
.red_link:hover {
background: #717171;
color: #fff;
}
.link_bottom {
display: inline-block;
position: relative;
text-transform: uppercase;
color: #fff;
text-decoration: none;
padding: 7px 30px;
transition: all 0.2s ease;
z-index: 3;
}
.link_bottom::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background: #fff;
z-index: -1;
transition: height 0.3s ease;
}
.link_bottom:hover {
color: #333333;
}
.link_bottom:hover::before {
height: 100%;
}
.link_bottom.dark {
color: #333333;
}
.link_bottom.dark::before {
background: #333333;
}
.link_bottom.dark:hover {
color: #fff;
}
.sottomodelli {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 20px;
width: 100%;
}
a.iubenda-tp-alert-btn.iubenda-tp-btn--warning {
display: none !important;
}
.icon-scroll {
position: absolute;
left: 50%;
width: 30px;
height: 50px;
top: 50%;
margin-top: -26.25px;
box-shadow: inset 0 0 0 1px #fff;
border-radius: 20px;
z-index: 1;
top: auto !important;
bottom: 20px !important;
transform: translateX(-50%);
}
.icon-scroll:before {
content: "";
position: absolute;
width: 6px;
height: 6px;
background: #fff;
margin-left: 12px;
top: 6px;
border-radius: 3px;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-name: scroll;
}
.single-brand .icon-scroll, .single-model .icon-scroll, .page-template-template-classic .icon-scroll, .page-template-template-service .icon-scroll {
bottom: 105px !important;
}
.video {
margin: 80px 0 60px;
}
.video iframe {
width: 100%;
height: 100%;
}
.pagination {
display: flex;
align-items: center;
justify-content: center;
margin: 35px 0 60px;
}
.pagination .prev, .pagination .next {
display: none;
visibility: hidden;
width: 0;
height: 0;
opacity: 0;
}
.pagination a, .pagination span {
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
width: 30px;
height: 30px;
text-decoration: none;
margin: 0 3px;
transition: all 0.3s ease;
}
.pagination a.current, .pagination a:hover:not(.dots), .pagination span.current, .pagination span:hover:not(.dots) {
border: 1px solid #333333;
}
div#breadcrumbs {
position: absolute;
left: 50%;
top: 70px;
z-index: 999;
transform: translateX(-50%);
text-align: center;
width: 100%;
}
div#breadcrumbs span, div#breadcrumbs a {
text-align: center;
display: inline-block;
font-size: 14px;
line-height: 14px;
text-decoration: none;
text-transform: lowercase;
color: #fff;
}
.home div#breadcrumbs {
display: none;
}
.post-type-archive-auto div#breadcrumbs span, .post-type-archive-auto div#breadcrumbs a, .post-type-archive-moto div#breadcrumbs span, .post-type-archive-moto div#breadcrumbs a, .single-ricambi div#breadcrumbs span, .single-ricambi div#breadcrumbs a, .page-template-template-contatti-generale div#breadcrumbs span, .page-template-template-contatti-generale div#breadcrumbs a, .page-template-template-lavora-con-noi div#breadcrumbs span, .page-template-template-lavora-con-noi div#breadcrumbs a, .blog div#breadcrumbs span, .blog div#breadcrumbs a, .single-post div#breadcrumbs span, .single-post div#breadcrumbs a, .page-template-template-promozioni div#breadcrumbs span, .page-template-template-promozioni div#breadcrumbs a {
color: #333333;
}
.chat-trigger {
position: fixed;
z-index: 9999;
bottom: 30px;
right: 30px;
display: block;
cursor: pointer;
transition: transform 0.3s ease, opacity 0.25s ease;
}
.chat-trigger:hover img {
transform: scale(1.1);
}
.chat-trigger img {
display: block;
object-fit: contain;
transition: all 0.3s ease;
}
.chat-trigger:not(.visible) {
width: 0;
height: 0;
transform: translateX(120%);
opacity: 0;
pointer-events: none;
}
.chat-trigger .close {
transition: opacity 0.1s ease-in-out;
width: 50px;
height: 50px;
position: absolute;
left: 0;
border-radius: 50%;
top: 0;
background: #6AC251;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
}
.chat-trigger .close:not(.active) {
visibility: hidden;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}
.chat-trigger .close span {
font-size: 35px;
line-height: 20px;
color: #fff;
font-weight: bold;
display: block;
margin-top: -5px;
}
.chat-popup {
position: fixed;
padding: 25px;
border-radius: 20px;
background: #6AC251;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
bottom: 86px;
right: 30px;
transition: transform 0.3s ease, opacity 0.25s ease;
}
.chat-popup:not(.active) {
width: 0;
height: 0;
transform: translateX(120%);
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.chat-popup .title {
margin-bottom: 15px;
}
.chat-popup .title h2 {
text-transform: uppercase;
font-weight: bold;
font-size: 20px;
line-height: 24px;
}
.chat-popup .chat-buttons {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.chat-popup .chat-buttons span {
width: 110px;
display: flex;
justify-content: center;
background: #6AC251;
}
.chat-popup .chat-buttons span:hover a {
text-decoration: underline;
opacity: 0.9;
}
.chat-popup .chat-buttons span:not(:first-child) {
padding-top: 10px;
}
.chat-popup .chat-buttons span:not(:last-child) {
padding-bottom: 10px;
border-bottom: 1px solid #fff;
}
.chat-popup .chat-buttons span a {
font-size: 18px;
text-decoration: none;
text-align: center;
line-height: 18px;
text-transform: uppercase;
color: #fff;
display: block;
text-align: center;
}
.single-landing:not(.postid-9637) header nav, .single-landing:not(.postid-9637) .lang_toogle, .single-landing:not(.postid-9637) .full_menu_toogle {
display: none !important;
}
.titolo-form {
text-transform: uppercase;
margin-top: 7px;
}
.titolo-form h2 {
font-weight: bold;
}
.form-container textarea {
font-family: ff-meta-web-pro, sans-serif !important;
}
.form-container .gfield_consent_label {
font-size: 13px;
line-height: 13px;
}
.form-container .gfield_required {
display: none;
}
.form-container .gform_footer {
display: flex;
align-items: center;
justify-content: center;
}
.form-container .gform_footer input[type="submit"] {
padding: 12px 30px;
background: #C03633;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0;
border: 1px solid #fff;
font-family: ff-meta-web-pro, sans-serif !important;
text-transform: uppercase;
font-weight: bold;
color: #fff;
}
.content-row {
width: 90vw;
display: flex;
margin: 50px auto;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
}
.content-row .left, .content-row .right, .content-row .center {
width: 50%;
flex-basis: 50%;
}
.content-row .left img, .content-row .right img, .content-row .center img {
width: 100%;
height: auto;
display: block;
}
.content-row .left.text, .content-row .right.text, .content-row .center.text {
padding: 0 80px;
display: flex;
justify-content: center;
flex-direction: column;
}
.content-row.triple .left, .content-row.triple .right, .content-row.triple .center {
width: calc(100% / 3);
flex-basis: calc(100% / 3);
}
.content-row.triple .left img, .content-row.triple .right img, .content-row.triple .center img {
height: 100%;
object-fit: cover;
}
.content-row.double-text {
justify-content: space-between;
}
.content-row.double-text .left, .content-row.double-text .right {
padding: 0 80px;
}
.content-row.icon-text {
gap: 50px;
padding: 0 80px;
}
.content-row.icon-text .single-column {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.content-row.icon-text .single-column .top img {
width: auto;
height: 50px;
object-fit: cover;
}
.content-row.icon-text .single-column .bottom p {
text-align: center;
}
del {
text-decoration-color: #AF1D1F;
}
.top_page {
display: block;
width: 100%;
height: calc(100vh - 60px);
position: fixed;
top: 60px;
left: 0;
}
.top_page .top_page_inner {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
align-items: center;
justify-content: center;
color: #fff;
}
.top_page .top_page_inner .top_page_bg, .top_page .top_page_inner picture {
width: 100%;
z-index: -1;
height: 100%;
transform: scale(1.05);
object-fit: cover;
}
.top_page .top_page_inner .top_page_text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.top_page .top_page_inner .top_page_text span, .top_page .top_page_inner .top_page_text h1, .top_page .top_page_inner .top_page_text a {
text-transform: uppercase;
display: block;
}
.top_page .top_page_inner .top_page_text h1 {
margin: 0;
margin-top: 20px;
margin-bottom: 50px;
}
.top_page .top_page_inner .links {
display: flex;
}
.top_page .top_page_inner .links a:not(:last-child) {
margin-right: 45px;
}
.top_page .top_page_inner .links a {
width: 130px;
text-align: center;
padding: 7px 0;
}
.static_top_page {
margin-bottom: -60px !important;
z-index: 1;
position: relative;
}
.static_top_page .top_page_inner .top_page_text {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.static_top_page .top_page_inner .top_page_text span, .static_top_page .top_page_inner .top_page_text h1, .static_top_page .top_page_inner .top_page_text a {
text-transform: uppercase;
display: block;
text-align: center;
width: 100%;
}
.static_top_page .top_page_inner .top_page_text h1 {
margin: 0;
margin-top: 20px;
margin-bottom: 50px;
}
.static_top_page .top_page_inner img {
width: 100%;
height: auto;
object-fit: cover;
}
.home .top_page .top_page_inner img:not(.desktop), .home .top_page .top_page_inner picture:not(.desktop) {
display: none !important;
width: 100%;
height: auto;
object-fit: cover;
}
.home .top_page::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.25;
}
.home .top_page .top_page_inner .top_page_text h1 {
text-align: center;
}
.page-template-template-auto-nuove .top_page, .page-template-template-moto-nuove .top_page {
height: auto;
}
.page-template-template-auto-nuove .top_page .top_page_bg, .page-template-template-moto-nuove .top_page .top_page_bg {
height: auto;
}
.page_sections {
display: flex;
width: 100%;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
.page_sections.page_sections_2 {
flex-direction: row;
}
.page_sections.page_sections_2 .page_section {
width: calc(50% - 2px);
flex-basis: calc(50% - 2px);
height: 26.5vw;
}
.page_sections.page_sections_2 .page_section:first-child {
margin-right: 4px;
margin-top: 4px;
}
.page_sections .page_section {
display: flex;
width: 100%;
flex-basis: 100%;
height: 45vw;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
align-items: center;
justify-content: center;
flex-direction: column;
color: #fff;
}
.page_sections .page_section h2 {
text-transform: uppercase;
margin: 0;
margin-bottom: 45px;
}
.page_sections .page_section p {
max-width: 45vw;
text-align: center;
margin: 0;
margin-bottom: 45px;
}
.page_sections .page_section .links {
display: flex;
justify-content: center;
align-items: center;
}
.page_sections .page_section .links a:not(:last-child) {
margin-right: 45px;
}
.page_sections .page_section .links a {
text-align: center;
padding: 7px 20px;
}
.page_sections .page_section:not(:last-child) {
margin-bottom: 4px;
}
@media only screen and (min-width: 701px) {
.page-template-template-moto-nuove .page_sections .page_section:first-child {
margin-top: 0;
}
.page-template-template-moto-nuove .page_sections .page_section:nth-child(3) {
margin-right: 4px;
}
.page-template-template-moto-nuove .page_sections .page_section:last-child {
margin-top: -4px;
}
}
.marchi_loop {
display: flex;
flex-flow: row wrap;
width: 100%;
margin-bottom: 60px;
}
.marchi_loop .marchio {
width: calc(50% - 2px);
flex-basis: calc(50% - 2px);
display: flex;
position: relative;
}
.marchi_loop .marchio a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
margin-top: 45px;
text-decoration: none;
width: 100%;
}
.marchi_loop .marchio a .marchio_img {
width: 100%;
height: 28vw;
display: block;
position: relative;
overflow: hidden;
}
.marchi_loop .marchio a .marchio_img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.marchi_loop .marchio a .marchio_img .logo_hover {
visibility: hidden;
position: absolute;
transition: all 0.3s ease;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
}
.marchi_loop .marchio a .marchio_img .logo_hover img {
object-position: center;
object-fit: contain;
display: block;
width: auto;
height: auto;
opacity: 0;
transition: all 0.2s ease;
}
.marchi_loop .marchio a .marchio_img:hover .logo_hover {
visibility: visible;
background-color: rgba(0, 0, 0, 0.7);
}
.marchi_loop .marchio a .marchio_img:hover .logo_hover img {
opacity: 1;
}
.marchi_loop .marchio a .marchio_name {
width: 100%;
text-align: center;
}
.marchi_loop .marchio a .marchio_name h3 {
margin: 0;
margin-top: 10px;
text-transform: uppercase;
}
.marchi_loop .marchio:nth-child(2n) {
margin-left: 4px;
}
.modelli_loop {
display: flex;
flex-flow: row wrap;
width: 100%;
margin-bottom: 60px;
}
.modelli_loop .modello {
width: 100%;
flex-basis: 100%;
display: flex;
position: relative;
justify-content: space-between;
margin-bottom: 4px;
}
.modelli_loop .modello .modello_img {
width: 100%;
height: 28vw;
display: block;
position: relative;
overflow: hidden;
width: calc(50% - 2px);
flex-basis: calc(50% - 2px);
}
.modelli_loop .modello .modello_img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.modelli_loop .modello .modello_img .logo_hover {
visibility: hidden;
position: absolute;
transition: all 0.3s ease;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
}
.modelli_loop .modello .modello_img .logo_hover img {
object-position: center;
object-fit: contain;
display: block;
opacity: 0;
transition: all 0.2s ease;
}
.modelli_loop .modello .modello_img:hover .logo_hover {
visibility: visible;
background-color: rgba(0, 0, 0, 0.7);
}
.modelli_loop .modello .modello_img:hover .logo_hover img {
opacity: 1;
}
.modelli_loop .modello .modello_content {
background: #EEEEEE;
width: calc(50% - 2px);
flex-basis: calc(50% - 2px);
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.modelli_loop .modello .modello_content h3 {
margin: 0;
margin-top: 10px;
text-transform: uppercase;
font-style: normal;
font-weight: 700;
}
.modelli_loop .modello .modello_content .modello_excerpt {
max-width: 29vw;
margin: 0;
margin: 25px 0;
font-style: normal;
font-weight: 300;
}
.modelli_loop .modello .modello_content img {
width: 120px;
height: auto;
object-fit: contain;
}
.modelli_loop .modello.modello-odd .modello_content {
background: #333333;
color: #ffffff;
}
.page_content.service-single .first_section {
padding-top: 0px;
}
.page-template-template-single-service .carousel {
margin-bottom: 0;
}
.modelli_nav {
z-index: 3;
position: fixed;
left: 50%;
transform: translateX(-50%);
width: 80%;
bottom: 25px;
margin: 0;
background: #C03633;
list-style-type: none;
padding: 0;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
border-top: 1px solid #fff;
border: 1px solid #fff;
}
.modelli_nav .modello_nav_item {
line-height: 60px;
padding: 0 20px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.modelli_nav .modello_nav_item .modello_nav_link {
text-decoration: none;
color: #fff;
}
.modelli_nav .modello_nav_item .modello_nav_link:hover, .modelli_nav .modello_nav_item .modello_nav_link.current {
text-decoration: underline;
}
.modelli_nav.single-model-nav li {
width: 50%;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.modelli_nav.single-model-nav li:first-child {
border-right: 1px solid #fff;
}
.navbar.service {
z-index: 2;
position: fixed;
left: 50%;
height: 60px;
transform: translateX(-50%);
width: 80%;
bottom: 25px;
margin: 0;
background: #C03633;
padding: 0;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
align-content: center;
border-top: 1px solid #fff;
border: 1px solid #fff;
margin-bottom: 30px;
}
.navbar.service .modulo {
width: 100%;
flex-basis: 100%;
display: flex;
align-items: center;
justify-content: center;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border: 0 !important;
height: 100%;
position: relative;
cursor: pointer;
}
.navbar.service .modulo > span, .navbar.service .modulo > span > a {
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.navbar.service .modulo .close {
position: absolute;
right: 7px;
top: 11px;
cursor: pointer;
}
.navbar.service .modulo .close img {
display: block;
}
.navbar.service .modulo .form {
width: calc(100% + 2px);
display: flex;
flex-direction: column;
justify-content: center;
visibility: hidden;
opacity: 0;
cursor: auto;
background: #E4E4E4;
position: absolute;
padding: 0 8vw;
bottom: calc(100% + 1px);
height: calc(100vh - 120px - 50px);
border: 0 !important;
border-left: 1px solid #717171;
border-right: 1px solid #717171;
transition: visibility 0s ease, opacity 0.4s ease;
}
.navbar.service .modulo .form > span {
margin-bottom: 25px;
text-transform: uppercase;
font-size: 13px;
font-weight: 400;
}
.navbar.service .modulo .form form span {
height: unset;
width: unset;
}
.navbar.service .modulo .form form input, .navbar.service .modulo .form form select {
border: 1px solid #BFBFBF;
border-radius: 0 !important;
font-size: 12px !important;
font-family: ff-meta-web-pro, sans-serif !important;
}
.navbar.service .modulo .form form input[type="submit"], .navbar.service .modulo .form form select[type="submit"] {
border: none !important;
cursor: pointer;
background: #C03633;
color: #fff !important;
text-transform: uppercase !important;
font-weight: bold;
padding: 5px 30px;
transition: opacity 0.3s ease;
}
.navbar.service .modulo .form form input[type="submit"]:hover, .navbar.service .modulo .form form select[type="submit"]:hover {
opacity: 0.6;
}
.navbar.service .modulo .form form textarea {
font-family: ff-meta-web-pro, sans-serif !important;
border: 1px solid #BFBFBF;
font-size: 12px !important;
}
.navbar.service .modulo .form form .gfield_consent_label {
font-size: 12px;
}
.navbar.service .modulo .form form .gform_wrapper .gfield_required {
color: #333333 !important;
}
.navbar.service .modulo .form form .gform_footer.top_label {
text-align: center;
}
.navbar.service .modulo .form.active {
visibility: visible;
opacity: 1;
overflow-y: scroll;
}
.navbar.service .link {
width: 50%;
flex-basis: 50%;
display: flex;
align-items: center;
justify-content: center;
border-left: 1px solid #717171;
border-right: 1px solid #717171;
height: 100%;
position: relative;
cursor: pointer;
}
.navbar.service .link > span {
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.navbar.service .link > span a {
text-decoration: none;
text-transform: uppercase;
color: #fff;
}
.navbar.service .left {
width: 50%;
}
.navbar.service .right {
width: 50%;
}
.single-moto .navbar.service {
padding-left: 0;
overflow-x: visible !important;
}
.single-moto .navbar.service::before {
content: "";
position: absolute;
width: 1px;
height: 100%;
left: 50%;
top: 0;
background-color: #fff;
}
.single-moto .navbar.service .modulo {
margin-right: 0;
}
.single-moto .navbar.service .modulo .form {
width: 100%;
}
.single-moto .navbar.service .right, .single-moto .navbar.service .left {
height: 100%;
}
.page-template-template-single-service .icon-scroll {
bottom: 105px !important;
}
.postid-2559 .navbar.service .modulo {
border-right: none !important;
}
.postid-2559 .navbar.service .link {
border-right: none !important;
}
.single-auto .navbar.service .modulo:first-child {
border-left: 0 !important;
}
.single-auto .navbar.service .modulo:nth-child(2) {
border-right: none !important;
border-left: none !important;
}
.single-auto .navbar.service .modulo:last-child {
border-right: none !important;
}
.single-auto .navbar.service .modulo .form {
padding: 0 4vw;
}
.single-moto .navbar.service .modulo:first-child {
border-left: 0 !important;
}
.single-moto .navbar.service .modulo:nth-child(2) {
border-right: none !important;
border-left: none !important;
}
.single-moto .navbar.service .modulo:last-child {
border-right: none !important;
}
.single-moto .navbar.service .modulo .form {
padding: 0 4vw;
}
.quick_facts {
display: flex;
width: 100%;
flex-flow: row wrap;
align-items: center;
justify-content: center;
margin: 55px 0;
}
.quick_facts .el {
display: flex;
flex-direction: column;
flex-basis: calc(100% / 3);
width: calc(100% / 3);
padding: 15px 0;
align-items: center;
}
.quick_facts .el .value {
font-size: 45px;
line-height: 45px;
color: #C03633;
margin: 0;
margin-bottom: 22px;
font-style: normal;
font-weight: 300;
}
.quick_facts .el .value .unity {
font-size: 35px;
line-height: 35px;
color: #333333;
}
.quick_facts .el .name {
font-size: 12px;
text-transform: uppercase;
display: block;
text-align: center;
font-style: normal;
font-weight: 700;
margin: 0;
}
.quick_facts .el:not(:last-child) {
border-right: 1px solid #707070;
}
.quick_facts.auto {
margin: 65px 0 55px;
}
.quick_facts.auto .el .icon {
display: flex;
align-items: flex-end;
height: 50px;
justify-content: center;
}
.quick_facts.auto .el .icon img {
display: block;
}
.quick_facts.auto .el .value {
text-transform: uppercase;
font-style: normal;
font-weight: 700;
font-size: 18px;
margin: 0;
margin-top: 19px;
color: #333333;
}
.consumi-container {
display: flex;
flex-direction: column;
width: 100%;
margin-bottom: 60px;
margin-top: 16px;
}
.consumi-container .single-consumi {
width: 100%;
display: flex;
flex-direction: column;
}
.consumi-container .single-consumi h3 {
font-size: 24px;
line-height: 30px;
text-transform: uppercase;
font-style: italic;
font-weight: bold;
margin: 0;
}
.consumi-container .single-consumi .consumption {
display: flex;
width: 100%;
flex-flow: row wrap;
align-items: flex-start;
justify-content: center;
margin: 20px 0 45px;
}
.consumi-container .single-consumi .consumption .el {
display: flex;
flex-direction: column;
flex-basis: calc(100% / 3);
width: calc(100% / 3);
padding: 15px 0;
align-items: center;
border-right: 1px solid #707070;
}
.consumi-container .single-consumi .consumption .el .value {
margin: 0;
font-style: normal;
font-weight: 700;
}
.consumi-container .single-consumi .consumption .el .name {
display: block;
text-align: center;
font-style: normal;
font-weight: 400;
margin: 0;
margin-bottom: 10px;
}
.consumi-container .single-consumi .consumption .el:first-child {
border-left: 1px solid #707070;
}
.scheda_tecnica {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: flex-start;
margin: 30px 0 80px;
}
.scheda_tecnica .el {
display: flex;
flex-flow: row wrap;
width: 100%;
padding: 10px 0;
border-bottom: 1px solid #707070;
}
.scheda_tecnica .el span {
display: flex;
align-items: center;
justify-content: center;
flex-basis: 40%;
width: 40%;
font-size: 14px;
font-style: normal;
font-weight: 400;
}
.scheda_tecnica .el span:last-child {
font-style: normal;
font-weight: 700;
flex-basis: 60%;
width: 60%;
}
.carousel {
width: 100%;
display: block;
margin-bottom: 70px;
}
.carousel .slick-list.draggable {
padding-right: 100px !important;
}
.carousel .single_img {
height: 31vw;
position: relative;
cursor: pointer;
}
.carousel .single_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.carousel .single_img .zoom {
position: absolute;
display: flex;
width: 60px;
height: 60px;
align-items: center;
justify-content: center;
pointer-events: none;
background: rgba(0, 0, 0, 0.7);
left: 0;
bottom: 0;
z-index: 999;
}
.carousel .single_img .zoom img {
width: auto;
height: auto;
object-fit: contain;
object-position: center;
}
.carousel .slick-slide {
margin: 0 1.5px;
}
.carousel .slick-list {
margin: 0 -1.5px;
}
.carousel .slick-arrow {
z-index: 99;
width: 28px !important;
height: 51px !important;
}
.carousel .slick-arrow.slick-prev {
left: 15px !important;
}
.carousel .slick-arrow.slick-next {
right: 15px !important;
}
.carousel .slick-arrow.slick-next:before {
background-image: url(https://www.cavauto.com/wp-content/themes/cavauto-child/assets/svg/arrow.svg) !important;
}
.carousel .slick-arrow::before {
content: "" !important;
left: 0;
top: 0;
position: absolute;
background-image: url(https://www.cavauto.com/wp-content/themes/cavauto-child/assets/svg/arrow2.svg) !important;
width: 100% !important;
height: 100% !important;
background-repeat: no-repeat;
background-size: contain;
}
.slick-lightbox {
z-index: 99999999999 !important;
}
.slick-lightbox .slick-arrow {
z-index: 99;
width: 28px !important;
height: 51px !important;
}
.slick-lightbox .slick-arrow.slick-prev {
left: 15px !important;
}
.slick-lightbox .slick-arrow.slick-next {
right: 15px !important;
}
.slick-lightbox .slick-arrow.slick-next:before {
background-image: url(https://www.cavauto.com/wp-content/themes/cavauto-child/assets/svg/arrow.svg) !important;
}
.slick-lightbox .slick-arrow::before {
content: "" !important;
left: 0;
top: 0;
position: absolute;
background-image: url(https://www.cavauto.com/wp-content/themes/cavauto-child/assets/svg/arrow2.svg) !important;
width: 100% !important;
height: 100% !important;
background-repeat: no-repeat;
background-size: contain;
}
.popup-overlay {
width: 100vw;
height: 100vh;
background: #fff;
opacity: 0.7;
pointer-events: none;
position: fixed;
z-index: 9999999999998;
left: 0;
transition: opacity 0.3s ease;
top: 0;
}
.popup-overlay:not(.active) {
visibility: hidden;
opacity: 0;
pointer-events: none;
left: -9999vw;
top: -9999vw;
}
.newsletter-popup {
position: fixed;
z-index: 9999999999999;
left: 50%;
top: 50vh;
transform: translate(-50%, -50%);
background: #fff;
border: 1px solid #333333;
display: flex;
flex-flow: row wrap;
transition: opacity 0.3s ease;
width: 47vw;
}
.newsletter-popup:not(.active) {
visibility: hidden;
opacity: 0;
pointer-events: none;
left: -9999vw;
top: -9999vw;
}
.newsletter-popup .left, .newsletter-popup .right {
width: 50%;
flex-basis: 50%;
}
.newsletter-popup .close-popup {
position: absolute;
right: 0;
top: 0;
width: 30px;
height: 30px;
background: #333333;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.newsletter-popup .close-popup img {
display: block;
}
.newsletter-popup .close-popup:hover {
opacity: 0.8;
}
.newsletter-popup .right {
border-left: 1px solid #333333;
}
.newsletter-popup .right img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.newsletter-popup .left {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.newsletter-popup .left .newsletter-title {
width: 100%;
height: 55%;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0 30px;
}
.newsletter-popup .left .newsletter-title span {
font-size: 36px;
line-height: 41px;
}
.newsletter-popup .left .newsletter-title span strong {
font-weight: bold;
font-size: 57px;
line-height: 65px;
}
.newsletter-popup .left .gform_wrapper {
width: 100%;
border-top: 1px solid #333333;
}
.newsletter-popup .left .gform_wrapper form {
height: 100%;
position: relative;
}
.newsletter-popup .left .gform_wrapper form .gform_fields {
gap: 0;
}
.newsletter-popup .left .gform_wrapper form .gfield {
width: 100%;
height: 50px;
border-bottom: 1px solid #333333;
padding: 0;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0 30px;
position: relative;
}
.newsletter-popup .left .gform_wrapper form .gfield label {
display: none;
}
.newsletter-popup .left .gform_wrapper form .gfield .ginput_container {
width: 100%;
}
.newsletter-popup .left .gform_wrapper form .gfield .ginput_container input, .newsletter-popup .left .gform_wrapper form .gfield .ginput_container select, .newsletter-popup .left .gform_wrapper form .gfield .ginput_container .selectize-input {
height: 50px;
border: 0;
border-radius: 0;
font-size: 24px;
line-height: 24px;
color: #333333;
padding: 0;
margin: 0;
width: 100%;
background-color: transparent;
}
.newsletter-popup .left .gform_wrapper form .gfield .ginput_container input::placeholder, .newsletter-popup .left .gform_wrapper form .gfield .ginput_container select::placeholder, .newsletter-popup .left .gform_wrapper form .gfield .ginput_container .selectize-input::placeholder {
font-size: 24px;
line-height: 24px;
color: #333333;
}
.newsletter-popup .left .gform_wrapper form .gfield .ginput_container .selectize-control {
position: relative;
}
.newsletter-popup .left .gform_wrapper form .gfield .ginput_container select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: "";
position: relative;
cursor: pointer;
}
.newsletter-popup .left .gform_wrapper form .gfield .ginput_container .selectize-input {
box-shadow: unset !important;
position: relative;
cursor: pointer;
height: 40px;
overflow: auto;
padding-right: 18px;
background-image: unset;
min-height: unset;
}
.newsletter-popup .left .gform_wrapper form .gfield .ginput_container .selectize-input.dropdown-active {
z-index: -1;
}
.newsletter-popup .left .gform_wrapper form .gfield .ginput_container .selectize-input input {
height: 40px;
}
.newsletter-popup .left .gform_wrapper form .gfield .ginput_container .selectize-input .item a {
position: relative;
}
.newsletter-popup .left .gform_wrapper form .gfield .ginput_container .selectize-input .item.active {
background-color: #efefef;
color: #343a40;
border: 0 solid #dee2e6;
}
.newsletter-popup .left .gform_wrapper form .gfield#field_22_1 .ginput_container .selectize-input {
height: 100%;
overflow: hidden;
}
.newsletter-popup .left .gform_wrapper form .gfield#field_22_1 .ginput_container .selectize-input::after {
display: none !important;
}
.newsletter-popup .left .gform_wrapper form .gfield#field_22_1 .ginput_container .selectize-dropdown .option.selected, .newsletter-popup .left .gform_wrapper form .gfield#field_22_1 .ginput_container .selectize-dropdown .option.active {
background-color: #efefef;
background-image: unset;
color: #343a40;
}
.newsletter-popup .left .gform_wrapper form .gfield#field_22_6 .ginput_container .selectize-input .item {
font-size: 16px;
}
.newsletter-popup .left .gform_wrapper form .gfield#field_22_5 {
display: none !important;
}
.newsletter-popup .left .gform_wrapper form .gfield:not(:nth-child(3), :nth-child(4)) .ginput_container::before {
content: "";
position: absolute;
right: 35px;
top: 20px;
width: 20px;
height: 20px;
background-image: url(//www.cavauto.com/wp-content/themes/cavauto-child/assets/svg/dropdown.svg);
background-repeat: no-repeat;
background-size: contain;
}
.newsletter-popup .left .gform_wrapper form .gform_footer {
padding: 0 !important;
margin: 0 !important;
}
.newsletter-popup .left .gform_wrapper form .gform_footer input[type=submit] {
border: 0;
border-radius: 0;
font-size: 24px;
line-height: 24px;
color: #333333;
padding: 0;
margin: 0;
background: #000000;
color: #ffffff;
width: 100%;
height: 100px;
text-transform: uppercase;
cursor: pointer;
cursor: hand;
transition: all 0.25s ease;
}
.newsletter-popup .left .gform_wrapper form .gform_footer input[type=submit]::placeholder {
font-size: 24px;
line-height: 24px;
color: #333333;
}
.newsletter-popup .left .gform_wrapper form .gform_footer input[type=submit]:hover {
background-color: #C03633;
}
.newsletter-popup .link:not(:hover) {
background-size: 100% 52.3%, 100% 50% !important;
}
.news_loop {
display: flex;
flex-flow: row wrap;
width: 100%;
}
.news_loop .single_news {
display: flex;
width: calc(100% / 3 - 2.6666px);
flex-basis: calc(100% / 3 - 2.6666px);
position: relative;
margin-bottom: 60px;
}
.news_loop .single_news a {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-decoration: none;
}
.news_loop .single_news a .news_img {
width: 100%;
height: 350px;
display: block;
position: relative;
}
.news_loop .single_news a .news_img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.news_loop .single_news a .news_title {
width: 100%;
max-width: calc(100% - 70px);
display: flex;
margin-top: 25px;
flex-direction: column;
}
.news_loop .single_news a .news_title span, .news_loop .single_news a .news_title p {
font-size: 16px;
margin: 0;
}
.news_loop .single_news a .news_title .date {
margin: 0;
margin-bottom: 10px;
}
.news_loop .single_news a .news_title h3 {
font-style: normal;
font-weight: 700;
text-transform: uppercase;
margin: 0;
margin-bottom: 25px;
max-width: 430px;
}
.news_loop .single_news a .cat-labels {
position: absolute;
bottom: 20px;
left: 20px;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.news_loop .single_news a .cat-labels .single-label {
padding: 3px 10px;
color: #fff;
background-color: #C03633;
text-transform: uppercase;
font-size: 12px;
border-radius: 5px;
}
.news_loop .single_news a .cat-labels .single-label.moto {
background-color: #013570;
}
.news_loop .single_news:not(:nth-child(3n)) {
margin-right: 4px;
}
.news_loop .single_news .read_more {
text-transform: uppercase;
width: 100%;
height: 100%;
font-style: normal;
font-weight: 700;
position: absolute;
top: 0;
left: 0;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
color: transparent;
visibility: hidden;
transition: all 0.3s ease;
}
.news_loop .single_news:hover .news_img .read_more {
visibility: visible;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
}
.news_loop.page {
width: calc(100% - 6vw);
margin: 0 auto;
margin-top: 40px;
}
.home .top_page .top_page_inner .top_page_bg.mobile {
display: none;
}
.home .top_page .top_page_inner .links {
display: none;
}
.page_content {
position: relative;
background: #fff;
display: block;
width: 100%;
}
.page_content .first_section {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 120px 0 60px;
}
.page_content .first_section span {
text-transform: uppercase;
font-size: 24px;
}
.page_content .first_section h2 {
margin: 0;
margin-top: 15px;
margin-bottom: 50px;
text-transform: uppercase;
text-align: center;
}
.page_content .first_section h3 {
margin: 0;
text-transform: uppercase;
margin-bottom: 20px;
}
.page_content .first_section p {
max-width: 900px;
text-align: center;
margin: 0.5em 0;
}
.page_content .first_section .expand {
position: relative;
}
.page_content .first_section .expand .text {
height: 0;
overflow: hidden;
transition: all 0.5s ease;
}
.page_content .first_section .expand .expand-button {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 100%);
cursor: pointer;
}
.page_content .first_section .expand .expand-button span {
font-size: 15px;
font-weight: bold;
text-decoration: underline;
}
.page_content.home {
margin-top: 100vh;
}
.page_content.home .second_section {
display: block;
width: 100%;
padding-bottom: 60px;
}
.page_content.home .second_section .marchi_section {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
color: #fff;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.page_content.home .second_section .marchi_section h2.section_title {
text-transform: uppercase;
text-align: center;
display: block;
margin: 0;
font-style: normal;
font-weight: 700;
margin-top: 70px;
margin-bottom: 20px;
}
.page_content.home .second_section .marchi_section p {
max-width: 900px;
text-align: center;
margin: 0;
}
.page_content.home .second_section .marchi_grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
max-width: 90vw;
width: 100%;
margin: 10px auto;
justify-content: center;
}
.page_content.home .second_section .marchi_grid .marchi_grid_item {
background-color: #fff;
width: calc(100% / 7);
height: auto;
}
.page_content.home .second_section .marchi_grid .marchi_grid_item img {
object-fit: contain;
width: 100%;
height: auto;
filter: grayscale(1);
max-width: 200px;
object-fit: contain;
}
.page_content.home .second_section .marchi_grid .marchi_grid_item:hover img {
filter: grayscale(0);
}
.page_content.home .second_section .marchi_grid .slick-list {
margin-bottom: 30px;
}
.page_content.home .second_section .marchi_grid .slick-dots {
margin-top: 19px;
}
.page_content.home .second_section .marchi_grid .slick-dots li {
background: #f5f5f5;
width: 16px;
height: 16px;
}
.page_content.home .second_section .marchi_grid .slick-dots button {
width: 16px;
height: 16px;
}
.page_content.home .second_section .marchi_grid .slick-dots button::before {
display: none;
}
.page_content.home .second_section .marchi_grid .slick-dots .slick-active {
width: 20px;
height: 20px;
}
.page_content.home .second_section .marchi_grid .slick-dots .slick-active button {
background: #C03633;
width: 20px;
height: 20px;
}
.page_content.home .second_section .marchi_slider {
width: calc(100% - 200px);
margin: 0 auto;
transform: translateY(-40%);
}
.page_content.home .second_section .marchi_slider .marchio {
display: flex;
}
.page_content.home .second_section .marchi_slider .marchio a {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
position: relative;
}
.page_content.home .second_section .marchi_slider .marchio a h3 {
text-transform: uppercase;
}
.page_content.home .second_section .marchi_slider .marchio a .marchio_img {
height: 13vw;
display: block;
position: relative;
}
.page_content.home .second_section .marchi_slider .marchio a .marchio_img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.page_content.home .second_section .marchi_slider .marchio a .logo_hover {
visibility: hidden;
position: absolute;
transition: all 0.3s ease;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
}
.page_content.home .second_section .marchi_slider .marchio a .logo_hover img {
object-position: center;
object-fit: contain;
display: block;
opacity: 0;
transition: all 0.2s ease;
}
.page_content.home .second_section .marchi_slider .marchio a:hover .logo_hover {
visibility: visible;
background-color: rgba(0, 0, 0, 0.7);
}
.page_content.home .second_section .marchi_slider .marchio a:hover .logo_hover img {
opacity: 1;
}
.page_content.home .second_section .marchi_slider .slick-slide {
margin: 0 2px;
}
.page_content.home .second_section .marchi_slider .slick-list {
margin: 0 -2px;
}
.page_content.home .second_section .marchi_slider .slick-next, .page_content.home .second_section .marchi_slider .slick-prev {
top: 110% !important;
}
.page_content.home .second_section .marchi_slider .slick-next:before, .page_content.home .second_section .marchi_slider .slick-prev:before {
color: #333333 !important;
}
.page_content.home .second_section .marchi_slider .slick-next {
right: 48.3% !important;
}
.page_content.home .second_section .marchi_slider .slick-prev {
left: 48.3% !important;
}
.page_content.home .third_section {
padding-bottom: 110px;
}
.page_content.home .third_section .bottom {
display: flex;
}
.page_content.home .third_section .title-section {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-bottom: 65px;
}
.page_content.home .third_section .title-section h2 {
text-transform: uppercase;
margin: 0;
margin-bottom: 30px;
}
.page_content.home .third_section .cars_slider {
max-width: 88.5vw;
width: 100%;
margin: 0 auto !important;
padding-bottom: 60px;
}
.page_content.home .third_section .cars_slider .cars_slider_item a {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-decoration: none;
}
.page_content.home .third_section .cars_slider .cars_slider_item .cars_slider_img {
width: 100%;
height: 350px;
object-fit: cover;
}
.page_content.home .third_section .cars_slider .cars_slider_item .car_info {
display: flex;
flex-flow: row wrap;
width: 100%;
max-width: calc(100% - 70px);
margin-top: 15px;
}
.page_content.home .third_section .cars_slider .cars_slider_item .car_info .car_name {
flex-basis: calc(100% / 5 * 4);
display: flex;
flex-direction: column;
padding-right: 25px;
}
.page_content.home .third_section .cars_slider .cars_slider_item .car_info .car_name h3 {
text-transform: uppercase;
font-style: normal;
font-weight: 700;
margin: 0;
}
.page_content.home .third_section .cars_slider .cars_slider_item .car_info .car_name span {
font-size: 12px;
font-style: normal;
font-weight: 400;
margin: 0;
}
.page_content.home .third_section .cars_slider .cars_slider_item .car_info .car_price {
flex-basis: calc(100% / 5);
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
.page_content.home .third_section .cars_slider .cars_slider_item .car_info .car_price span {
font-style: normal;
font-weight: 700;
}
.page_content.home .third_section .cars_slider .slick-dots .slick-active button {
background: #C03633;
border: none;
}
.page_content.home .third_section .cars_slider .slick-dots button {
background: #000000;
border: 2px solid #ffffff;
}
.page_content.home .third_section .cars_slider .slick-dots button:before {
display: none;
}
.page_content.home .third_section .slick-dots {
bottom: -35px;
}
.page_content.home .third_section .search-auto {
width: 145px;
height: 70px;
border: 1px solid #333333;
margin-right: auto;
margin-left: 5.75vw;
}
.page_content.home .third_section .search-auto form {
width: 100%;
height: 100%;
display: flex;
}
.page_content.home .third_section .search-auto form label {
display: none;
}
.page_content.home .third_section .search-auto form input {
width: 70%;
border: none !important;
order: 2;
}
.page_content.home .third_section .search-auto form input[type="submit"] {
display: none;
}
.page_content.home .third_section .search-auto form input::placeholder {
text-transform: uppercase;
font-family: ff-meta-web-pro, sans-serif !important;
}
.page_content.home .third_section .search-auto form span {
display: flex;
width: 30%;
align-items: center;
justify-content: center;
order: 1;
cursor: pointer;
}
.page_content.home .third_section .show-more {
width: 145px;
height: 70px;
border: 1px solid #333333;
margin-left: auto;
margin-right: 5.75vw;
display: flex;
align-items: center;
justify-content: center;
}
.page_content.home .third_section .show-more a {
text-transform: uppercase;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.page_content.home .third_section .show-more a img {
margin-right: 15px;
}
.page_content.home .moto_section .cont-slider {
width: 45%;
position: relative;
}
.page_content.home .moto_section .cont-slider:nth-child(2) {
float: left;
padding-left: 5.7vw;
}
.page_content.home .moto_section .cont-slider:nth-child(3) {
float: right;
padding-right: 5.7vw;
}
.page_content.home .moto_section .cont-slider .title {
width: 100%;
display: flex;
justify-content: center;
}
.page_content.home .moto_section .cont-slider h2 {
font-style: normal;
font-weight: 700;
text-transform: uppercase;
margin: 0;
margin-bottom: 25px;
max-width: 430px;
width: 100%;
text-align: center;
}
.page_content.home .moto_section .cont-slider .moto_slider {
margin-bottom: 80px !important;
width: 100%;
}
.page_content.home .moto_section .cont-slider .moto_slider .cars_slider_item .cars_slider_img {
object-fit: contain;
}
.page_content.home .moto_section .bottom {
clear: both;
}
.page_content.home .moto_section .slick-dots {
bottom: 0;
}
.page_content.home .fourth_section {
display: block;
width: 100%;
text-align: center;
margin-bottom: 100px;
background-color: #f5f5f5;
padding-top: 80px;
}
.page_content.home .fourth_section h2 {
text-transform: uppercase;
font-style: normal;
font-weight: 700;
display: block;
text-align: center;
margin: 0;
margin-bottom: 20px;
}
.page_content.home .fourth_section p {
max-width: 900px;
text-align: center;
margin: 0 auto;
margin-bottom: 75px;
}
.page_content.home .fourth_section .row_2col {
display: flex;
width: 100%;
flex-flow: row wrap;
}
.page_content.home .fourth_section .row_2col .row_col {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #fff;
height: 26vw;
background-size: cover;
background-repeat: no-repeat;
width: calc(50% - 2px);
flex-basis: calc(50% - 2px);
}
.page_content.home .fourth_section .row_2col .row_col h2 {
margin: 0;
margin-bottom: 30px;
color: #fff;
}
.page_content.home .fourth_section .row_2col .row_col .buttons {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 30px;
}
.page_content.home .fourth_section .row_2col .row_col:first-child {
margin-right: 4px;
}
.page_content.home .fifth_section {
display: block;
width: 100%;
background: #ffffff;
}
.page_content.home .fifth_section .section_intro {
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
justify-content: flex-start;
margin-bottom: 70px;
}
.page_content.home .fifth_section .section_intro h2 {
margin: 0;
text-transform: uppercase;
font-style: normal;
font-weight: 700;
color: #333333;
margin-bottom: 35px;
}
.page_content.home .fifth_section .section_intro p {
max-width: 900px;
text-align: center;
margin: 0;
}
.page_content.home .fifth_section .link-wrapper {
margin: 15px 0 80px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.page_content.home .fifth_section .link-wrapper .link {
text-decoration: none;
text-transform: uppercase;
padding: 9px 30px;
background: #C03633;
color: #fff;
text-transform: uppercase;
}
.page_content.home .last_section {
display: block;
width: 100%;
margin-top: 0px;
}
.page_content.auto_nuove .first_section {
padding: 70px 0 90px;
}
.page_content.auto_nuove .second_section .section_title {
display: block;
text-align: center;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
margin: 0;
}
.page_content.single_brand .first_section .head_title {
display: flex;
flex-flow: row wrap;
}
.page_content.single_brand .first_section .head_title .left_side {
flex-basis: calc(100% / 7 * 2);
width: calc(100% / 7 * 2);
display: flex;
flex-direction: column;
padding-right: 0px;
}
.page_content.single_brand .first_section .head_title .left_side h1 {
margin: 0;
margin-bottom: 20px;
text-transform: uppercase;
}
.page_content.single_brand .first_section .head_title .left_side h2 {
margin: 0;
}
.page_content.single_brand .first_section .head_title .left_side .brand_links {
display: flex;
margin-top: 35px;
}
.page_content.single_brand .first_section .head_title .left_side .brand_links a:not(:last-child) {
margin-right: 15px;
}
.page_content.single_brand .first_section .head_title .right_side {
flex-basis: calc(100% / 7 * 5);
width: calc(100% / 7 * 5);
padding-left: 110px;
}
.page_content.single_brand .first_section .head_title .right_side p {
text-align: left;
max-width: 800px;
white-space: pre-line;
}
.page_content.single_brand .first_section .head_title .right_side p:not(:last-child) {
margin-bottom: 1.2em;
}
.page_content.single_model .first_section {
padding: 80px 0 0;
align-items: flex-start;
position: relative;
}
.page_content.single_model .first_section h1 {
text-transform: uppercase;
font-style: normal;
font-weight: 700;
margin: 0;
margin-bottom: 15px;
}
.page_content.single_model .first_section h2 {
text-transform: uppercase;
margin: 0;
padding-bottom: 20px;
}
.page_content.single_model .first_section span.single_model_brand {
position: absolute;
width: 150px;
text-align: center;
right: calc(100% + 50px);
padding: 0 10px;
border-right: 1px solid #707070;
border-left: 1px solid #707070;
}
.page_content.single_model .first_section span.single_model_brand img {
width: 100%;
height: auto;
object-fit: contain;
}
.page_content.single_model .model_content .loop_section h3 {
text-transform: uppercase;
font-style: normal;
font-weight: 700;
max-width: 31vw;
margin: 0;
margin-bottom: 30px;
}
.page_content.single_model .model_content .loop_section p {
margin: 0;
margin-bottom: 70px;
margin-top: 20px;
white-space: pre-line;
font-size: 16px;
line-height: 21px;
font-style: normal;
font-weight: 400;
}
.page_content.single_model .model_content .image-wrapper {
width: 100%;
display: block;
margin: 40px 0;
}
.page_content.single_model .model_content .image-wrapper img {
width: 100%;
height: auto;
display: block;
}
.page_content.single_model .mini-auto {
width: 90vw;
margin: 60px auto 35px;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: center;
column-gap: 24px;
}
.page_content.single_model .mini-auto .mini-auto-item {
width: calc(100% / 6 - 20px);
flex-basis: calc(100% / 6 - 20px);
margin-bottom: 25px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
}
.page_content.single_model .mini-auto .mini-auto-item .image {
width: 100%;
display: flex;
margin-bottom: 10px;
}
.page_content.single_model .mini-auto .mini-auto-item .image img {
width: 100%;
height: auto;
display: block;
object-fit: contain;
aspect-ratio: 2;
}
.page_content.single_model .mini-auto .mini-auto-item .text {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
}
.page_content.single_model .mini-auto .mini-auto-item .text span {
font-weight: bold;
text-align: center;
display: block;
font-size: 20px;
line-height: 24px;
}
.page_content.single_model .mini-auto .mini-auto-item .text p {
text-align: center;
margin-top: 5px;
font-size: 16px;
}
.page_content.classic .first_section {
padding: 120px 0;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
.page_content.classic .first_section .left_side {
flex-basis: calc(100% / 7 * 2);
width: calc(100% / 7 * 2);
display: flex;
flex-direction: column;
padding-right: 0px;
}
.page_content.classic .first_section .left_side h1 {
margin: 0;
margin-bottom: 20px;
text-transform: uppercase;
}
.page_content.classic .first_section .left_side h2 {
margin: 0;
}
.page_content.classic .first_section .right_side {
flex-basis: calc(100% / 7 * 5);
width: calc(100% / 7 * 5);
padding-left: 110px;
}
.page_content.classic .first_section .right_side p {
text-align: left;
max-width: 800px;
white-space: pre-line;
}
.page_content.classic .first_section .right_side p:not(:last-child) {
margin-bottom: 1.2em;
}
.page_content.service .first_section {
padding: 90px 0;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
.page_content.service .first_section p {
text-align: left;
max-width: 800px;
white-space: pre-line;
}
.page_content.service .first_section p:not(:last-child) {
margin-bottom: 1.2em;
}
.page_content.service-single .first_section {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 40px;
}
.page_content.service-single .first_section .text-section *, .page_content.service-single .first_section .icon-section *, .page_content.service-single .first_section .title-section *, .page_content.service-single .first_section .sub-section *, .page_content.service-single .first_section .elenco-section * {
text-align: left;
}
.page_content.service-single .first_section .title-section {
margin-bottom: 20px;
}
.page_content.service-single .first_section .title-section h2 {
margin: 0;
font-weight: bold;
}
.page_content.service-single .first_section .sub-section span {
font-weight: bold;
text-transform: uppercase;
font-size: 18px;
margin-bottom: 25px;
display: block;
}
.page_content.service-single .first_section .text-section {
margin-bottom: 30px;
}
.page_content.service-single .first_section .text-section p {
font-size: 16px;
line-height: 20px;
}
.page_content.service-single .first_section .icon-section {
margin-bottom: 12px;
}
.page_content.service-single .first_section .elenco-section {
margin-bottom: 30px;
}
.page_content.service-single .first_section .elenco-section ul {
display: flex;
flex-direction: column;
list-style: none;
}
.page_content.service-single .first_section .elenco-section ul li i {
margin-right: 30px;
}
.page_content.service-single .first_section .elenco-section ul li span {
font-size: 14px;
text-transform: none;
}
.page_content.service-single .first_section .elenco-section ul li:not(:last-child) {
margin-bottom: 20px;
}
.page_content.service-single .first_section .contatti {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-top: 25px;
}
.page_content.service-single .first_section .contatti .tel {
margin-right: 40px;
}
.page_content.service-single .first_section .contatti div {
font-weight: bold;
text-transform: uppercase;
}
.page_content.service-single .first_section .contatti div i {
margin-right: 15px;
}
.page_content.contatti .heading {
width: 100%;
height: 37vw;
}
.page_content.contatti .heading img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.page_content.contatti .content-section h1 {
display: block;
font-size: 30px;
text-align: center;
margin: 0;
margin-top: 40px;
margin-bottom: 0px;
}
.page_content.contatti .content-section h2 {
display: block;
text-align: center;
font-size: 14px;
line-height: 16px;
font-weight: 400;
margin: 0;
margin-bottom: 35px;
}
.page_content.contatti .content-section .info {
display: flex;
flex-flow: row wrap;
margin-bottom: 50px;
}
.page_content.contatti .content-section .info .contatti, .page_content.contatti .content-section .info .orari {
width: 50%;
flex-basis: 50%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.page_content.contatti .content-section .info p {
margin-top: 0 !important;
}
.page_content.contatti .content-section .info span, .page_content.contatti .content-section .info p {
font-weight: bold;
text-transform: uppercase;
}
.page_content.contatti .content-section .img-middle {
width: 100%;
margin-bottom: 40px;
}
.page_content.contatti .content-section .img-middle img {
width: 100%;
height: auto;
display: block;
}
.page_content.contatti .content-section div.text {
margin-bottom: 30px;
font-size: 16px;
}
.page_content.contatti .content-section div.text.text-2 {
font-size: 18px;
}
.page_content.contatti .content-section .indicazioni span.sub {
font-size: 14px;
font-weight: bold;
margin-bottom: 15px;
}
.page_content.contatti .content-section .elenco-section {
margin-bottom: 30px;
}
.page_content.contatti .content-section .elenco-section ul {
display: flex;
flex-direction: column;
list-style: none;
padding-left: 15px;
}
.page_content.contatti .content-section .elenco-section ul li {
max-width: 40vw;
display: flex;
}
.page_content.contatti .content-section .elenco-section ul li i {
margin-right: 30px;
}
.page_content.contatti .content-section .elenco-section ul li span {
font-size: 14px;
text-transform: none;
}
.page_content.contatti .content-section .elenco-section ul li:not(:last-child) {
margin-bottom: 15px;
}
.page_content.contatti .content-section .blocchi-contatti {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: center;
margin: 55px 0 70px;
}
.page_content.contatti .content-section .blocchi-contatti .blocco {
width: calc(50% - 15px);
flex-basis: calc(50% - 15px);
padding: 15px;
display: flex;
flex-direction: column;
border: 1px solid #707070;
margin-bottom: 30px;
}
.page_content.contatti .content-section .blocchi-contatti .blocco:nth-child(2n) {
margin-left: 30px;
}
.page_content.contatti .content-section .blocchi-contatti .blocco span.name {
font-weight: bold;
margin-bottom: 20px;
text-transform: uppercase;
}
.page_content.contatti .content-section .blocchi-contatti .blocco span.email, .page_content.contatti .content-section .blocchi-contatti .blocco span.tel, .page_content.contatti .content-section .blocchi-contatti .blocco span.orari {
font-size: 14px;
}
.page_content.officina .middle.content-boxed {
min-height: 850px;
display: flex;
flex-direction: column;
align-items: center;
}
.page_content.officina .middle.content-boxed h1 {
margin-top: 50px;
text-transform: uppercase;
}
.page_content.officina .middle.content-boxed h2 {
text-transform: uppercase;
font-size: 18px;
margin: 0;
margin-bottom: 15px;
font-weight: 400;
}
.page_content.officina .middle.content-boxed p {
text-align: center;
margin-top: 0;
}
.blog {
padding-top: 60px;
}
.blog h1 {
display: block;
text-align: center;
text-transform: uppercase;
margin: 0;
margin-bottom: 20px;
margin-top: 60px;
}
.blog .modelli_nav {
width: 90%;
}
.blog .modelli_nav .modello_nav_item {
line-height: 20px;
padding: 20px;
}
.blog .cat-labels {
position: absolute;
bottom: 20px;
left: 20px;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.blog .cat-labels .single-label {
padding: 3px 10px;
color: #fff;
background-color: #C03633;
text-transform: uppercase;
font-size: 12px;
border-radius: 5px;
}
.blog .cat-labels .single-label.moto {
background-color: #013570;
}
.post_thumb img {
width: 100%;
height: auto;
}
.single-post .news_heading {
padding: 80px 0 0;
position: relative;
}
.single-post .news_heading h1 {
font-size: 40px;
line-height: 45px;
text-transform: uppercase;
margin: 0;
margin-bottom: 20px;
}
.single-post .news_heading .cat-labels {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
margin-bottom: 20px;
}
.single-post .news_heading .cat-labels .single-label {
padding: 3px 10px;
color: #fff;
background-color: #C03633;
text-transform: uppercase;
font-size: 12px;
border-radius: 5px;
}
.single-post .news_heading .cat-labels .single-label.moto {
background-color: #013570;
}
.single-post .news_heading span.date {
margin-bottom: 5px;
display: block;
}
.single-post .news_heading .post_thumb {
display: block;
position: relative;
width: 100%;
height: auto;
}
.single-post .news_heading .post_thumb img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.single-post .news_heading .share {
display: flex;
top: 0;
flex-direction: column;
position: absolute;
left: -4rem;
}
.single-post .news_heading .share:not(.on-thumb) {
top: 80px;
}
.single-post .news_heading .share .social.first {
margin-bottom: 12px;
height: 40px;
background: #C03633;
color: #fff;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.single-post .news_heading .share .social {
color: #C03633;
text-align: center;
}
.single-post .news_heading .share .social:not(.first) {
margin-top: 12px;
}
.single-post .news_heading .share .social:not(.first):hover {
opacity: 0.7;
}
.single-post .news_inner {
padding: 0 0 25px;
}
.single-post .news_inner .news_section.text-content {
margin-top: 35px;
}
.single-post .news_inner .news_section h3, .single-post .news_inner .news_section h2 {
text-transform: uppercase;
font-size: 24px;
line-height: 28px;
font-style: normal;
font-weight: 700;
margin: 0;
margin: 35px 0 35px;
}
.single-post .news_inner .news_section h3 + p {
margin-top: 0 !important;
}
.single-post .news_inner .news_section p:not(.p1) {
font-size: 16px;
line-height: 23px;
white-space: pre-line;
margin: 50px 0;
}
.single-post .news_inner .news_section p.s {
font-size: 13px;
line-height: 16px;
}
.single-post .news_inner .news_section p.p1 {
margin: 0;
}
.single-post .news_inner .news_section .img {
display: block;
width: 100%;
}
.single-post .news_inner .news_section .img img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
.single-post .news_inner .news_section .entry-header {
display: none;
}
.single-post .news_inner .news_section .entry-content {
font-size: 16px;
line-height: 25px;
white-space: pre-line;
}
.single-post .news_inner .news_section .entry-content h2 {
margin: 35px 0 0px;
}
.single-post .news_inner .news_section .entry-content img {
width: 100%;
object-fit: cover;
height: auto;
display: block;
}
.single-post .news_inner .news_section .entry-content p {
margin: 0;
}
.single-post .news_inner .news_section .entry-content figure.post-thumbnail {
display: none;
}
.single-post .news_inner .news_section .entry-content .envira-gallery-wrap * {
white-space: normal !important;
opacity: 1 !important;
}
.single-post .news_inner .news_section .entry-content .envira-gallery-wrap .envira-gallery-image {
margin-bottom: 45px;
}
.single-post .news_inner .news_section .entry-content .envira-gallery-wrap .envira-gallery-image + strong {
margin-bottom: 20px;
display: block;
}
.single-post .news_inner .news_section .entry-content .envira-lazy {
padding-bottom: 0 !important;
}
.single-post .news_inner .news_section p {
margin: 22px 0 !important;
}
.single-post .news_inner .image-wrapper {
width: 100%;
margin: 40px 0;
display: block;
}
.single-post .news_inner .image-wrapper img {
width: 100%;
height: auto;
display: block;
}
.single-post .news_inner .back {
display: flex;
align-items: center;
justify-content: center;
margin: 60px 0 130px;
}
.single-post .news_inner .back span a {
padding: 12px 34px;
background: #C03633;
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
.single-post .related {
display: block;
width: calc(100% - 6vw);
margin: 0 auto;
}
.single-post .related .section_intro {
display: block;
text-align: center;
}
.single-post .related .section_intro h2 {
text-transform: uppercase;
font-style: normal;
font-weight: 700;
margin: 0;
margin-bottom: 35px;
}
.post-type-archive-auto, .post-type-archive-moto {
padding-top: 60px;
}
.post-type-archive-auto .cars_heading, .post-type-archive-moto .cars_heading {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
margin: 70px 0 50px;
}
.post-type-archive-auto .cars_heading h1, .post-type-archive-moto .cars_heading h1 {
text-transform: uppercase;
margin: 0;
}
.post-type-archive-auto .cars_heading h2, .post-type-archive-moto .cars_heading h2 {
font-size: 14px;
margin: 0;
}
.post-type-archive-auto .cars_loop, .post-type-archive-moto .cars_loop {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
width: calc(100% - 6vw);
margin: 0 auto;
margin-top: 50px;
margin-bottom: 50px;
}
.post-type-archive-auto .cars_loop.pending, .post-type-archive-moto .cars_loop.pending {
opacity: 0.6;
}
.post-type-archive-auto .cars_loop .noresults, .post-type-archive-moto .cars_loop .noresults {
display: none;
width: 100%;
text-align: center;
margin-bottom: 55px;
}
.post-type-archive-auto .cars_loop .car, .post-type-archive-moto .cars_loop .car {
display: flex;
width: calc(100% / 3 - 2.6666px);
flex-basis: calc(100% / 3 - 2.6666px);
position: relative;
margin-bottom: 60px;
}
.post-type-archive-auto .cars_loop .car a, .post-type-archive-moto .cars_loop .car a {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-decoration: none;
}
.post-type-archive-auto .cars_loop .car a .car_img, .post-type-archive-moto .cars_loop .car a .car_img {
width: 100%;
height: 350px;
display: block;
position: relative;
}
.post-type-archive-auto .cars_loop .car a .car_img img, .post-type-archive-moto .cars_loop .car a .car_img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.post-type-archive-auto .cars_loop .car a .car_info, .post-type-archive-moto .cars_loop .car a .car_info {
display: flex;
flex-flow: row wrap;
width: 100%;
max-width: calc(100% - 70px);
margin-top: 15px;
}
.post-type-archive-auto .cars_loop .car a .car_info .car_name, .post-type-archive-moto .cars_loop .car a .car_info .car_name {
flex-basis: calc(100% / 5 * 4);
display: flex;
flex-direction: column;
padding-right: 25px;
}
.post-type-archive-auto .cars_loop .car a .car_info .car_name h3, .post-type-archive-moto .cars_loop .car a .car_info .car_name h3 {
text-transform: uppercase;
font-style: normal;
font-weight: 700;
margin: 0;
}
.post-type-archive-auto .cars_loop .car a .car_info .car_name span, .post-type-archive-moto .cars_loop .car a .car_info .car_name span {
font-size: 11px;
font-style: normal;
font-weight: 400;
margin: 0;
}
.post-type-archive-auto .cars_loop .car a .car_info .car_price, .post-type-archive-moto .cars_loop .car a .car_info .car_price {
flex-basis: calc(100% / 5);
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
.post-type-archive-auto .cars_loop .car a .car_info .car_price span, .post-type-archive-moto .cars_loop .car a .car_info .car_price span {
font-style: normal;
font-weight: 700;
}
.post-type-archive-auto .cars_loop .car .read_more, .post-type-archive-moto .cars_loop .car .read_more {
text-transform: uppercase;
width: 100%;
height: 100%;
font-style: normal;
font-weight: 700;
position: absolute;
top: 0;
left: 0;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
color: transparent;
visibility: hidden;
transition: all 0.3s ease;
}
.post-type-archive-auto .cars_loop .car:hover .car_img .read_more, .post-type-archive-moto .cars_loop .car:hover .car_img .read_more {
visibility: visible;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
}
.car-filters {
max-width: 58vw;
width: 100%;
margin: 60px auto;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
.car-filters .car-filter {
width: calc(100% / 4 - (105px / 4));
flex-basis: calc(100% / 4 - (105px / 4));
position: relative;
display: flex;
flex-direction: column;
}
.car-filters .car-filter:not(:nth-child(4n + 1)) {
margin-right: 35px;
}
.car-filters .car-filter:not(:nth-last-child(-n+4)) {
margin-bottom: 40px;
}
.car-filters .car-filter .current {
width: 100%;
padding: 5px 10px;
width: 100%;
position: relative;
border-bottom: 1px solid #707070;
cursor: pointer;
z-index: 999;
background: #fff;
}
.car-filters .car-filter .current span {
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
}
.car-filters .car-filter .current:not(.active) {
z-index: 98;
}
.car-filters .car-filter .current::before {
content: "";
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 16px;
background-image: url(https://www.cavauto.com/wp-content/themes/cavauto-child/assets/svg/dropdown.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.car-filters .car-filter .options {
position: absolute;
top: 115%;
transform: translateY(-15px);
visibility: hidden;
opacity: 0;
height: 0;
width: 0;
pointer-events: none;
left: 0;
transition: transform 0.35s ease, opacity 0.3s ease;
display: flex;
background: #fff;
border: 1px solid #707070;
padding: 6px;
flex-direction: column;
box-shadow: 3px 4px 3px #0000001e;
z-index: 99;
max-height: 200px;
overflow-y: auto;
}
.car-filters .car-filter .options .option {
width: 100%;
padding: 10px 5px 10px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
cursor: pointer;
}
.car-filters .car-filter .options .option:first-child span {
opacity: 0.7;
}
.car-filters .car-filter .options .option:not(:last-child) {
border-bottom: 1px solid #ccc;
}
.car-filters .car-filter .options .option span {
font-size: 12px;
text-transform: uppercase;
line-height: 12px;
}
.car-filters .car-filter .options .option:hover {
background: #C03633;
}
.car-filters .car-filter .options .option:hover span {
color: #fff;
}
.car-filters .car-filter .options.active {
visibility: visible;
width: 100%;
height: auto;
pointer-events: auto;
transform: translateY(0);
opacity: 1;
}
.car-filters .car-filter.submit {
background: #C03633;
display: flex;
align-items: center;
justify-content: center;
padding: 4px 0;
transition: all 0.3s ease;
cursor: pointer;
}
.car-filters .car-filter.submit span {
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
line-height: 15px;
}
.car-filters .car-filter.submit:hover {
background: #981a17;
}
.single-auto .car_heading {
display: block;
height: calc(100vh - 60px);
width: 100%;
}
.single-auto .car_heading .car_img {
display: block;
width: 100%;
height: 100%;
}
.single-auto .car_heading .car_img img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
.single-auto .car_content {
display: block;
width: 100%;
}
.single-auto .car_content .first_section {
margin: 80px auto 0;
align-items: flex-start;
position: relative;
}
.single-auto .car_content .first_section h2 {
text-transform: uppercase;
font-style: normal;
font-weight: 700;
margin: 0;
margin-bottom: 15px;
}
.single-auto .car_content .first_section h1 {
text-transform: uppercase;
margin: 0;
padding-bottom: 20px;
}
.single-auto .car_content .first_section span.single_model_brand {
position: absolute;
text-align: center;
display: none;
width: 150px;
right: calc(100% + 50px);
padding: 0 10px;
top: 0;
border-right: 1px solid #707070;
border-left: 1px solid #707070;
}
.single-auto .car_content .first_section span.single_model_brand img {
width: 100%;
height: auto;
object-fit: contain;
}
.single-auto .car_content .first_section p.desc {
margin: 15px 0 70px;
font-size: 16px;
line-height: 25px;
}
.single-auto .car_content .first_section .autocarro, .single-auto .car_content .first_section .iva {
padding: 6px 25px;
margin: 15px 0 10px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #C03633;
}
.single-auto .car_content .first_section .autocarro span, .single-auto .car_content .first_section .iva span {
font-size: 16px;
line-height: 16px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
}
.single-auto .car_content .first_section .intro {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.single-auto .car_content .first_section .intro .title {
display: flex;
flex-direction: column;
}
.single-auto .car_content .first_section .intro .title span.sub {
font-size: 18px;
line-height: 22px;
}
.single-auto .car_content .first_section .intro .price {
display: flex;
flex-direction: column;
}
.single-auto .car_content .first_section .intro .price .value span {
font-size: 40px;
line-height: 40px;
}
.single-auto .car_content .first_section .intro .price .value span:last-child {
color: #C03633;
margin-left: 6px;
margin-top: -3px;
}
.single-auto .car_content .equipaggiamenti {
margin-bottom: 110px;
}
.single-auto .car_content .equipaggiamenti h3 {
font-size: 30px;
font-weight: bold;
text-transform: uppercase;
line-height: 35px;
}
.single-auto .car_content .equipaggiamenti ul {
list-style: none;
padding-left: 0;
display: flex;
flex-direction: column;
width: 100%;
}
.single-auto .car_content .equipaggiamenti ul li {
padding: 8px 3px;
width: 100%;
border-top: 1px solid #717171;
}
.single-auto .car_content .equipaggiamenti ul li:last-child {
border-bottom: 1px solid #717171;
}
.single-auto .car_content .equipaggiamenti ul li span {
font-size: 14px;
line-height: 20px;
}
.single-moto .car_heading {
display: block;
height: calc(100vh - 60px);
width: 100%;
}
.single-moto .car_heading .car_img {
display: block;
width: 100%;
height: 100%;
}
.single-moto .car_heading .car_img img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
.single-moto .car_content {
display: block;
width: 100%;
}
.single-moto .car_content .first_section {
margin: 80px auto 0;
align-items: flex-start;
position: relative;
}
.single-moto .car_content .first_section h2 {
text-transform: uppercase;
font-style: normal;
font-weight: 700;
margin: 0;
margin-bottom: 15px;
}
.single-moto .car_content .first_section h1 {
text-transform: uppercase;
margin: 0;
padding-bottom: 20px;
}
.single-moto .car_content .first_section span.single_model_brand {
position: absolute;
text-align: center;
display: none;
width: 150px;
right: calc(100% + 50px);
padding: 0 10px;
top: 0;
border-right: 1px solid #707070;
border-left: 1px solid #707070;
}
.single-moto .car_content .first_section span.single_model_brand img {
width: 100%;
height: auto;
object-fit: contain;
}
.single-moto .car_content .first_section p.desc {
margin: 15px 0 70px;
font-size: 16px;
line-height: 25px;
}
.single-moto .car_content .first_section .autocarro, .single-moto .car_content .first_section .iva {
padding: 6px 25px;
margin: 15px 0 10px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #C03633;
}
.single-moto .car_content .first_section .autocarro span, .single-moto .car_content .first_section .iva span {
font-size: 16px;
line-height: 16px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
}
.single-moto .car_content .first_section .intro {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.single-moto .car_content .first_section .intro .title {
display: flex;
flex-direction: column;
}
.single-moto .car_content .first_section .intro .title span.sub {
font-size: 18px;
line-height: 22px;
}
.single-moto .car_content .first_section .intro .price {
display: flex;
flex-direction: column;
}
.single-moto .car_content .first_section .intro .price .value span {
font-size: 40px;
line-height: 40px;
}
.single-moto .car_content .first_section .intro .price .value span:last-child {
color: #C03633;
margin-left: 6px;
margin-top: -3px;
}
.single-moto .car_content .equipaggiamenti {
margin-bottom: 110px;
}
.single-moto .car_content .equipaggiamenti h3 {
font-size: 30px;
font-weight: bold;
text-transform: uppercase;
line-height: 35px;
}
.single-moto .car_content .equipaggiamenti ul {
list-style: none;
padding-left: 0;
display: flex;
flex-direction: column;
width: 100%;
}
.single-moto .car_content .equipaggiamenti ul li {
padding: 8px 3px;
width: 100%;
border-top: 1px solid #717171;
}
.single-moto .car_content .equipaggiamenti ul li:last-child {
border-bottom: 1px solid #717171;
}
.single-moto .car_content .equipaggiamenti ul li span {
font-size: 14px;
line-height: 20px;
}
.page-template-template-classic-page h1, .single-ricambi h1, .single-landing h1, .page-template-template-single-service h1 {
font-size: 40px;
line-height: 45px;
font-style: normal;
font-weight: 700;
display: block;
}
.page-template-template-classic-page h2, .single-ricambi h2, .single-landing h2, .page-template-template-single-service h2 {
display: block;
text-align: center;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
margin: 0;
}
.page-template-template-classic-page h3, .single-ricambi h3, .single-landing h3, .page-template-template-single-service h3 {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;
}
.single-ricambi .h1-style {
margin-top: 150px;
display: block;
}
.page-template-template-service .top_page {
height: calc(20vw - 60px);
position: relative;
top: unset;
left: unset;
}
.page-template-template-service .top_page h1 {
margin: 0 !important;
}
.page-template-template-service .page_content {
margin-top: 0 !important;
}
.page-template-template-service .icon-scroll {
display: none !important;
}
.page-template-template-service .modelli_nav {
display: none !important;
}
.page-template-template-service footer {
padding-bottom: 0 !important;
}
.page-template-template-contatti-generale { }
.page-template-template-contatti-generale #heading {
margin-top: 120px;
display: block;
}
.page-template-template-contatti-generale #heading .container {
padding: 0 6vw;
display: flex;
flex-flow: row wrap;
}
.page-template-template-contatti-generale #heading .container .title {
width: 100%;
flex-basis: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 40px;
}
.page-template-template-contatti-generale #heading .container .title h1 {
text-transform: uppercase;
margin: 0;
font-weight: bold;
}
.page-template-template-contatti-generale #heading .container .left, .page-template-template-contatti-generale #heading .container .right {
width: 50%;
flex-basis: 50%;
display: flex;
flex-direction: column;
}
.page-template-template-contatti-generale #heading .container .left .image, .page-template-template-contatti-generale #heading .container .right .image {
width: 100%;
}
.page-template-template-contatti-generale #heading .container .left .image img, .page-template-template-contatti-generale #heading .container .right .image img {
width: 100%;
height: 24vw;
object-fit: cover;
}
.page-template-template-contatti-generale #heading .container .left .titles, .page-template-template-contatti-generale #heading .container .right .titles {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 30px 0 60px;
}
.page-template-template-contatti-generale #heading .container .left .titles h2, .page-template-template-contatti-generale #heading .container .right .titles h2 {
text-transform: uppercase;
font-weight: bold;
margin: 0;
margin-bottom: 20px;
}
.page-template-template-contatti-generale #heading .container .left .titles p, .page-template-template-contatti-generale #heading .container .right .titles p {
margin: 0;
font-size: 16px;
line-height: 24px;
text-align: center;
}
.page-template-template-contatti-generale #first {
display: block;
margin-bottom: 90px;
}
.page-template-template-contatti-generale #first .container {
padding: 0 6vw;
display: flex;
align-items: flex-start;
justify-content: center;
position: relative;
}
.page-template-template-contatti-generale #first .container .single-principal-contact {
display: flex;
width: calc(100% / 3);
position: relative;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .image {
width: 100%;
position: relative;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .image img {
width: 100%;
height: 24vw;
object-fit: cover;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .titles {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 30px 0 60px;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .titles h2 {
text-transform: uppercase;
font-weight: bold;
margin: 0;
margin-bottom: 20px;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .titles p {
margin: 0;
font-size: 16px;
line-height: 24px;
text-align: center;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .bottom {
display: flex;
align-items: flex-start;
justify-content: center;
width: 100%;
padding: 0 20px;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .bottom .contacts, .page-template-template-contatti-generale #first .container .single-principal-contact .bottom .times {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .bottom .contacts .icon, .page-template-template-contatti-generale #first .container .single-principal-contact .bottom .times .icon {
height: 50px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .bottom .contacts .icon img, .page-template-template-contatti-generale #first .container .single-principal-contact .bottom .times .icon img {
display: block;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .bottom .contacts .text, .page-template-template-contatti-generale #first .container .single-principal-contact .bottom .times .text {
text-transform: uppercase;
font-weight: bold;
font-size: 15px;
line-height: 35px;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .bottom .contacts {
padding-right: 20px;
border-right: 1px solid #707070;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .bottom .times {
padding-left: 20px;
}
.page-template-template-contatti-generale #other {
display: block;
margin-bottom: 100px;
}
.page-template-template-contatti-generale #other .container {
padding: 0 6vw;
display: flex;
flex-direction: column;
}
.page-template-template-contatti-generale #other .container .title {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 55px;
}
.page-template-template-contatti-generale #other .container .title h2 {
font-size: 30px;
line-height: 35px;
text-transform: uppercase;
font-weight: bold;
margin: 0;
}
.page-template-template-contatti-generale #other .container .other-contacts {
display: flex;
width: 85%;
margin: 0 auto;
align-items: flex-start;
justify-content: center;
flex-flow: row wrap;
}
.page-template-template-contatti-generale #other .container .other-contacts .other-contact {
width: calc(100% / 3 - 20px);
flex-basis: calc(100% / 3 - 20px);
padding: 30px;
border: 1px solid #707070;
display: flex;
flex-direction: column;
}
.page-template-template-contatti-generale #other .container .other-contacts .other-contact:not(:nth-child(3n)) {
margin-right: 30px;
}
.page-template-template-contatti-generale #other .container .other-contacts .other-contact p {
margin: 0;
}
.page-template-template-contatti-generale #other .container .other-contacts .other-contact h3 {
margin: 0;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 20px;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
}
.single-brand .page_content .first_section h2 {
text-align: left;
}
.single-auto .icon-scroll {
bottom: 100px !important;
}
.single-moto .icon-scroll {
bottom: 100px !important;
}
.page_content.classic .first_section h2 {
text-align: left;
}
.page-template-template-grazie #grazie {
width: 100%;
}
.page-template-template-grazie #grazie .container {
width: 100%;
min-height: 70vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-grazie #grazie .container h1 {
font-size: 80px;
line-height: 90px;
color: #C03633;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 25px;
margin-top: 0;
}
.page-template-template-grazie #grazie .container h2 {
font-size: 36px;
line-height: 40px;
font-weight: bold;
}
.page-template-template-grazie #grazie .container .link {
margin-top: 80px;
display: flex;
justify-content: center;
}
.page-template-template-grazie #grazie .container .link a {
padding: 11px 22px;
background: #C03633;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
font-weight: bold;
color: #fff;
text-decoration: none;
}
.page-template-template-grazie #grazie .container .link a:hover {
background: #707070;
}
.single-landing footer, .single-ricambi footer {
padding-bottom: 0 !important;
}
.single-landing.single-post .news_heading, .single-ricambi.single-post .news_heading {
padding-top: 20px !important;
}
.content-target {
padding-bottom: 120px;
margin-bottom: 70px;
position: relative;
}
.single-landing .content-target, .single-ricambi .content-target {
margin-bottom: 0;
padding-bottom: 90px;
margin-top: -20px;
}
.single-landing .news_inner, .single-ricambi .news_inner {
margin-bottom: 0px;
}
.single-landing .news_inner, .single-ricambi .news_inner {
margin-bottom: 0px;
}
.single-landing .news_inner .news_section p:not(.p1), .single-ricambi .news_inner .news_section p:not(.p1) {
margin: 12px 0;
font-size: 18px;
line-height: 24px;
}
.single-landing .news_inner .news_section div.s p, .single-ricambi .news_inner .news_section div.s p {
font-size: 13px;
line-height: 16px;
}
.single-post .news_inner .news_section.text-content img {
width: 100%;
height: auto;
margin: 40px 0;
object-fit: cover;
}
.page-template-template-ricambi .content-target, .page-template-template-ricambi-moto .content-target {
padding-top: 40px;
}
.page-template-template-ricambi .top_page .top_page_inner .top_page_text h1, .page-template-template-ricambi-moto .top_page .top_page_inner .top_page_text h1 {
text-align: center;
}
.page-template-template-ricambi .info-row, .page-template-template-ricambi-moto .info-row {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: space-between;
margin-top: 40px;
margin-bottom: 50px;
}
.page-template-template-ricambi .info-row .col, .page-template-template-ricambi-moto .info-row .col {
width: calc(100% / 5 - 25px);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.page-template-template-ricambi .info-row .col .image, .page-template-template-ricambi-moto .info-row .col .image {
margin-bottom: 7px;
}
.page-template-template-ricambi .info-row .col .image img, .page-template-template-ricambi-moto .info-row .col .image img {
width: 50px;
height: 50px;
object-fit: contain;
display: block;
}
.page-template-template-ricambi .info-row .col .text p, .page-template-template-ricambi-moto .info-row .col .text p {
text-align: center;
}
.page-template-template-ricambi .info-row .col:last-child .image img, .page-template-template-ricambi-moto .info-row .col:last-child .image img {
object-position: center;
width: 70px;
height: 50px;
}
.page-template-template-ricambi .pop-up-links, .page-template-template-ricambi-moto .pop-up-links {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
width: auto;
box-shadow: 0 3px 10px #808080;
display: none;
}
.page-template-template-ricambi .pop-up-links .close, .page-template-template-ricambi-moto .pop-up-links .close {
width: 20px;
height: auto;
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
}
.page-template-template-ricambi .pop-up-links .container, .page-template-template-ricambi-moto .pop-up-links .container {
padding: 30px;
display: flex;
align-items: center;
flex-direction: column;
font-display: 30px;
}
.page-template-template-ricambi .pop-up-links .container .div-img, .page-template-template-ricambi-moto .pop-up-links .container .div-img {
width: 200px;
height: auto;
position: relative;
}
.page-template-template-ricambi .pop-up-links .container .div-img img, .page-template-template-ricambi-moto .pop-up-links .container .div-img img {
width: 100%;
height: auto;
object-fit: cover;
}
.page-template-template-ricambi .pop-up-links .container .links, .page-template-template-ricambi-moto .pop-up-links .container .links {
padding: 30px;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 40px;
}
.page-template-template-ricambi .pop-up-links .container .links a, .page-template-template-ricambi-moto .pop-up-links .container .links a {
background: #C03633;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
transition: all 0.3s ease;
cursor: pointer;
}
.page-template-template-ricambi .pop-up-links .container .links a span, .page-template-template-ricambi-moto .pop-up-links .container .links a span {
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
line-height: 15px;
}
.page-template-template-ricambi .pop-up-links .container .links a:hover, .page-template-template-ricambi-moto .pop-up-links .container .links a:hover {
background: #981a17;
}
.page-template-template-ricambi .marchi, .page-template-template-ricambi-moto .marchi {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: center;
width: 100%;
}
.page-template-template-ricambi .marchi .marchio, .page-template-template-ricambi-moto .marchi .marchio {
width: calc(100% / 6);
cursor: pointer;
padding: 10px;
transition: all 0.12s ease;
}
.page-template-template-ricambi .marchi .marchio a, .page-template-template-ricambi-moto .marchi .marchio a {
display: block;
width: 100%;
}
.page-template-template-ricambi .marchi .marchio a img, .page-template-template-ricambi-moto .marchi .marchio a img {
width: 100%;
height: auto;
display: block;
}
.page-template-template-ricambi .marchi .marchio a img:last-child, .page-template-template-ricambi-moto .marchi .marchio a img:last-child {
display: none;
}
.page-template-template-ricambi .marchi .marchio a.active, .page-template-template-ricambi .marchi .marchio a:hover, .page-template-template-ricambi-moto .marchi .marchio a.active, .page-template-template-ricambi-moto .marchi .marchio a:hover {
background: #C03633;
}
.page-template-template-ricambi .marchi .marchio a.active img:last-child, .page-template-template-ricambi .marchi .marchio a:hover img:last-child, .page-template-template-ricambi-moto .marchi .marchio a.active img:last-child, .page-template-template-ricambi-moto .marchi .marchio a:hover img:last-child {
display: block;
}
.page-template-template-ricambi .marchi .marchio a.active img:first-child, .page-template-template-ricambi .marchi .marchio a:hover img:first-child, .page-template-template-ricambi-moto .marchi .marchio a.active img:first-child, .page-template-template-ricambi-moto .marchi .marchio a:hover img:first-child {
display: none;
}
.page-template-template-ricambi .contatti, .page-template-template-ricambi-moto .contatti {
display: flex;
align-items: center;
justify-content: center !important;
width: 100%;
margin-top: 110px !important;
}
.page-template-template-ricambi .contatti .tel, .page-template-template-ricambi .contatti .whatsapp, .page-template-template-ricambi-moto .contatti .tel, .page-template-template-ricambi-moto .contatti .whatsapp {
padding: 15px 25px;
background: #C03633;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-ricambi .contatti .tel a, .page-template-template-ricambi .contatti .whatsapp a, .page-template-template-ricambi-moto .contatti .tel a, .page-template-template-ricambi-moto .contatti .whatsapp a {
color: #fff !important;
text-decoration: none !important;
}
.page-template-template-ricambi .contatti .tel a, .page-template-template-ricambi .contatti .whatsapp a, .page-template-template-ricambi-moto .contatti .tel a, .page-template-template-ricambi-moto .contatti .whatsapp a {
display: flex;
align-items: center;
}
.page-template-template-ricambi .contatti .tel a *, .page-template-template-ricambi .contatti .whatsapp a *, .page-template-template-ricambi-moto .contatti .tel a *, .page-template-template-ricambi-moto .contatti .whatsapp a * {
color: #fff !important;
text-decoration: none !important;
}
.page-template-template-ricambi div#field_9_16, .page-template-template-ricambi-moto div#field_9_16 {
position: relative;
}
.page-template-template-ricambi .navbar.service .modulo .form.active::-webkit-scrollbar, .page-template-template-ricambi-moto .navbar.service .modulo .form.active::-webkit-scrollbar {
display: none;
}
.page-template-template-ricambi .help, .page-template-template-ricambi-moto .help {
position: absolute;
right: -20px;
top: 0;
}
.page-template-template-ricambi .help span.toggle, .page-template-template-ricambi-moto .help span.toggle {
padding: 0;
cursor: pointer;
overflow: visible;
font-weight: bold;
display: inline-flex;
align-items: center;
justify-content: center;
}
.page-template-template-ricambi .help span.toggle img, .page-template-template-ricambi-moto .help span.toggle img {
display: block;
width: 16px;
height: 16px;
object-fit: contain;
}
.page-template-template-ricambi .help div.help-text, .page-template-template-ricambi-moto .help div.help-text {
position: absolute;
width: 18vw;
right: 100%;
font-size: 14px;
line-height: 16px;
background: #fff;
padding: 17px;
border: 1px solid #000;
border-radius: 10px;
transition: opacity 0.3s ease;
}
.page-template-template-ricambi .help div.help-text:not(.active), .page-template-template-ricambi-moto .help div.help-text:not(.active) {
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
pointer-events: none;
}
.page-template-template-ricambi .navbar.service, .page-template-template-ricambi-moto .navbar.service {
left: auto;
right: -8vw;
width: 21vw;
background: transparent;
pointer-events: none;
border: 0;
}
.page-template-template-ricambi .navbar.service .modulo .form, .page-template-template-ricambi-moto .navbar.service .modulo .form {
width: 100% !important;
padding: 25px 27px 0px !important;
bottom: 0 !important;
height: auto !important;
max-height: calc(100vh - 100px);
pointer-events: auto;
}
.page-template-template-ricambi .navbar.service .modulo .form *, .page-template-template-ricambi-moto .navbar.service .modulo .form * {
pointer-events: auto;
}
.page-template-template-ricambi .navbar.service .modulo .form > span, .page-template-template-ricambi-moto .navbar.service .modulo .form > span {
margin-bottom: 6px;
font-size: 12px;
line-height: 16px;
}
.page-template-template-ricambi .navbar.service .modulo .gform_fields, .page-template-template-ricambi-moto .navbar.service .modulo .gform_fields {
grid-row-gap: 6px;
}
.page-template-template-ricambi .navbar.service .modulo form input, .page-template-template-ricambi-moto .navbar.service .modulo form input {
font-size: 12px !important;
}
.page-template-template-ricambi .navbar.service .modulo .form form .gfield_consent_label, .page-template-template-ricambi-moto .navbar.service .modulo .form form .gfield_consent_label {
font-size: 10px;
}
.page-template-template-ricambi .navbar.service .modulo .help span.toggle img, .page-template-template-ricambi-moto .navbar.service .modulo .help span.toggle img {
width: 14px;
height: 14px;
}
.page-template-template-ricambi .navbar.service .modulo > span, .page-template-template-ricambi-moto .navbar.service .modulo > span {
display: none;
}
.page-template-template-lavora-con-noi #first {
max-width: 1400px;
width: 100%;
margin: 0 auto;
position: relative;
}
.page-template-template-lavora-con-noi #first .top-page {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.page-template-template-lavora-con-noi #first .top-page .title {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.page-template-template-lavora-con-noi #first .top-page .title h1 {
text-align: center;
}
.page-template-template-lavora-con-noi #first .top-page .text {
width: 100%;
display: flex;
gap: 2.6vw;
align-items: flex-start;
position: relative;
flex-direction: column-reverse;
}
.page-template-template-lavora-con-noi #first .top-page .text .paragrafo {
width: calc(100%);
}
.page-template-template-lavora-con-noi #first .top-page .text .div-img {
width: calc(100%);
position: relative;
}
.page-template-template-lavora-con-noi #first .top-page .text .div-img img {
width: 100%;
height: auto;
}
.page-template-template-lavora-con-noi #first .container {
margin-top: 50px;
position: relative;
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-bottom: 50px;
}
.page-template-template-lavora-con-noi #first .container .single-card {
width: calc(100% / 2 - (50px / 2));
background-color: #eeeeee;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
margin-bottom: 50px;
padding: 20px;
}
.page-template-template-lavora-con-noi #first .container .single-card:not(:nth-child(2n)) {
margin-right: 50px;
}
.page-template-template-lavora-con-noi #first .container .single-card .title h2 {
margin-top: 0;
}
.page-template-template-lavora-con-noi #first .container .single-card .subtitle h3 {
font-style: italic;
margin: 0;
}
.page-template-template-lavora-con-noi #first .container .single-card .par {
display: none;
}
.page-template-template-lavora-con-noi #first .container .single-card .par.visible {
display: flex;
height: 100%;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.page-template-template-lavora-con-noi #first .container .single-card .par .mail {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 5px;
}
.page-template-template-lavora-con-noi #first .container .single-card .par .mail a {
text-decoration: none;
}
.page-template-template-lavora-con-noi #first .container .single-card .vedi-descrizione {
margin-top: 20px;
cursor: pointer;
display: flex;
gap: 5px;
align-items: center;
}
.page-template-template-lavora-con-noi #first .container .single-card .vedi-descrizione .vedi {
font-size: 16px;
text-decoration: underline;
}
.page-template-template-lavora-con-noi #first .container .single-card .vedi-descrizione .segno {
font-size: 20px;
transform: translateY(-2px);
}
.single-noleggio .page_content .model_content .loop_section p {
font-size: 18px;
line-height: 24px;
margin-bottom: 23px;
}
.single-noleggio .page_content .model_content .loop_section h3 {
max-width: 100%;
font-weight: bold;
margin: 55px 0 20px;
}
.single-noleggio .page_content .model_content .loop_section ul li {
margin: 8px 0;
}
.single-noleggio .page_content .info-row {
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: space-between;
margin-top: 40px;
margin-bottom: 50px;
}
.single-noleggio .page_content .info-row .col {
width: calc(100% / 5 - 25px);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.single-noleggio .page_content .info-row .col .image {
margin-bottom: 7px;
}
.single-noleggio .page_content .info-row .col .image img {
width: 50px;
height: 50px;
object-fit: contain;
display: block;
}
.single-noleggio .page_content .info-row .col .text p {
text-align: center;
}
.single-noleggio .page_content .info-row .col:last-child .image img {
object-position: center;
width: 70px;
height: 50px;
}
.page-template-template-promozioni h2 {
font-weight: bold;
}
.page-template-template-promozioni h1, .page-template-template-promozioni h2 {
text-transform: uppercase;
}
.page-template-template-promozioni #heading .title {
padding-top: 20px;
}
.page-template-template-promozioni #first .row {
width: 100%;
position: relative;
display: flex;
align-items: start;
justify-content: center;
flex-direction: column-reverse;
}
.page-template-template-promozioni #first .row .text {
width: 100%;
}
.page-template-template-promozioni #first .row .text p {
margin-top: 35px;
}
.page-template-template-promozioni #first .row .div-img {
width: 100%;
position: relative;
}
.page-template-template-promozioni #first .row .div-img img {
width: 100%;
height: auto;
object-fit: cover;
}
.page-template-template-promozioni #second {
margin-top: 40px;
}
.page-template-template-promozioni #second .subtitle {
margin-bottom: 30px;
}
.page-template-template-promozioni #second .container {
width: 100%;
position: relative;
display: flex;
align-items: stretch;
justify-content: flex-start;
flex-wrap: wrap;
}
.page-template-template-promozioni #second .container .single-servizio {
width: calc(100% / 3 - (40px / 3));
aspect-ratio: 1;
margin-bottom: 20px;
position: relative;
overflow: hidden;
cursor: pointer;
}
.page-template-template-promozioni #second .container .single-servizio:not(:nth-child(3n)) {
margin-right: 20px;
}
.page-template-template-promozioni #second .container .single-servizio img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease;
}
.page-template-template-promozioni #second .container .single-servizio:hover img {
scale: 1.2;
}
.page-template-template-promozioni #third {
margin-top: 50px;
margin-bottom: 50px;
}
.page-template-template-hummer .top_page .top_page_inner .top_page_text {
top: unset;
bottom: 0;
}
.page-template-template-hummer .left-right {
padding: 120px 0;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
}
.page-template-template-hummer .left-right .left_side {
flex-basis: calc(100% / 7 * 2);
width: calc(100% / 7 * 2);
display: flex;
flex-direction: column;
padding-right: 0px;
}
.page-template-template-hummer .left-right .left_side h1 {
margin: 0;
margin-bottom: 20px;
text-transform: uppercase;
}
.page-template-template-hummer .left-right .left_side h2 {
margin: 0;
}
.page-template-template-hummer .left-right .right_side {
flex-basis: calc(100% / 7 * 5);
width: calc(100% / 7 * 5);
padding-left: 110px;
}
.page-template-template-hummer .left-right .right_side p {
text-align: left;
max-width: 800px;
white-space: pre-line;
}
.page-template-template-hummer .left-right .right_side p:not(:last-child) {
margin-bottom: 1.2em;
}
.page-template-template-hummer h3 {
text-align: center;
}
.page-template-template-hummer .second_section {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.page-template-template-hummer .second_section .single-row {
display: flex;
justify-content: space-between;
align-items: stretch;
}
.page-template-template-hummer .second_section .single-row .div-img, .page-template-template-hummer .second_section .single-row .text {
width: calc(50% - 2px);
}
.page-template-template-hummer .second_section .single-row .div-img {
position: relative;
display: flex;
}
.page-template-template-hummer .second_section .single-row .div-img img {
width: 100%;
height: auto;
object-fit: cover;
}
.page-template-template-hummer .second_section .single-row .text {
background-color: #333333;
display: flex;
flex-direction: column;
padding: 80px;
}
.page-template-template-hummer .second_section .single-row .text h2, .page-template-template-hummer .second_section .single-row .text p {
color: #fff;
}
.page-template-template-hummer .second_section .single-row:nth-child(2) {
flex-direction: row-reverse;
}
.page-template-template-hummer .second_section .single-row:nth-child(2) .text {
background-color: #EEEEEE;
}
.page-template-template-hummer .second_section .single-row:nth-child(2) .text h2, .page-template-template-hummer .second_section .single-row:nth-child(2) .text p {
color: #000;
}
.page-template-template-hummer .third_section {
margin-top: 5.2vw;
}
.page-template-template-hummer .third_section .title {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.page-template-template-hummer .fourth_section {
padding: 0 65px;
padding-bottom: 5.2vw;
}
.page-template-template-hummer .fourth_section .table {
width: 100%;
position: relative;
}
.page-template-template-hummer .fourth_section .table table {
border: 1px solid #DBDBDB;
border-collapse: collapse;
width: 100%;
}
.page-template-template-hummer .fourth_section .table table th, .page-template-template-hummer .fourth_section .table table td {
border: 1px solid #DBDBDB;
border-collapse: collapse;
}
.page-template-template-hummer .fourth_section .table table th span, .page-template-template-hummer .fourth_section .table table td span {
text-align: center;
display: block;
width: 100%;
font-size: 14px;
}
.single-accessori .grid {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: flex-start;
gap: 30px;
margin-top: calc(30px);
}
.single-accessori .grid .single-accessorio {
width: calc(100% / 3 - (60px / 3));
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
cursor: pointer;
transition: all 0.3s ease;
background-color: #333333;
overflow: hidden;
}
.single-accessori .grid .single-accessorio p {
margin: 0;
}
.single-accessori .grid .single-accessorio::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #bababa64;
transition: all 0.3s ease;
opacity: 0;
}
.single-accessori .grid .single-accessorio:hover .div-img img {
scale: 1.2;
}
.single-accessori .grid .single-accessorio:hover .interessa {
background: #981a17;
}
.single-accessori .grid .single-accessorio span {
color: #fff;
}
.single-accessori .grid .single-accessorio .carousel {
margin-bottom: 0;
}
.single-accessori .grid .single-accessorio .carousel .slick-list.draggable {
padding-right: 0 !important;
}
.single-accessori .grid .single-accessorio .carousel .div-img {
width: 100%;
position: relative;
overflow: hidden;
}
.single-accessori .grid .single-accessorio .carousel .div-img img {
width: 100%;
height: 200px;
object-fit: cover;
transition: all 0.3s ease;
}
.single-accessori .grid .single-accessorio .name, .single-accessori .grid .single-accessorio .desc, .single-accessori .grid .single-accessorio .price {
padding: 0 20px;
}
.single-accessori .grid .single-accessorio .name {
font-weight: bold;
margin-bottom: 5px;
margin-top: 20px;
}
.single-accessori .grid .single-accessorio .price {
margin-top: 5px;
margin-bottom: 20px;
}
.single-accessori .grid .single-accessorio .price span {
font-size: 23px;
}
.single-accessori .grid .single-accessorio .interessa {
cursor: pointer;
width: 100%;
margin-top: auto;
background: #C03633;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
transition: all 0.3s ease;
cursor: pointer;
}
.single-accessori .grid .single-accessorio .interessa span {
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
line-height: 15px;
}
.single-accessori .grid .single-accessorio .interessa:hover {
background: #981a17;
}
.single-accessori #modulo {
margin-top: 50px;
height: 0;
overflow: hidden;
transition: all 1s ease;
}
.page-template-template-classico-cavauto .content-target {
margin-bottom: 0;
padding-top: 70px;
}
@media screen and (min-width: 2000px) {
.newsletter-popup .left .newsletter-title span {
font-size: 44px;
line-height: 52px;
}
}
@media screen and (max-width: 1680px) {
h1, .h1-style {
font-size: 40px;
line-height: 45px;
}
h2, .h2-style {
font-size: 28px;
line-height: 30px;
}
h3, .h3-style {
font-size: 20px;
line-height: 24px;
}
.text-style {
font-size: 16px;
line-height: 22px;
}
.home_title {
font-size: 50px;
line-height: 55px;
}
.home_sub {
font-size: 32px;
line-height: 38px;
}
.page_sections .page_section {
height: 40vw;
}
.page-template-template-classic-page h1, .single-ricambi h1, .single-landing h1, .page-template-template-single-service h1 {
font-size: 32px;
line-height: 38px;
}
.page-template-template-classic-page h2, .single-ricambi h2, .single-landing h2, .page-template-template-single-service h2 {
font-size: 28px;
line-height: 30px;
}
.page-template-template-classic-page h3, .single-ricambi h3, .single-landing h3, .page-template-template-single-service h3 {
font-size: 16px;
line-height: 22px;
}
.page_content .first_section {
padding: 75px 0;
}
.page_content .first_section h2 {
margin-bottom: 35px;
}
.page_content.home .first_section {
padding: 75px 0 40px;
}
.page_content.home .second_section {
padding-bottom: 25px;
}
.newsletter-popup {
width: 61vw;
}
.page-template-template-ricambi .navbar.service {
left: auto;
right: -12vw;
width: 29vw;
}
.page-template-template-ricambi-moto .navbar.service {
left: auto;
right: -12vw;
width: 29vw;
}
.single-noleggio .page_content .model_content .loop_section p {
font-size: 16px;
line-height: 22px;
}
}
@media screen and (max-width: 1480px) {
.modelli_nav {
overflow-x: auto;
justify-content: flex-start;
}
.modelli_nav::-webkit-scrollbar {
display: none;
}
.modelli_nav li, .modelli_nav li a {
white-space: nowrap;
}
.page_content.single_model .mini-auto .mini-auto-item {
width: calc(100% / 3 - 20px);
flex-basis: calc(100% / 3 - 20px);
}
.news_loop .single_news a .news_title {
max-width: calc(100% - 50px);
}
.content-boxed {
max-width: calc(100% - 6vw);
width: 100%;
margin: 0 auto;
}
.page_content.single_brand .first_section .head_title .right_side p {
text-align: left;
max-width: 100%;
}
.page_content.single_brand .first_section .head_title .left_side .brand_links {
display: flex;
margin-top: 35px;
flex-direction: column;
}
.page_content.single_brand .first_section .head_title .left_side .brand_links .red_link {
background: #C03633;
color: #fff;
text-transform: uppercase;
width: auto;
padding: 5px 25px;
display: inline-block;
font-size: 16px;
text-decoration: none;
transition: all 0.3s ease;
width: 204px;
margin-bottom: 10px;
}
.page_content.single_model .first_section span.single_model_brand {
width: 120px;
right: calc(100% + 35px);
}
.post-type-archive-auto .cars_loop .car a .car_img {
height: 330px;
}
.post-type-archive-auto .cars_loop .car a .car_info {
max-width: calc(100% - 40px);
margin-top: 15px;
}
.post-type-archive-moto .cars_loop .car a .car_img {
height: 330px;
}
.post-type-archive-moto .cars_loop .car a .car_info {
max-width: calc(100% - 40px);
margin-top: 15px;
}
.single-auto .car_heading {
height: calc(100vh - 120px);
}
.single-moto .car_heading {
height: calc(100vh - 120px);
}
.page-template-template-contatti-generale #other .container .other-contacts {
display: flex;
width: 100%;
}
.page-template-template-contatti-generale #info .container .left {
padding-right: 50px;
}
.news_loop .single_news a .news_img {
width: 100%;
height: 255px;
}
.page-template-template-hummer .fourth_section {
padding: 0 3vw;
padding-bottom: 100px;
}
}
@media screen and (max-width: 1380px) {
h1, .h1-style {
font-size: 34px;
line-height: 39px;
}
h2, .h2-style {
font-size: 25px;
line-height: 28px;
}
.home_title {
font-size: 40px;
line-height: 45px;
}
.home_sub {
font-size: 28px;
line-height: 36px;
}
.page_content .first_section span {
font-size: 18px;
}
.page_content.home .second_section .marchi_slider .slick-next {
right: 47.5% !important;
}
.page_content.home .second_section .marchi_slider .slick-prev {
left: 47.5% !important;
}
.content-row .left.text, .content-row .right.text {
padding: 0 35px;
}
.news_loop .single_news a .news_img {
height: 255px;
}
.page-template-template-classic-page h1, .single-ricambi h1, .single-landing h1, .page-template-template-single-service h1 {
font-size: 28px;
line-height: 36px;
}
.page-template-template-classic-page h2, .single-ricambi h2, .single-landing h2, .page-template-template-single-service h2 {
font-size: 25px;
line-height: 28px;
}
.page_content .first_section {
padding: 65px 0;
}
.page_content .first_section h2 {
margin-bottom: 20px;
}
.page_content.home .third_section .cars_slider .cars_slider_item .cars_slider_img {
width: 100%;
height: 190px;
object-fit: cover;
}
.page_content.home .third_section .cars_slider .cars_slider_item .car_info {
max-width: calc(100% - 40px);
}
.page_content.home .third_section .cars_slider .cars_slider_item .car_info .car_price {
flex-basis: 100%;
}
.page_content.single_model .first_section span.single_model_brand {
right: auto;
left: 0;
top: 0;
}
.page_content.single_model .first_section {
padding-top: 120px;
}
.page_content.single_model {
padding-top: 40px;
}
.page_content.single_model .model_content .loop_section h3 {
max-width: 50%;
}
.post-type-archive-auto .cars_loop .car a .car_img {
height: 280px;
}
.post-type-archive-moto .cars_loop .car a .car_img {
height: 280px;
}
.car-filters {
max-width: 70vw;
}
.post-type-archive-auto .cars_heading {
margin: 0;
}
.post-type-archive-auto #content {
margin: 40px !important;
}
.post-type-archive-moto .cars_heading {
margin: 0;
}
.post-type-archive-moto #content {
margin: 40px !important;
}
.modelli_loop .modello .modello_content .modello_excerpt {
max-width: 79%;
margin: 0 auto;
}
.page-template-template-contatti-generale #info .container .left .contacts .text, .page-template-template-contatti-generale #info .container .left .times .text, .page-template-template-contatti-generale #info .container .right .contacts .text, .page-template-template-contatti-generale #info .container .right .times .text {
font-weight: bold;
font-size: 16px;
line-height: 30px;
}
.news_loop .single_news a .news_title {
max-width: calc(100% - 30px);
}
.news_loop .single_news a .news_title h3 {
margin: 0;
margin-bottom: 12px;
}
.newsletter-popup {
width: 71vw;
}
.content-row.icon-text {
padding: 0;
}
.content-row.double-text .left {
padding-left: 0;
}
.content-row.double-text .right {
padding-right: 0;
}
.page-template-template-contatti-generale #first .container {
flex-direction: column;
gap: 50px;
}
.page-template-template-contatti-generale #first .container .single-principal-contact {
width: 100%;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .bottom {
padding: 0;
}
}
@media only screen and (max-width: 1250px) {
.page-template-template-hummer .fourth_section .table {
overflow: auto;
}
.page-template-template-hummer .fourth_section .table table {
width: 1400px;
}
}
@media screen and (max-width: 1200px) {
.top_page {
height: auto;
}
.icon-scroll {
display: none !important;
}
.page_content.home .second_section .marchi_grid {
max-width: calc(100% - 10vw);
}
.page_content.home .fourth_section .row_2col .row_col {
height: 36vw;
}
.news_loop {
max-width: calc(100% - 10vw);
margin: 0 auto;
width: 100%;
}
.page_content.auto_nuove .first_section {
padding: 30px 0 60px;
}
.content-boxed.small {
max-width: calc(100% - 10vw);
}
.quick_facts .el .value .unity {
font-size: 30px;
line-height: 30px;
}
.quick_facts .el .value {
font-size: 40px;
line-height: 40px;
}
.car-filters {
max-width: 90vw;
}
.post-type-archive-auto .cars_loop {
width: calc(100% - 0vw);
}
.post-type-archive-auto .cars_loop .car a .car_info {
max-width: calc(100% - 20px);
}
.post-type-archive-auto .cars_loop .car a .car_info .car_price {
flex-basis: 100%;
}
.post-type-archive-auto .cars_loop .car a .car_img {
height: 222px;
}
.post-type-archive-moto .cars_loop {
width: calc(100% - 0vw);
}
.post-type-archive-moto .cars_loop .car a .car_info {
max-width: calc(100% - 20px);
}
.post-type-archive-moto .cars_loop .car a .car_info .car_price {
flex-basis: 100%;
}
.post-type-archive-moto .cars_loop .car a .car_img {
height: 222px;
}
.single-auto .car_heading {
height: auto;
}
.single-auto #content {
margin-top: 55px !important;
}
.single-moto .car_heading {
height: auto;
}
.single-moto #content {
margin-top: 55px !important;
}
.page-template-template-service .top_page {
height: 23vw;
}
.page_content.service .first_section p {
max-width: calc(100%);
}
.page_content.service .first_section {
padding: 50px 0;
}
.modelli_loop .modello .modello_img {
height: 38vw;
}
.page_content.service-single .first_section .elenco-section ul {
padding: 0;
}
.page-template-template-contatti-generale #heading {
margin-top: 80px;
}
.page-template-template-contatti-generale #info .container .right {
padding-left: 50px;
}
.page-template-template-contatti-generale #heading .container .left .titles, .page-template-template-contatti-generale #heading .container .right .titles {
margin: 35px 0 35px;
}
.page_content.home .second_section .marchi_grid .marchi_grid_item {
width: calc(100% / 6);
height: auto;
justify-content: center;
}
.page_content.home .second_section .marchi_grid {
justify-content: center;
}
.content-row .left.text, .content-row .right.text {
padding: 0 28px;
}
.content-row .left, .content-row .right {
display: flex;
align-items: center;
}
.newsletter-popup .left .newsletter-title span {
font-size: 26px;
line-height: 32px;
}
.newsletter-popup .left .newsletter-title span strong {
font-weight: bold;
font-size: 36px;
line-height: 46px;
}
.page-template-template-ricambi .navbar.service {
left: auto;
right: -18vw;
width: 42vw;
}
.page-template-template-ricambi-moto .navbar.service {
left: auto;
right: -18vw;
width: 42vw;
}
}
@media only screen and (max-width: 1100px) {
.page-template-template-lavora-con-noi #first {
padding: 0 3vw;
}
}
@media screen and (max-width: 1024px) {
h3, .h3-style {
font-size: 18px;
line-height: 22px;
}
.page_sections .page_section p {
max-width: 70vw;
}
.news_loop .single_news a .news_img {
height: 225px;
}
.news_loop .single_news a .news_title {
max-width: calc(100% - 20px);
}
.news_loop .single_news a .news_title h3 {
margin-bottom: 16px;
}
header#masthead .site-branding {
position: absolute;
left: 50%;
transform: translateX(-50%);
transform: translateX(-50%);
}
header#masthead #mobile-navigation {
margin-right: auto;
}
.page_content.single_brand .first_section .head_title .right_side {
flex-basis: calc(100% / 7 * 5);
width: calc(100% / 7 * 5);
padding-left: 60px;
}
.modelli_loop .modello .modello_content .modello_excerpt {
margin: 11px 0;
}
.modelli_loop .modello .modello_content img {
width: 100px;
}
.modelli_loop .modello .modello_img {
height: 34vw;
}
.modelli_loop .modello .modello_content .modello_excerpt {
max-width: 44vw;
}
.news_loop .single_news {
display: flex;
width: calc(100% / 2 - 3px);
flex-basis: calc(100% / 2 - 3px);
margin-bottom: 60px;
}
.news_loop .single_news:not(:nth-child(3n)) {
margin-right: 0;
}
.news_loop .single_news:not(:nth-child(2n)) {
margin-right: 6px;
}
.single-post .news_heading h1 {
font-size: 30px;
line-height: 37px;
margin-bottom: 15px;
}
.single-post .news_heading .post_thumb {
display: flex;
flex-direction: column;
}
.single-post .news_heading .post_thumb img {
width: 100%;
order: 2;
}
.single-post .news_heading .share {
display: flex;
top: unset;
flex-direction: row;
position: relative;
left: unset;
order: 1;
margin-bottom: 30px;
}
.single-post .news_heading .share .social.first {
margin-bottom: 0;
margin-right: 10px;
}
.single-post .news_heading .share .social:not(.first) {
margin-top: 0;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
margin-right: 10px;
}
.single-post .news_heading {
padding: 50px 0 0;
}
.page-template-template-grazie #grazie .container {
min-height: 80vh;
width: 100%;
max-width: calc(100% - 10vw);
margin: 0 auto;
}
.page-template-template-grazie #grazie .container h2 {
text-align: center;
padding: 0 75px;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .titles {
margin-bottom: 40px;
}
}
@media screen and (max-width: 1023px) {
h1, .h1-style {
font-size: 28px;
line-height: 34px;
}
h2, .h2-style {
font-size: 22px;
line-height: 26px;
}
.home_title {
font-size: 34px;
line-height: 39px;
}
.home_sub {
font-size: 23px;
line-height: 29px;
}
.top_page .top_page_inner .top_page_text h1 {
margin-bottom: 35px;
}
.page_sections .page_section {
height: 44vw;
}
.icon-scroll {
display: none;
}
.top_page {
position: relative;
top: unset !important;
left: unset !important;
}
.page_content {
margin: 0 !important;
}
.page-template-template-classic-page h1, .single-ricambi h1, .single-landing h1, .page-template-template-single-service h1 {
font-size: 23px;
line-height: 29px;
}
.page-template-template-classic-page h2, .single-ricambi h2, .single-landing h2, .page-template-template-single-service h2 {
font-size: 22px;
line-height: 26px;
}
.page_content.home .fourth_section .row_2col .row_col {
width: 100%;
flex-basis: 100%;
margin: 0;
margin-bottom: 2px;
height: 44vw;
margin-right: 0 !important;
}
.page_content.home .news_loop .single_news {
width: 100%;
flex-basis: 100%;
margin-right: 0 !important;
margin-bottom: 34px;
}
.page_content.home .news_loop .single_news .news_img {
height: 44vw;
}
.page_content.home .news_loop .single_news .news_title {
padding-left: 10px;
}
.page_content.home .news_loop .single_news .news_title p {
max-width: 63%;
}
.page_content.home .last_section {
padding: 37px 0 0;
}
.page_content.home .last_section .section_intro {
margin-bottom: 40px;
}
.page-template-template-ricambi .info-row .col, .single-noleggio .info-row .col {
width: calc(100% / 3 - 25px);
margin-bottom: 15px;
}
.page-template-template-ricambi .info-row .col:not(:nth-child(3n)), .single-noleggio .info-row .col:not(:nth-child(3n)) {
margin-right: 37.5px;
}
.page-template-template-ricambi .info-row, .single-noleggio .info-row {
justify-content: center;
}
.page-template-template-ricambi .marchi .marchio {
width: calc(100% / 3);
}
.page-template-template-ricambi .help div.help-text {
position: absolute;
width: 79vw;
}
.page-template-template-ricambi-moto .info-row .col, .single-noleggio .info-row .col {
width: calc(100% / 3 - 25px);
margin-bottom: 15px;
}
.page-template-template-ricambi-moto .info-row .col:not(:nth-child(3n)), .single-noleggio .info-row .col:not(:nth-child(3n)) {
margin-right: 37.5px;
}
.page-template-template-ricambi-moto .info-row, .single-noleggio .info-row {
justify-content: center;
}
.page-template-template-ricambi-moto .marchi .marchio {
width: calc(100% / 3);
}
.page-template-template-ricambi-moto .help div.help-text {
position: absolute;
width: 79vw;
}
.blog div#breadcrumbs, .single-post div#breadcrumbs, .single-auto div#breadcrumbs, .single-moto div#breadcrumbs {
display: none;
}
div#breadcrumbs span, div#breadcrumbs a {
font-size: 13px;
line-height: 13px;
}
div#breadcrumbs {
top: 61px;
}
.content-row.double-text .left {
padding-right: 20px;
}
.content-row.double-text .right {
padding-left: 20px;
}
}
@media only screen and (max-width: 850px) {
footer .footer-title .gform_wrapper form {
flex-direction: column;
width: 100%;
}
footer .footer-title .gform_wrapper form .gform-body {
width: 100%;
z-index: 2;
}
footer .footer-title .gform_wrapper form .gform_fields {
flex-wrap: wrap;
justify-content: flex-start !important;
gap: 20px 5% !important;
}
footer .footer-title .gform_wrapper form .gform_fields .gfield {
width: 47.5%;
position: relative;
}
footer .footer-title .gform_wrapper form .gform_fields .gfield .selectize-control .selectize-input {
width: 100%;
}
footer .footer-title .gform_wrapper form .gform_footer {
position: absolute;
bottom: 0;
right: 0;
width: 47.5%;
display: flex;
justify-content: flex-end;
z-index: 1;
}
footer .footer-title .gform_wrapper form .gform_footer input[type="submit"] {
width: 100%;
}
footer .footer-title .gform_wrapper::before {
font-size: 25px;
line-height: 30px;
}
}
@media screen and (max-width: 800px) {
.page_content.home .second_section .marchi_slider .slick-next {
right: 46% !important;
}
.page_content.home .second_section .marchi_slider .slick-prev {
left: 46% !important;
}
.page_sections .page_section {
height: 56vw;
}
.home .top_page .top_page_inner img:not(.desktop), .home .top_page .top_page_inner picture:not(.desktop) {
display: block !important;
}
.home .top_page .top_page_inner video {
display: none !important;
}
.home .top_page .top_page_inner .top_page_bg.desktop {
display: none !important;
}
.home .top_page .top_page_inner .top_page_bg.mobile {
display: block !important;
}
.home .top_page .top_page_inner img:not(.desktop) {
display: none !important;
}
.page_content .first_section {
padding: 37px 5vw;
}
.page_content .first_section h2 {
margin-bottom: 6px;
}
.page_content.home .second_section .marchi_section p {
padding: 0 5vw;
}
.page_content.home .second_section .marchi_slider .marchio a .marchio_img {
height: 36vw;
}
.news_loop .single_news a .news_title {
max-width: 100%;
padding: 0 5vw !important;
}
.news_loop .single_news a .news_title span, .news_loop .single_news a .news_title p, .news_loop .single_news a .news_title h3 {
max-width: 100% !important;
}
.top_page .top_page_inner .links {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
width: calc(100% - 10vw);
margin: 0 auto;
}
.top_page .top_page_inner .top_page_text {
width: 100%;
}
.top_page .top_page_inner .links a {
width: calc(100% / 3 - 45px);
text-align: center;
padding: 7px 0;
margin-bottom: 25px;
margin-right: 0 !important;
}
.top_page .top_page_inner .links a:not(:nth-child(3n)) {
margin-right: 45px !important;
}
.top_page .top_page_inner .links a:last-child {
margin-right: 0 !important;
}
.page_content.home .fourth_section p {
max-width: calc(100% - 10vw);
width: 100%;
margin: 10px auto 50px;
}
.page_content.home .third_section .title-section h2 {
margin-top: 40px;
margin-bottom: 14px;
}
.page_content.home .fourth_section {
padding-top: 45px;
margin-bottom: 50px;
}
.page_content.home .fifth_section .section_intro p {
max-width: calc(100% - 10vw);
margin: 0 auto;
width: 100%;
}
.page_content.home .third_section .cars_slider .cars_slider_item .cars_slider_img {
height: 205px;
}
.page_content.auto_nuove .first_section {
padding: 30px 5vw 60px;
}
.marchi_loop .marchio a {
margin-top: 24px;
}
.page_content.single_brand .first_section {
padding-left: 0;
padding-right: 0;
}
.modelli_loop .modello .modello_img {
height: 44vw;
}
.page_content.single_brand .first_section .head_title .left_side {
flex-basis: 100%;
width: 100%;
margin-bottom: 30px;
}
.post-type-archive-auto .cars_loop .car {
width: calc(100% / 2 - 2.6666px);
flex-basis: calc(100% / 2 - 2.6666px);
margin-bottom: 40px;
}
.post-type-archive-moto .cars_loop .car {
width: calc(100% / 2 - 2.6666px);
flex-basis: calc(100% / 2 - 2.6666px);
margin-bottom: 40px;
}
.car-filters {
margin: 30px auto;
}
.single-auto .car_content .first_section .intro .price .value span {
font-size: 30px;
line-height: 30px;
}
.single-auto .car_content .first_section {
margin: 50px auto 0;
}
.single-auto .car_content .equipaggiamenti h3 {
font-size: 25px;
line-height: 32px;
}
.single-moto .car_content .first_section .intro .price .value span {
font-size: 30px;
line-height: 30px;
}
.single-moto .car_content .first_section {
margin: 50px auto 0;
}
.single-moto .car_content .equipaggiamenti h3 {
font-size: 25px;
line-height: 32px;
}
.modelli_loop .modello .modello_img {
height: auto;
width: 100%;
flex-basis: 100%;
order: 1;
}
.modelli_loop .modello .modello_content {
width: 100%;
flex-basis: 100%;
padding: 43px 0;
order: 2;
}
.modelli_loop .modello {
display: flex;
flex-flow: row wrap;
}
.modelli_loop .modello .modello_content .modello_excerpt {
max-width: 90% !important;
margin: 0 auto;
}
.page-template-template-single-service .page_content .first_section {
padding-left: 0;
padding-right: 0;
}
.page_content.service-single .first_section .elenco-section ul li i {
margin-right: 10px;
}
.page_content.service-single .first_section {
padding-bottom: 100px;
}
.page-template-template-contatti-generale #heading .container .left, .page-template-template-contatti-generale #heading .container .right {
width: 100%;
flex-basis: 100%;
}
.page-template-template-contatti-generale #info .container {
flex-flow: row wrap;
justify-content: center;
}
.page-template-template-contatti-generale #info .container .left, .page-template-template-contatti-generale #info .container .right {
padding-right: 0;
width: 100%;
padding-left: 0;
justify-content: center;
}
.page-template-template-contatti-generale #info .container .left {
margin-bottom: 30px;
}
.page-template-template-contatti-generale #info .container .left .contacts, .page-template-template-contatti-generale #info .container .right .contacts {
width: 38%;
}
.page-template-template-contatti-generale #other .container .other-contacts .other-contact {
width: 100%;
flex-basis: 100%;
margin-bottom: 20px;
margin-right: 0 !important;
}
.page-template-template-contatti-generale #heading .container .left .image img, .page-template-template-contatti-generale #heading .container .right .image img {
height: 48vw;
}
.news_loop .single_news a .news_title {
padding: 0 1vw !important;
}
.blog h1 {
margin-top: -20px;
}
.blog .modelli_nav, .single-post .modelli_nav {
overflow-x: auto;
justify-content: flex-start;
}
.blog .modelli_nav::-webkit-scrollbar, .single-post .modelli_nav::-webkit-scrollbar {
display: none;
}
.blog .modelli_nav .modello_nav_item, .single-post .modelli_nav .modello_nav_item {
flex-flow: row nowrap;
white-space: nowrap;
}
.blog .modelli_nav .modello_nav_item *, .single-post .modelli_nav .modello_nav_item * {
white-space: nowrap;
}
.single-post .related {
width: 100%;
}
.page_content.classic .first_section .left_side {
flex-basis: 100%;
width: 100%;
margin-bottom: 25px;
}
.page_content.classic .first_section .right_side {
flex-basis: 100%;
width: 100%;
padding-left: 0;
}
.page_content.classic .first_section {
padding: 50px 0;
}
.page_content.classic .first_section {
padding: 30px 0 0;
}
.page-template-template-grazie #grazie .container h1 {
font-size: 60px;
line-height: 60px;
}
.page-template-template-grazie #grazie .container h2 {
font-size: 32px;
line-height: 36px;
}
.page_content.home .first_section {
padding: 50px 5vw 0px;
}
.content-row .left, .content-row .right {
width: 100%;
flex-basis: 100%;
order: 1;
}
.content-row .left.text, .content-row .right.text {
padding: 0;
margin: 10px 0 15px;
order: 2;
}
.content-row {
margin: 0px auto 15px;
}
.navbar.service {
z-index: 2;
position: fixed;
left: 0;
height: 50px;
transform: none;
width: 100%;
bottom: 0;
}
.navbar.service .modulo .form.active {
position: fixed;
left: 0;
bottom: 50px;
top: auto;
height: calc(100vh - 105px);
justify-content: flex-start;
padding-top: 140px;
padding-bottom: 15px;
}
.single-auto .navbar.service {
justify-content: center;
}
.single-auto .chat-trigger, .page-template-template-service .chat-trigger, .page-template-template-single-service .chat-trigger {
bottom: 65px;
right: 10px;
}
.single-moto .navbar.service {
justify-content: center;
}
.single-moto .chat-trigger, .page-template-template-service .chat-trigger, .page-template-template-single-service .chat-trigger {
bottom: 65px;
right: 10px;
}
.modelli_nav {
height: 50px;
left: 0;
transform: none;
width: 100%;
bottom: 0;
}
.blog .modelli_nav {
width: 100%;
}
.modelli_nav .modello_nav_item {
line-height: 30px;
}
.content-target {
margin-bottom: 70px;
}
.newsletter-popup {
width: 75vw;
}
.content-row.icon-text {
gap: 30px;
justify-content: center;
}
.content-row.icon-text .single-column {
flex: unset;
width: calc(100% / 3 - 20px);
}
.content-row.double-text .left, .content-row.double-text .right {
padding: 0 !important;
}
.content-row.triple {
flex-direction: column;
align-items: flex-start;
}
.content-row.triple .left, .content-row.triple .center, .content-row.triple .right {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.page-template-template-lavora-con-noi #first .container .single-card {
width: 100%;
margin-right: 0 !important;
}
.page-template-template-hummer .second_section .single-row {
flex-direction: column !important;
align-items: flex-start;
}
.page-template-template-hummer .second_section .single-row .div-img, .page-template-template-hummer .second_section .single-row .text {
width: 100%;
}
.page-template-template-hummer .third_section .single-modello .double-model {
flex-direction: column;
}
.page-template-template-hummer .third_section .single-modello .double-model .sub-model {
width: 100%;
}
.single-accessori .grid .single-accessorio {
width: calc(100% / 2 - (30px / 2));
}
.page-template-template-contatti-generale #first .container .single-principal-contact .bottom {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .bottom .contacts {
padding-left: 0;
border: none !important;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .bottom .times {
padding-left: 0;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .image img {
height: 300px;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .titles {
width: 100%;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .titles h2 {
width: 100%;
}
.page-template-template-contatti-generale #first .container .single-principal-contact .titles p {
width: 100%;
text-align: start;
}
.page_content.home .moto_section .cont-slider {
width: 100%;
float: none !important;
padding: 0 5.7vw !important;
}
}
@media screen and (max-width: 700px) {
.page-template-template-promozioni #second .container .single-servizio {
width: calc(100% / 2 - (40px / 2));
margin-right: 0 !important;
}
.page-template-template-promozioni #second .container .single-servizio:nth-child(odd) {
margin-right: 20px !important;
}
.home_title {
font-size: 23px;
line-height: 29px;
text-align: center;
margin: 12px 0 !important;
}
.top_page .top_page_inner .links a:not(:nth-child(3n)) {
margin-right: 0px !important;
}
.top_page .top_page_inner .links a {
width: 100%;
}
.top_page {
height: 90vw;
}
.top_page .top_page_inner .links a {
margin-bottom: 2px;
font-size: 14px;
line-height: 17px;
}
.page_content .first_section h3 {
margin-bottom: 20px;
text-align: center;
}
.page_content.home .third_section .cars_slider .cars_slider_item .car_info {
max-width: calc(100%);
}
.page_content.home .second_section .marchi_section h2.section_title {
margin-top: 35px;
}
.page_content.home .second_section .marchi_grid {
margin: 55px auto;
}
.page_content.home .third_section .title-section h2 {
margin-top: 18px;
margin-bottom: 14px;
}
h1, .h1-style {
font-size: 24px;
line-height: 30px;
}
.page_content.home .third_section .title-section {
padding-bottom: 35px;
}
.page_content.home .third_section .bottom {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 65px;
}
.page_content.home .third_section .search-auto, .page_content.home .third_section .show-more {
width: 54%;
height: 54px;
border: 1px solid #333333;
margin-right: 0;
margin-left: 0;
margin-bottom: 18px;
}
.page_content.home .third_section .show-more {
margin-bottom: 0;
}
.page_content.home .third_section .cars_slider {
padding-bottom: 20px;
}
.page_content.home .third_section {
padding-bottom: 50px;
}
.page_content.home .fourth_section .row_2col .row_col {
height: 60vw;
}
.page_content.home .fifth_section .section_intro {
margin-bottom: 35px;
}
.page_content.home .fifth_section .section_intro h2 {
margin-bottom: 20px;
}
.page_content.home .fourth_section {
padding-top: 45px;
margin-bottom: 25px;
}
.page_sections .page_section p {
max-width: 90vw;
margin-bottom: 20px;
}
.page_sections .page_section {
height: 115vw;
}
.page_sections .page_section h2 {
margin-bottom: 20px;
}
.page_sections .page_section .links a:not(:last-child) {
margin-right: 0;
}
.page_sections .page_section .links {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100%;
}
.page_sections .page_section .links a {
width: calc(100% - 10vw);
}
.news_loop .single_news a .news_title {
padding: 0 !important;
}
.news_loop .single_news a .news_title h3 {
margin-bottom: 6px;
}
.news_loop .single_news a .news_title {
margin-top: 13px;
}
header#masthead #mobile-navigation .primary-menu-container #mobile-menu-list > li ul li a {
text-align: center;
}
.page_section {
width: 100%;
flex-basis: 100%;
margin-right: 0 !important;
height: 115vw;
margin-left: 0 !important;
}
.marchi_loop .marchio {
width: 100%;
flex-basis: 100%;
}
.marchi_loop .marchio a .marchio_img {
width: 100%;
height: 56vw;
}
#content {
margin-top: 55px !important;
}
.page_content .first_section h2 {
margin-top: 0;
margin-bottom: 11px;
}
.marchi_loop .marchio:nth-child(2n) {
margin-left: 0px !important;
}
.page_sections.page_sections_2 .page_section {
width: 100%;
flex-basis: 100%;
height: 65vw !important;
}
.page-template-template-auto-nuove .page_sections .page_section .links a {
width: auto;
}
.content-boxed {
max-width: calc(100% - 10vw);
}
.page_content.single_brand .first_section .head_title .right_side {
flex-basis: 100%;
width: 100%;
padding-left: 0;
}
.page_content.single_brand .first_section .head_title .left_side {
margin-bottom: 15px;
}
.page_content.single_brand .first_section .head_title .left_side .brand_links {
margin-top: 20px;
}
.page_content .first_section {
padding: 25px 5vw;
}
.single-brand .top_page, .single-model .top_page {
height: auto;
}
.modelli_loop .modello {
flex-direction: column;
justify-content: flex-start;
}
.modelli_loop .modello .modello_img {
width: 100%;
flex-basis: 100%;
}
.modelli_loop .modello .modello_content {
width: 100%;
flex-basis: 100%;
padding-bottom: 36px;
order: 2;
}
.modelli_loop .modello .modello_content .modello_excerpt {
max-width: calc(100% - 10vw);
}
.modelli_loop .modello .modello_img {
height: auto;
order: 1;
}
.modelli_nav {
overflow-x: auto;
justify-content: flex-start;
}
.modelli_nav::-webkit-scrollbar {
display: none;
}
.modelli_nav .modello_nav_item {
flex-flow: row nowrap;
white-space: nowrap;
}
.modelli_nav .modello_nav_item * {
white-space: nowrap;
}
.page_content.single_model .first_section h2 {
text-align: left;
margin: 0;
padding-bottom: 3px;
}
.page_content.single_model .first_section {
padding-top: 95px;
}
.page_content.single_model {
padding-top: 25px;
}
.quick_facts {
margin: 25px 0;
margin-bottom: 45px;
flex-direction: column;
}
.quick_facts .el {
border: 0 !important;
flex-basis: 100%;
width: 100%;
}
.quick_facts .el .value {
margin-bottom: 12px;
}
.page_content.single_model .model_content .loop_section p {
margin-bottom: 25px;
}
.page_content.single_model .model_content .loop_section p {
margin-bottom: 0px;
}
.page_content.single_model .model_content .loop_section h3 {
max-width: 100%;
margin-bottom: 15px;
margin-top: 40px;
}
.carousel .single_img {
height: 51vw;
}
.page_content.single_model .carousel {
margin-top: 45px;
margin-bottom: 45px;
}
.carousel .single_img .zoom {
width: 35px;
height: 35px;
}
.carousel .single_img .zoom img {
width: 16px;
height: 100%;
}
.consumi-container .single-consumi h3 {
font-size: 17px;
line-height: 22px;
margin-bottom: 5px !important;
}
.consumi-container {
margin-bottom: 10px;
}
.scheda_tecnica {
margin: 30px 0 40px;
}
.video {
margin: 40px 0 60px;
}
.carousel .slick-arrow {
z-index: 99;
width: 15px !important;
height: 40px !important;
}
.post-type-archive-auto #content {
margin: 30px 0 !important;
padding: 0vw;
}
.post-type-archive-auto .cars_loop .car a .car_img {
height: auto;
}
.post-type-archive-auto .cars_loop {
padding: 0 6vw;
}
.post-type-archive-auto .cars_loop .car {
width: 100%;
flex-basis: 100%;
margin-bottom: 40px;
}
.post-type-archive-moto #content {
margin: 30px 0 !important;
padding: 0vw;
}
.post-type-archive-moto .cars_loop .car a .car_img {
height: auto;
}
.post-type-archive-moto .cars_loop {
padding: 0 6vw;
}
.post-type-archive-moto .cars_loop .car {
width: 100%;
flex-basis: 100%;
margin-bottom: 40px;
}
.car-filters {
padding: 6vw;
margin: 30px auto;
position: fixed;
width: 100%;
max-width: 100%;
height: calc(100vh - 55px);
transition: transform 0.3s ease, opacity 0.26s ease;
left: 0;
bottom: 0;
background: #fff;
z-index: 99999999;
margin: 0;
flex-flow: unset !important;
flex-direction: column !important;
align-items: center;
justify-content: center;
}
.car-filters .car-filter {
width: 90%;
flex-basis: unset !important;
margin-bottom: 16px !important;
margin-right: 0 !important;
}
.car-filters .car-filter.submit {
padding: 10px 0;
margin-top: 10px;
}
.car-filters:not(.active) {
transform: translateY(20px);
width: 0;
height: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.close-mobile {
position: absolute;
right: 20px;
top: 20px;
width: 18px;
height: 18px;
display: flex !important;
}
.close-mobile img {
object-fit: contain;
display: block;
width: 100%;
height: 100%;
}
.mobile-filters-toggle {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 45px;
border-top: 1px solid #707070;
background: #fff;
z-index: 9999;
display: flex !important;
justify-content: center;
align-items: center;
}
.mobile-filters-toggle span {
text-transform: uppercase;
font-weight: bold;
}
.single-auto .car_content .first_section .intro {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.single-auto .quick_facts .el {
flex-basis: 50%;
width: 50%;
}
.single-auto .quick_facts.auto {
display: flex;
flex-direction: unset;
flex-flow: row wrap;
}
.single-auto .quick_facts.auto {
margin: 30px 0 35px;
}
.single-auto .car_content .equipaggiamenti h3 {
font-size: 22px;
line-height: 30px;
}
.single-moto .car_content .first_section .intro {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.single-moto .quick_facts .el {
flex-basis: 50%;
width: 50%;
}
.single-moto .quick_facts.auto {
display: flex;
flex-direction: unset;
flex-flow: row wrap;
}
.single-moto .quick_facts.auto {
margin: 30px 0 35px;
}
.single-moto .car_content .equipaggiamenti h3 {
font-size: 22px;
line-height: 30px;
}
.navbar.service .modulo, .navbar.service .link {
width: auto;
flex-basis: unset;
border: 0;
margin: 0;
margin-right: 25px;
}
.navbar.service .modulo > span, .navbar.service .link > span {
white-space: nowrap;
}
.navbar.service {
display: flex;
flex-flow: row nowrap;
overflow-x: auto;
justify-content: flex-start;
align-items: center;
padding-left: 25px;
}
.navbar.service::-webkit-scrollbar {
display: none;
}
.single-auto .car_content .first_section {
margin: 30px auto 0;
}
.single-moto .car_content .first_section {
margin: 30px auto 0;
}
.navbar.service .modulo {
position: unset;
}
.slick-lightbox .slick-arrow {
z-index: 99;
width: 13px !important;
height: 15px !important;
}
.page-template-template-service .top_page {
height: 34vw;
}
.page_content.service .first_section {
padding: 35px 0;
}
.modelli_loop .modello .modello_img img {
width: 100%;
height: auto;
}
.modelli_loop .modello * {
flex-basis: unset !important;
}
.modelli_loop .modello {
margin-bottom: 0;
}
.modelli_loop .modello .modello_content .modello_excerpt {
max-width: 95% !important;
margin: 0 auto;
}
.page-template-template-single-service .top_page {
height: 34vw;
}
.page_content.service-single .first_section .elenco-section ul li:not(:last-child) {
margin-bottom: 12px;
}
.page_content.service-single .first_section .contatti > div {
margin-top: 13px;
}
.page_content.service-single .first_section .contatti {
margin-top: 5px;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
}
.page-template-template-single-service .navbar.service {
justify-content: center;
padding-left: 0;
}
.page-template-template-single-service .navbar.service .modulo, .page-template-template-single-service .navbar.service .link {
margin-right: 0;
border: 0 !important;
}
.page-id-2836 .navbar.service .modulo {
margin-right: 20px;
}
.page-id-2836 .navbar.service .modulo span {
font-weight: 400 !important;
}
.navbar.service .modulo > span {
font-size: 14px;
}
.page-template-template-contatti-generale #heading .container .left .titles, .page-template-template-contatti-generale #heading .container .right .titles {
margin: 10px 0 20px;
}
.page-template-template-contatti-generale #heading .container .left .titles h2, .page-template-template-contatti-generale #heading .container .right .titles h2 {
margin-bottom: 5px;
}
.page-template-template-contatti-generale #heading .container .title {
margin-bottom: 20px;
}
.page-template-template-contatti-generale #info .container .left .contacts, .page-template-template-contatti-generale #info .container .right .contacts {
width: 100%;
}
.page-template-template-contatti-generale #info .container .left, .page-template-template-contatti-generale #info .container .right {
flex-direction: column;
justify-content: center;
align-items: center;
}
.page-template-template-contatti-generale #info .container .left .contacts, .page-template-template-contatti-generale #info .container .right .contacts {
padding-right: 0;
}
.page-template-template-contatti-generale #info .container .left .times, .page-template-template-contatti-generale #info .container .right .times {
padding-left: 0;
}
.page-template-template-contatti-generale #info .container .left .contacts, .page-template-template-contatti-generale #info .container .right .contacts {
border-right: 0;
}
.page-template-template-contatti-generale #info .container .left .contacts, .page-template-template-contatti-generale #info .container .left .times, .page-template-template-contatti-generale #info .container .right .contacts, .page-template-template-contatti-generale #info .container .right .times {
justify-content: center;
align-items: center;
}
.page-template-template-contatti-generale #info .container .left .contacts .text, .page-template-template-contatti-generale #info .container .left .times .text, .page-template-template-contatti-generale #info .container .right .contacts .text, .page-template-template-contatti-generale #info .container .right .times .text {
text-align: center;
}
.page-template-template-contatti-generale #info .container .left .contacts, .page-template-template-contatti-generale #info .container .right .contacts {
margin-bottom: 30px;
}
.page-template-template-contatti-generale #other .container .title {
margin-bottom: 27px;
}
.page-template-template-contatti-generale #heading {
margin-bottom: 30px;
}
.page-template-template-contatti-generale #info {
margin-bottom: 45px;
}
.blog h1 {
margin-top: -30px;
}
.news_loop .single_news {
width: 100%;
flex-basis: 100%;
}
.news_loop .single_news:not(:nth-child(2n)) {
margin-right: 0px;
}
.pagination .page-numbers, .comments-pagination .page-numbers {
display: flex !important;
}
.pagination .page-numbers.prev, .pagination .page-numbers.next, .comments-pagination .page-numbers.prev, .comments-pagination .page-numbers.next {
display: none !important;
}
.navigation .nav-links > * {
min-width: 30px !important;
min-height: 30px !important;
font-size: 16px !important;
line-height: 16px !important;
}
.single-post .news_heading h1 {
font-size: 24px;
line-height: 34px;
margin-bottom: 15px;
}
.page_content.classic .first_section .left_side h1 {
margin-bottom: 10px;
}
.modelli_loop .modello .modello_content h3 {
margin: 0;
margin-top: 0;
}
.page-template-template-classic .top_page {
height: auto;
}
.page_content.home .first_section > span {
margin-bottom: 10px;
}
.modelli_loop .modello .modello_content .modello_excerpt {
margin: 12px auto;
}
.modelli_loop .modello .modello_content {
padding-top: 10px;
}
.page-template-template-classic .modelli_loop .modello .modello_content .modello_excerpt {
margin: 0px auto;
}
.page-template-template-classic .modelli_loop .modello .modello_content, .page-template-template-service .modelli_loop .modello .modello_content {
padding-top: 28px;
}
.page_content.home .last_section .page_sections .page_section {
height: 155vw;
}
.page_content.home .last_section .page_sections .page_section h2 {
margin-top: -22px;
}
.lang_toogle {
display: none;
}
.page-template-template-grazie #grazie .container h1 {
font-size: 40px;
line-height: 40px;
text-align: center;
}
.page-template-template-grazie #grazie .container h2 {
font-size: 24px;
line-height: 30px;
padding: 0;
margin-bottom: 35px;
}
.page_content.home .second_section .marchi_grid .marchi_grid_item {
width: calc(100% / 3);
height: auto;
justify-content: center;
}
.page_content.home .second_section .marchi_grid {
margin: 28px auto 0;
}
.page_content.home .first_section {
padding: 25px 5vw 0px;
}
.chat-trigger {
bottom: 10px;
right: 10px;
}
.page_content.single_brand .first_section .head_title .left_side .brand_links .red_link {
width: 205px;
}
.single-model .navbar.service, .page-template-template-service .navbar.service {
justify-content: center;
}
.post-type-archive-auto .chat-trigger, .post-type-archive-moto .chat-trigger, .single-brand .chat-trigger, .single-model .chat-trigger, .page-template-template-single-service .chat-trigger, .page-template-template-service .chat-trigger, .blog .chat-trigger, .single-post .chat-trigger, .page-template-template-classic .chat-trigger {
bottom: 60px !important;
}
.post-type-archive-auto .chat-popup, .post-type-archive-moto .chat-popup, .single-brand .chat-popup, .single-model .chat-popup, .page-template-template-single-service .chat-popup, .page-template-template-service .chat-popup, .blog .chat-popup, .single-post .chat-popup, .page-template-template-classic .chat-popup {
bottom: 116px !important;
}
.page-id-2836 .navbar.service .modulo {
margin-right: 0;
}
.chat-popup {
bottom: 65px;
right: 10px;
}
.home .top_page .top_page_inner .links {
display: none;
}
.home .top_page {
height: 60vh;
}
.page_content.single_model .mini-auto .mini-auto-item {
width: calc(100% / 2 - 10px);
flex-basis: calc(100% / 2 - 10px);
}
.page_content.single_model .mini-auto {
column-gap: 20px;
}
.page_content.single_model .mini-auto .mini-auto-item .text span {
font-weight: bold;
text-align: center;
display: block;
font-size: 18px;
line-height: 22px;
}
.single-post .news_inner .back {
margin: 40px 0 60px;
}
.newsletter-popup .left, .newsletter-popup .right {
width: 100%;
flex-basis: 100%;
}
.newsletter-popup .left {
display: flex;
flex-direction: column;
order: 2;
border-top: 1px solid #333333;
}
.newsletter-popup .left .newsletter-title span {
font-size: 20px;
line-height: 26px;
}
.newsletter-popup .left .newsletter-title span strong {
font-size: 30px;
line-height: 40px;
}
.newsletter-popup .left .newsletter-title {
height: auto;
padding: 25px 25px 24px !important;
}
.newsletter-popup .right img {
height: 100%;
object-position: center;
}
.newsletter-popup .left .newsletter-form form .gfield {
padding-left: 25px;
padding-bottom: 15px;
padding-bottom: 0 !important;
}
.newsletter-popup .right {
border-left: 0;
}
.newsletter-popup .left .newsletter-form form .gfield .ginput_container input {
font-size: 21px;
line-height: 21px;
width: 100%;
}
.newsletter-popup .left .newsletter-form form .gfield .ginput_container input::placeholder {
font-size: 21px;
line-height: 21px;
}
.newsletter-popup .left .gform_wrapper form .gform_footer input[type=submit] {
height: 60px;
}
.page-template-template-ricambi .page_content .first_section {
padding: 50px 0 0;
}
.page-template-template-ricambi .info-row .col, .single-noleggio .info-row .col {
width: calc(50% - 10px) !important;
}
.page-template-template-ricambi .info-row .col:not(:nth-child(3n)), .single-noleggio .info-row .col:not(:nth-child(3n)) {
margin-right: 0 !important;
}
.page-template-template-ricambi .info-row .col:not(:nth-child(2n)), .single-noleggio .info-row .col:not(:nth-child(2n)) {
margin-right: 20px !important;
}
.page-template-template-ricambi .marchi .marchio {
width: calc(100% / 2);
}
.page-template-template-ricambi .navbar.service .modulo .form {
max-height: calc(100vh - 55px);
top: 55px;
overflow-x: hidden;
}
.page-template-template-ricambi-moto .page_content .first_section {
padding: 50px 0 0;
}
.page-template-template-ricambi-moto .info-row .col, .single-noleggio .info-row .col {
width: calc(50% - 10px) !important;
}
.page-template-template-ricambi-moto .info-row .col:not(:nth-child(3n)), .single-noleggio .info-row .col:not(:nth-child(3n)) {
margin-right: 0 !important;
}
.page-template-template-ricambi-moto .info-row .col:not(:nth-child(2n)), .single-noleggio .info-row .col:not(:nth-child(2n)) {
margin-right: 20px !important;
}
.page-template-template-ricambi-moto .marchi .marchio {
width: calc(100% / 2);
}
.page-template-template-ricambi-moto .navbar.service .modulo .form {
max-height: calc(100vh - 55px);
top: 55px;
overflow-x: hidden;
}
.single-noleggio .content-row .left {
margin-top: 35px;
}
.page_content.single_model .mini-auto {
width: 90vw;
margin: 40px auto 10px;
}
.page-template-template-hummer .fourth_section {
padding: 0 5vw;
padding-bottom: 100px;
}
.page-template-template-hummer .page_content .first_section {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 640px) {
.navbar.service .modulo .form form select {
height: 42px;
}
}
@media only screen and (max-width: 500px) {
.page-template-template-hummer .second_section .single-row .text {
padding: 5vw;
}
.single-accessori .grid .single-accessorio {
width: calc(100%);
}
.content-row.icon-text .single-column {
flex: unset;
width: calc(100% / 2 - 15px);
}
}
@media only screen and (max-width: 450px) {
footer .footer-title .gform_wrapper form {
flex-direction: column;
width: 100%;
}
footer .footer-title .gform_wrapper form .gform-body {
width: 100%;
z-index: 2;
}
footer .footer-title .gform_wrapper form .gform_fields .gfield {
width: 100%;
}
footer .footer-title .gform_wrapper form .gform_footer {
position: relative;
width: 100%;
}
}
footer {
background: #333333;
color: #fff;
position: relative;
z-index: 99;
}
footer span {
font-size: 14px;
}
footer a {
font-size: 12px;
color: #fff;
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
footer h3 {
font-size: 14px;
text-transform: uppercase;
font-style: normal;
font-weight: 700;
margin: 0;
}
footer .footer-title {
padding: 25px;
display: flex;
flex-direction: column;
padding-top: 60px;
justify-content: center;
align-items: center;
border-bottom: 1px solid #707070;
}
footer .footer-title h2 {
margin: 0;
text-transform: uppercase;
font-size: 33px;
}
footer .footer-title #top_dealer {
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, -50%);
z-index: 99;
}
footer .footer-title .gform_wrapper {
margin-top: 15px;
padding-top: 25px;
display: flex;
align-items: center;
flex-direction: column;
gap: 20px;
width: 100%;
position: relative;
}
footer .footer-title .gform_wrapper::after {
position: absolute;
content: "";
left: -25px;
top: 0;
width: 100vw;
height: 1px;
background-color: #707070;
}
footer .footer-title .gform_wrapper::before {
position: relative;
content: "Iscriviti per restare aggiornato sulle novità del mondo Cavauto.";
font-size: 28.5px;
}
footer .footer-title .gform_wrapper form {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
footer .footer-title .gform_wrapper form .gform_fields {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
footer .footer-title .gform_wrapper form .gform_fields .selectize-control {
height: 40px;
}
footer .footer-title .gform_wrapper form .gform_fields .selectize-control .selectize-input {
height: 40px;
min-height: 0;
border-radius: 0;
width: 200px;
padding: 5px;
ox-shadow: unset !important;
position: relative;
background-image: unset;
}
footer .footer-title .gform_wrapper form .gform_fields .selectize-control .selectize-input .item a {
position: relative;
}
footer .footer-title .gform_wrapper form .gform_fields .selectize-control .selectize-input .item.active {
background-color: #efefef;
color: #343a40;
border: 0 solid #dee2e6;
}
footer .footer-title .gform_wrapper form .gform_fields .selectize-control .selectize-input::after {
display: none;
}
footer .footer-title .gform_wrapper form .gform_fields .gfield input#input_22_4 {
height: 40px;
}
footer .footer-title .gform_wrapper form .gform_fields .gfield input::placeholder {
font-size: 15px;
color: #878787;
}
footer .footer-title .gform_wrapper form .gform_fields .gfield#field_22_6 .ginput_container .selectize-input {
overflow: auto;
}
footer .footer-title .gform_wrapper form .gform_fields .gfield#field_22_6 .ginput_container .selectize-input .item {
font-size: 16px;
}
footer .footer-title .gform_wrapper form .gform_fields .gfield:not(:nth-child(3), :nth-child(4)) .ginput_container {
position: relative;
}
footer .footer-title .gform_wrapper form .gform_fields .gfield:not(:nth-child(3), :nth-child(4)) .ginput_container::before {
content: "";
position: absolute;
right: 10px;
top: 15px;
width: 20px;
height: 20px;
background-image: url(//www.cavauto.com/wp-content/themes/cavauto-child/assets/svg/dropdown.svg);
background-repeat: no-repeat;
background-size: contain;
z-index: 2;
pointer-events: none;
cursor: pointer;
}
footer .footer-title .gform_footer {
padding: 0 !important;
margin: 0 !important;
}
footer .footer-title .gform_footer input[type=submit] {
border: 0;
border-radius: 0;
color: #333333;
padding: 0;
margin: 0;
width: 100px;
background: #000000;
color: #ffffff;
text-transform: uppercase;
height: 40px;
cursor: pointer;
cursor: hand;
transition: all 0.25s ease;
}
footer .footer-title .gform_footer input[type=submit]:hover {
background-color: #C03633;
}
footer .content-inner .footer-inner {
height: 470px;
}
footer .content-inner .footer-inner .footer-col {
height: 100%;
flex: calc(100% / 3); }
footer .content-inner .footer-inner .footer-col:not(:last-child) {
border-right: 1px solid #707070;
}
footer .content-inner .footer-inner .footer-col .textwidget {
height: 100%;
}
footer .content-inner .footer-inner .footer-col .textwidget .footer_grid {
display: flex;
flex-direction: column;
height: 100%;
position: relative;
padding-top: 25px;
}
footer .content-inner .footer-inner .footer-col .textwidget .footer_grid .row {
height: calc(100% / 3);
width: 100%;
border-bottom: 1px solid #707070;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
footer .content-inner .footer-inner .footer-col .textwidget .footer_grid .row .links {
display: block;
}
footer .content-inner .footer-inner .footer-col .textwidget .footer_grid .row .links a:not(:last-child) {
margin-right: 25px;
}
footer .content-inner .footer-inner .footer-col .textwidget .footer_grid .row:first-child {
justify-content: flex-end;
padding-bottom: 20px;
}
footer .content-inner .footer-inner .footer-col .textwidget .footer_grid .row:first-child img {
width: 200px;
height: auto;
margin-bottom: 10px;
}
footer .content-inner .footer-inner .footer-col .textwidget .footer_grid .row:first-child span {
font-size: 12px;
}
footer .content-inner .footer-inner .footer-col .textwidget .footer_grid .row.col2 {
flex-direction: row;
}
footer .content-inner .footer-inner .footer-col .textwidget .footer_grid .row.col2 .row_col {
display: flex;
align-items: center;
justify-content: center;
width: 50%;
height: 100%;
}
footer .content-inner .footer-inner .footer-col .textwidget .footer_grid .row.col2 .row_col .icon {
font-size: 18px;
height: 100%;
padding-top: 37px;
padding-right: 10px;
}
footer .content-inner .footer-inner .footer-col .textwidget .footer_grid .row.col2 .row_col .info {
display: flex;
flex-direction: column;
}
footer .content-inner .footer-inner .footer-col .textwidget .footer_grid .row.col2 .row_col .info span:first-child {
text-transform: uppercase;
}
footer .content-inner .footer-inner .footer-col .textwidget .footer_grid .row.col2 .row_col .info span:last-child {
font-style: normal;
font-weight: 700;
}
footer .content-inner .footer-inner .footer-col .textwidget .footer_grid .row.col2 .row_col:first-child {
border-right: 1px solid #707070;
}
footer .content-inner .footer-inner .footer-col .textwidget .footer_grid .row:last-child {
height: 70px;
}
footer .content-inner .footer-inner .footer-col .textwidget .footer_grid .row .social {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
footer .content-inner .footer-inner .footer-col:nth-child(2) .textwidget .footer_grid .row:first-child img {
padding-bottom: 0;
}
footer .footer-bottom {
background: #FEFEFE;
color: #333333;
display: flex;
align-items: center;
height: 40px;
}
footer .footer-bottom * {
font-size: 11px;
}
footer .footer-bottom .widget, footer .footer-bottom .textwidget {
width: 100%;
}
footer .footer-bottom .footer_bottom {
display: flex;
align-items: center;
justify-content: center;
}
footer .footer-bottom .footer_bottom #credits {
margin-left: 45px;
}
footer .footer-bottom .footer_bottom a {
color: #333333;
text-decoration: none;
}
footer .footer-bottom .footer_bottom a:hover {
text-decoration: underline;
}
footer .footer-bottom .footer_bottom .middle {
width: calc(100% - (83px));
margin-right: 83px;
text-align: center;
} .blog footer, .single-post footer {
padding-bottom: 62px;
}
.social a {
font-size: 19px;
}
@media screen and (max-width: 1440px) {
footer span {
font-size: 12px;
}
}
@media screen and (max-width: 1023px) {
footer .content-inner .footer-inner {
height: auto;
}
footer .content-inner .footer-inner .footer-col {
flex-basis: 100%;
width: 100%;
flex: 100%;
}
footer .content-inner .footer-inner .footer-col .footer_grid {
padding-top: 0 !important;
}
footer .content-inner .footer-inner .footer-col .row:not(.col2) {
padding: 25px 0;
}
footer .content-inner .footer-inner .footer-col .row .row_col {
padding: 25px 0;
}
footer .content-inner .footer-inner .footer-col span#top_dealer + .row {
padding-top: 50px;
}
footer .footer-bottom {
height: auto;
}
footer .footer-bottom .footer_bottom {
flex-direction: column;
width: 100%;
flex-basis: 100%;
align-items: center;
justify-content: center;
}
footer .footer-bottom .footer_bottom .middle {
width: 100%;
margin: 0;
text-align: center;
padding: 0 5vw;
}
footer .footer-bottom .footer_bottom #credits {
order: 2;
margin: 0;
}
footer .content-inner .footer-inner .footer-col .textwidget .footer_grid .row.col2 .row_col .icon {
padding-top: 0;
margin-top: -20px;
}
}
@media screen and (max-width: 600px) {
footer .content-inner .footer-inner .footer-col .row:not(.col2) {
padding: 19px 0;
}
footer .content-inner .footer-inner .footer-col .row .row_col {
padding: 19px 0;
}
}