/*
Theme Name: meccalte
Template: hello-elementor
Author: Proteinic
Version: 1.0
*/
@font-face {
    font-family: 'Klavika Regular';
    src: url('assets/fonts/Klavika/Klavika-Regular.woff2') format('woff2'),
         url('assets/fonts/Klavika/Klavika-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Klavika Bold';
    src: url('assets/fonts/Klavika/Klavika-Bold.woff2') format('woff2'),
         url('assets/fonts/Klavika/Klavika-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Klavika Light';
    src: url('assets/fonts/Klavika/Klavika-Light.woff2') format('woff2'),
         url('assets/fonts/Klavika/Klavika-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Klavika Medium';
    src: url('assets/fonts/Klavika/Klavika-Medium.woff2') format('woff2'),
         url('assets/fonts/Klavika/Klavika-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Panton Regular';
    src: url('assets/fonts/Panton/Panton.woff2') format('woff2'),
         url('assets/fonts/Panton/Panton.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Panton Bold';
    src: url('assets/fonts/Panton/Panton-Bold.woff2') format('woff2'),
         url('assets/fonts/Panton/Panton-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Panton Black';
    src: url('assets/fonts/Panton/Panton-Black.woff2') format('woff2'),
         url('assets/fonts/Panton/Panton-Black.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Panton Semibold';
    src: url('assets/fonts/Panton/Panton-SemiBold.woff2') format('woff2'),
         url('assets/fonts/Panton/Panton-SemiBold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-meccalte-blue-1:#004990;
    --color-meccalte-orange:#FF6D42;
    --color-meccalte-yellow:#FFCB4F;
    --color-meccalte-grey-1:#8996A0;
    --color-meccalte-grey-2:#394A58;
    --color-meccalte-grey-3:#1A2732;
    --color-meccalte-green-2:#35C4B5;
    --color-meccalte-light-grey-1:#F7F7F7;
    --color-meccalte-light-grey-2:#EDEDED;
    --color-meccalte-light-grey-3:#E7E7E7;

	--megamenu-top-offset: 0;

    --font-text: "Panton Regular";
    --font-title: "Klavika Bold";
    --font-title-medium: "Klavika Medium";
    --font-title-regular: "Klavika Regular";
}

h1, .h1 { font-size:4.375rem; }
h2, .h2 { font-size:3.4375rem; }
h3, .h3 { font-size:2.625rem; }
h4, .h4, h3.h4 { font-size:1.875rem; }
h5, .h5 { font-size:1.25rem; }
h6, .h6 { font-size:0.9375rem; }

.container { position:relative; }
.title { font-family:var(--font-title); font-weight:normal; text-transform:uppercase; }

html, body { font-size:16px; font-family:var(--font-text); }
p { font-family:var(--font-text); }
a { text-decoration:none; }

a.cta, .cta a { border:3px solid #fff; font-size:1.125rem !important; padding:1.1875rem; font-weight:500; text-transform:uppercase; color:#fff !important; display:inline-block; line-height:100%; font-family:var(--font-title); }
a.cta-black, .cta-black a { border-color:#000; color:#000 !important; }

/* Crea la mega-fascia a tutta larghezza SOLO per il 1° livello del sottomenu */
.jet-mega-menu-item > .jet-mega-menu-sub-menu::before { content: ''; position: absolute; top: 0; left: -100vw; width: 300vw; height: 100%; background-color: #EDEDED; z-index: -1; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }
/* Assicura che lo sfondo base del primo livello sia trasparente per mostrare la fascia */
.jet-mega-menu-item > .jet-mega-menu-sub-menu { background-color: transparent !important; border: none !important; }
/* Nasconde la fascia dai sottolivelli per evitare sovrapposizioni strane */
.jet-mega-menu-sub-menu .jet-mega-menu-sub-menu::before { display: none !important; }

.accordion { border-bottom:0; }
.accordion-button:not(.collapsed) { box-shadow:unset; }

#main-header { padding-left:50px; padding-right:50px; background-color:var(--color-meccalte-light-grey-1); }

#header-search-handler { border:0; background-color:transparent; width:1.88rem; height:1.88rem; background-image:url('assets/svg/search-blue.svg'); padding:0.38rem; background-repeat:no-repeat; background-position:center; background-size:1.1225rem 1.1225rem; }
#header-search-handler:hover { background-color:transparent; }

#header-search:not(.d-none) { background-color:var(--color-meccalte-light-grey-2); }
#header-search .e-con-inner { padding-top:1.81rem; padding-bottom:1.94rem; }
#header-search form { border:3px solid var(--color-meccalte-grey-3); max-width:30rem; margin:0 auto; }
#header-search form input[type="search"] { padding:1.19rem; color:var(--color-meccalte-grey-3); font-size:0.9375rem; border:0; line-height:normal; }
#header-search form input[type="search"]::placeholder { color:#B2B2B2; }
#header-search form button[type="submit"] { margin-left:0; background-color:#fff; padding:1.19rem; line-height:normal; }
#header-search form button[type="submit"] svg { width:1.1225rem; height:1.1225rem; margin:0; }

.wp-admin.term-php #edittag { max-width:100%; }

#home-slider-hero .swiper-slide-contents { display:flex; flex-direction:column; position:relative; }
#home-slider-hero .elementor-button { text-transform:uppercase; font-size:1.1rem; font-family:var(--font-title-medium); font-weight:500; border:3px solid #fff; border-radius:0; width:fit-content; position:absolute; bottom:0; }
#home-slider-hero .swiper-pagination { text-align:left; padding-left:170px; bottom:27px; }
#home-slider-hero .swiper-pagination .swiper-pagination-bullet { border-radius:0; }
#home-slider-hero .elementor-swiper-button { display:none; }
#home-slider-hero .elementor-slide-heading { margin-bottom:70px; }
#home-slider-hero .swiper-slide { height:100vh; }
#home-slider-hero .swiper-slide .elementor-background-overlay { background:linear-gradient(90deg, rgba(0, 0, 0, 0.75) 15.69%, rgba(0, 0, 0, 0.30) 45.87%, rgba(0, 0, 0, 0.00) 80%) !important; opacity:1 !important; }
#home-slider-hero .swiper-slide-bg { height:100%; background-position:right center; }
#home-slider-hero .swiper-slide-inner { height:100%; padding-top:186px; padding-bottom:138px; padding-left:170px; padding-right:170px; }
#home-slider-hero .elementor-slide-description { max-width:75%; }

#home-support .elementor-icon svg path { fill:var(--color-meccalte-grey-3); }
#home-support .elementor-icon-box-wrapper:hover .elementor-icon svg path { fill:var(--color-meccalte-blue-1); }
#home-support h2 { padding-left:4.37rem; }
#home-support h3 { font-family:var(--font-title); font-weight:normal; }
#home-support a { font-family:var(--font-title); font-weight:normal; }
#home-support a::after { width:1rem; height:0.8rem; display:inline-block; vertical-align:middle; margin-left:10px; background-image:url('assets/svg/chevron-right-grey.svg'); background-position:center; background-size:auto 100%; background-repeat:no-repeat; content:""; }
#home-support a:hover { color:var(--color-meccalte-blue-1); }
#home-support a:hover::after { background-image:url('assets/svg/chevron-right-blue.svg'); }

#home-video { height:750px; max-width:var(--container-max-width); margin-left:auto; margin-right:auto; }
#home-video > .e-con-inner { height:100%; }
#home-video .title { max-width:32rem; line-height:100%; color: #FFF; font-family:var(--font-title); font-size: 3.4375rem; font-style: normal; font-weight:normal; line-height:3.4375rem; text-transform: uppercase; }
#home-video .e-button-base { padding-right:93px; padding-top:1rem; padding-bottom:1rem; background-position:right center; background-size:4rem; background-image:url('assets/svg/play-white.svg'); background-repeat:no-repeat; }
#home-video .video-text { line-height:2rem !important; max-width:36.375rem; font-size:1.125rem !important; }

#home-about .elementor-widget-text-editor p { font-size:40px; line-height:105%; font-weight:normal; max-width:90%; margin-bottom:0; font-family:var(--font-title); }

#home-social { max-width:var(--container-max-width); margin-left:auto; margin-right:auto; }
#home-social h2 { color:#fff; }
#home-social .es-embed-root { max-width:100% !important; }
html body main#content #home-social .es-embed-root a[href^="https://elfsight.com"] { display:none !important; }
#home-social .es-bullets-control-container { display:none !important; }

#home-newsletter { max-width:var(--container-max-width); margin-left:auto; margin-right:auto; }
#home-newsletter label { color:#000; }
#home-newsletter input[type="email"] { border:3px solid #000; border-radius:0; }
#home-newsletter input[type="email"]::placeholder { color:#B2B2B2; }
#home-newsletter input[type="submit"] { border:3px solid #000; border-radius:0; color:#000; text-transform:uppercase; font-size:18px; font-weight:500; }
#home-newsletter input[type="submit"]:hover { background-color:#fff; color:#000; }
#home-newsletter .wpcf7-list-item { margin-left:0; }

/*******/
#home-accordion ul.links-list { padding-left:0; list-style-type:none; line-height:normal; max-width:60%; }
#home-accordion ul.links-list li { margin-bottom:0; }

.accordion-hero { display: flex; width: 100%; height: 100%; min-height:750px; overflow: hidden; background: #000; font-family: var(--font-title-medium); border-radius: 0; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }

.accordion-hero p { font-family:var(--font-text); }

.accordion-item { position: relative; background-size:auto 70%; background-position:right 90%; transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1); overflow: hidden; display: flex; flex-direction: column; background-repeat:no-repeat; background-blend-mode:multiply; }

.accordion-item:last-child { border-right: none; }

.accordion-item:nth-child(4) .accordion-content { justify-content:start; }
.accordion-item:nth-child(4) .accordion-content .cta { margin-top:3rem; }

.accordion-item::before { content: ''; position: absolute; inset: 0; z-index: 1; transition: background 0.4s; background-image:url('/app/themes/meccalte/assets/img/background-product-selector.png'); background-position:center; background-blend-mode:multiply; background-repeat:no-repeat; background-size:cover; }

.accordion-item:nth-child(1)::before { background-color:var(--color-meccalte-light-grey-3);  }
.accordion-item:nth-child(2)::before { background-color:rgba(137, 150, 160, 0.90); }
.accordion-item:nth-child(3)::before { background-color:rgba(57, 74, 88, 0.90); }
.accordion-item:nth-child(4)::before { background-color:rgba(26, 39, 50, 0.90); }
.accordion-item:nth-child(5)::before { background-color:rgba(0, 0, 0, 0.90); }
.accordion-item.expanded { cursor: default; background-size:auto calc(100% - 4.56rem); width:100%; }

.accordion-item.shrunk { width:4.375rem; cursor: default; background-position: 62% bottom; background-size: auto 70%; background-repeat: no-repeat; background-image:none !important; }

.vertical-title { position: absolute; transform-origin: 0 0; color: #fff; font-size: 30px; line-height:100%; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; z-index: 20; opacity: 1; transition: opacity 0.3s ease; pointer-events: none; width: 100%; height: 100%; text-align: right; bottom: 0; padding:1.25rem 1rem; }

.vertical-title span { display:inline-block; writing-mode:sideways-lr; width:100%; height:100%; text-align:right; max-height:unset; letter-spacing:0; text-box-trim:trim-both; }

.accordion-toggle { position: absolute; top:0; bottom:0; left:0; right:0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size:0; font-weight: 300; line-height: 1; cursor: pointer; z-index: 50; opacity: 1; transition: transform 0.3s ease, background 0.3s; }

.accordion-item.expanded .vertical-title, .accordion-item.expanded .accordion-toggle { opacity: 0; pointer-events: none; }

.accordion-content { position: absolute; top: 0; left: 0; z-index: 10; color: white; width: 100%; min-width: 800px; height: 100%; padding: 70px 75px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; opacity: 1; transition: opacity 0.5s 0.3s ease; background-repeat:no-repeat; background-size:auto calc(100% - 4.56rem); background-position:90% center; }

.accordion-item.shrunk .accordion-content { opacity: 0; pointer-events: none; }

.content-top h2 { margin: 0 0 40px 0; font-size: 55px; font-weight: 700; text-transform: uppercase; color: #fff; line-height: 1; max-width:600px; }

.content-top p { font-size:0.9rem; line-height: 1.6666; max-width: 500px; color: #fff; }

.content-top .cta { margin-top:2.5rem; }

.links-list { display: flex; flex-direction: column; gap:5px; }

.links-list a { text-decoration: none; color: #fff; font-weight:500; font-size:1.25rem !important; text-transform: uppercase; display: flex; align-items: center; transition: color 0.3s, transform 0.3s; background-image:url('/app/themes/meccalte/assets/svg/chevron-right-circle-white.svg'); background-position:left 0.25rem; background-repeat:no-repeat; background-size:2rem; padding-top:0.35rem; padding-bottom:0.35rem; padding-left:2.5rem; font-family:var(--font-title-medium) !important; }

.links-list a:hover { color:var(--color-meccalte-yellow) !important; background-image:url('/app/themes/meccalte/assets/svg/chevron-right-circle-yellow.svg'); }

.accordion-item .content-top h2 { color:#fff; }
.accordion-item .links-list a { color:#fff; }

.accordion-item:nth-child(1) .vertical-title { color:var(--color-meccalte-grey-2); }
.accordion-item:nth-child(1) .content-top h2 { color:var(--color-meccalte-blue-1); }
.accordion-item:nth-child(1) .links-list a { color:var(--color-meccalte-blue-1); }
.accordion-item:nth-child(1) .content-top p { color:#000; }
.accordion-item:nth-child(1) .links-list a { background-image:url('/app/themes/meccalte/assets/svg/chevron-right-circle-blue.svg'); }
.accordion-item:nth-child(1) .links-list a:hover { color:var(--color-meccalte-orange) !important; background-image:url('/app/themes/meccalte/assets/svg/chevron-right-circle-orange.svg'); }

/*****/

.solutions-section { background-color: #00101d; background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: scroll; color: white; padding: 0; position: relative; height: 750px; display: flex; align-items: stretch; }

.solutions-overlay {
  background: linear-gradient(
    90deg,
    /* LEFT GRADIENT ZONE (0% to 45%) */
    rgba(0, 0, 0, 0.75) 0%, 
    rgba(0, 0, 0, 0.75) 7.8%,   /* 17.31% of the left zone */
    rgba(0, 0, 0, 0.30) 26.6%,  /* 59.13% of the left zone */
    rgba(0, 0, 0, 0) 40.2%,     /* 89.42% of the left zone */

    /* THE GAP (The "Empty" 100px / 10% space) */
    rgba(0, 0, 0, 0) 59.8%,     /* Stay transparent until the right zone starts */

    /* RIGHT GRADIENT ZONE (59.8% to 100%) */
    /* We reverse the logic here so the dark part is on the far right edge */
    rgba(0, 0, 0, 0) 64.7%,     /* 88.94% from the right edge */
    rgba(0, 0, 0, 0.75) 92.2%,  /* 17.31% from the right edge */
    rgba(0, 0, 0, 0.75) 100%
  );
  width: 100%; display: flex; align-items: stretch; justify-content: center;
}

.solutions-container { display: flex; position: relative; flex-grow: 1; padding:111px 69px 89px 71px; justify-content: space-between; }

.solutions-left { flex: 1; display: flex; flex-direction: column; padding-right: 40px; }

.solutions-title { color: var(--color-meccalte-green-2) !important; margin-bottom: 112px; z-index: 2; margin-top: 0; line-height:100%; }

.solution-content-wrapper { margin-top: auto; height:100%; }

.solution-content { display: none; max-width: 619px; z-index: 2; height:100%; }

.solution-content.active { display: block; }

.solution-content h3 { font-size:40px; font-weight:700; margin-top:0; margin-bottom:30px; color:#fff; line-height:100%; }
.solution-content p { font-size:0.9rem; margin-bottom:0; max-width:90%; }

.solution-content-wrapper .flex-wrapper { display:flex; justify-content:space-between; flex-direction:column; height:100%; }
.solutions-right { width: 300px; padding: 0 0 0 20px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; }
.solution-menu { list-style: none; padding: 0; margin: 0; position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; }
.solution-menu li { font-size: 25px; font-weight: 700; margin-bottom:1rem; line-height:normal; cursor: pointer; transition: color 0.3s ease; position: relative; text-align: right; }
.solution-menu li.active { color: var(--color-meccalte-green-2); }

.triangle-indicator { position: absolute; opacity: 1; transition: transform 0.3s ease; z-index: 2; right:-69px; top: 0; width:50px; height:50px; background-image:url('/app/themes/meccalte/assets/svg/rectangle-green.svg'); background-position:center; background-repeat:no-repeat; background-size:auto 100%; }

#home-solutions ul.links-list { list-style-type:none; margin-left:0; padding-left:0; }
#home-solutions ul.links-list li { margin-bottom:0; }
#home-solutions ul.links-list a { color:#fff; }
#home-solutions .links-list-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:4rem; }
#home-solutions h3 { color:#fff; }

.products-banner h3 { color:#fff !important; font-size:24px !important; font-weight:normal !important; margin-block-end:0 !important; }
.products-banner h3 strong { font-weight:700; }
.products-banner .links-list h3 { font-size:100% !important; margin:0; line-height:normal; margin-bottom:5px !important; }
.products-banner .links-list a { text-transform:uppercase; font-size:1.25rem; font-weight:bold; font-family:var(--font-title); }
.products-banner .links-list a:hover { color:var(--color-meccalte-yellow); }
.products-banner .links-list a:hover svg circle { fill:var(--color-meccalte-yellow); }
.products-banner .elementor-icon-box-wrapper { margin-bottom:5px !important; gap:10px !important; }
.products-banner .links-list .elementor-icon-box-icon { display:none !important; }
.products-banner .links-list h3 a { padding-left:40px; background-image:url('assets/svg/chevron-right-circle-white.svg'); background-size:auto 2rem; background-position:left top; background-repeat:no-repeat; padding-bottom:7px; font-weight:normal; }
.products-banner .links-list h3 a:hover { background-image:url('assets/svg/chevron-right-circle-yellow.svg'); }

.banner-wrapper { position:relative; }
.banner-wrapper .banner-image img { display:block; width:100%; height:auto; object-fit:cover; height:37.5rem; }
.banner-wrapper .second-image { position:absolute; top:1.5rem; bottom:1.5rem; right:6.12rem; left:0; margin:0 0 0 auto; text-align:center; max-width:40%; width:100%; }
.banner-wrapper .second-image img { width:auto; height:100%; object-fit:contain; }
.banner-wrapper .triangle { position:absolute; }
.banner-wrapper .triangle-1 { bottom:0; rotate:90deg; }
.banner-wrapper .triangle-1 svg { width:7.75rem; }
.banner-wrapper .triangle-2 { top:0; rotate:-90deg; }
.banner-wrapper .triangle-2 svg { width:5.1875rem; }
.banner-wrapper .overlay { background: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 17.31%, rgba(0, 0, 0, 0.30) 59.13%, rgba(0, 0, 0, 0.00) 89.42%); position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; }
.banner-wrapper .banner-content { position:absolute; top:0; bottom:0; left:0; width:41.66%; padding:5.62rem 4.37rem; }
.banner-wrapper h1 { color:#fff; text-transform:uppercase; }
.banner-wrapper .banner-description { color:#fff; font-size:1.125rem; margin-top:3.94rem; }
.banner-wrapper .cta { position:absolute; bottom:4.37rem; }

ul.icons-list { display:flex; padding-left:0; list-style-type:none; gap:4.25rem 2.25rem; }
ul.icons-list .icon-text { margin:0 auto; text-align:center; text-transform:uppercase; color:var(--color-meccalte-blue-1); }
ul.icons-list.layout-1 li { display:flex; align-items:center; gap:0.62rem; }
ul.icons-list.layout-1 .icon-text { font-size:0.75rem; font-weight:800; line-height:1.6; }
ul.icons-list.layout-2 .icon-text { font-size:0.9375rem; font-weight:700; line-height:1.56; }

.dynamic-content { margin-bottom:12.5rem; margin-top:12.5rem; }
.dynamic-content .dynamic-content-row-wrapper { margin-bottom:12.5rem; padding-left:4.38rem; padding-right:4.38rem; }
.dynamic-content .dynamic-content-row-wrapper .dynamic-content-row-wrapper { padding-left:0; padding-right:0; margin-bottom:0; }
.dynamic-content .dynamic-content-row-wrapper:last-child { margin-bottom:0; }

/**
* Column width settings:
* 1 : 1/3, 2 : 1/4, 3 : 1/2, 4 : 2/3, 5 : 3/4, 6 : 100%
*/
.dynamic-content .layout-two_columns { display:flex; flex-wrap:nowrap; padding-right:12.81rem; gap:8.33%; }
.dynamic-content .layout-two_columns .width-type-1 { width:calc(100% * 1/3); }
.dynamic-content .layout-two_columns .width-type-2 { width:calc(100% * 1/4); }
.dynamic-content .layout-two_columns .width-type-3 { width:calc(100% * 1/2); }
.dynamic-content .layout-two_columns .width-type-4 { width:calc(100% * 2/3); }
.dynamic-content .layout-two_columns .width-type-5 { width:calc(100% * 3/4); }
.dynamic-content .layout-two_columns .width-type-6 { width:100% }

.dynamic-content .layout-heading { margin-bottom:4.38rem; }
.dynamic-content .layout-heading .heading { color:var(--color-meccalte-blue-1); text-transform:uppercase; line-height:100%; }

.dynamic-content .layout-text_banner { padding-left:0; padding-right:0; }
.dynamic-content .layout-text_banner .text-banner { border:3px solid #000; padding:4.5rem 3.63rem 4.88rem 4.5rem; grid-template-columns:6fr 4fr; column-gap:5rem; align-items:end; }
.dynamic-content .layout-text_banner .title { color:var(--color-meccalte-blue-1); margin-bottom:3.12rem; }
.dynamic-content .layout-text_banner .text { font-size:1.25rem; }
.dynamic-content .layout-text_banner .call-to-actions.d-flex { gap:1.88rem; justify-content:end; }

/**
* Grid template settings:
* 1: 2 cols, 2: 3 cols, 3: 4 cols
*/
.dynamic-content .layout-cards .cards.d-grid { column-gap:2.5rem; }
.dynamic-content .layout-cards .cards.d-grid.template-1 { grid-template-columns:repeat(2, 1fr); }
.dynamic-content .layout-cards .cards.d-grid.template-2 { grid-template-columns:repeat(3, 1fr); }
.dynamic-content .layout-cards .cards.d-grid.template-3 { grid-template-columns:repeat(4, 1fr); }
.dynamic-content .layout-cards .cards img { display:block; margin-bottom:2.5rem; width:100%; height:auto; object-fit:cover; aspect-ratio:1.925/1; }
.dynamic-content .layout-cards .cards .heading { color:var(--color-meccalte-blue-1); text-transform:uppercase; margin-bottom:1.5rem; line-height:normal; }
.dynamic-content .layout-cards .cards .text { font-size:1.125rem; font-weight:400; line-height:1.68; }

.dynamic-content .layout-faq_accordion ul.accordion { list-style-type:none; padding-left:0; margin-left:0; }
.dynamic-content .layout-faq_accordion .faq-accordion-header { margin-bottom:0; }
.dynamic-content .layout-faq_accordion .faq-accordion-header button { font-size:2.5rem; text-transform:uppercase; font-family:var(--font-title); font-weight:normal; padding:1.31rem 0; color:var(--color-meccalte-blue-1); background-color:#fff; }
.dynamic-content .layout-faq_accordion .faq-accordion-header button:hover { background-color:#fff; color:var(--color-meccalte-blue-1); }
.dynamic-content .layout-faq_accordion .accordion-body { padding:2.12rem 0 3.31rem 0; }
.dynamic-content .layout-faq_accordion ul li:first-child .accordion-button { border-top:1px solid var(--color-meccalte-grey-3) !important; }
.dynamic-content .layout-faq_accordion .accordion-button { border-bottom:1px solid var(--color-meccalte-grey-3) !important; }
.dynamic-content .layout-faq_accordion .accordion-button:not(.collapsed)::after { background-image:url('assets/svg/accordion-close.svg'); }
.dynamic-content .layout-faq_accordion .accordion-button::after { background-image:url('assets/svg/accordion-open.svg'); }

.dynamic-content .layout-list_of_icons { margin-top:3rem; }

.dynamic-content .layout-list_of_images { margin-top:3rem; margin-bottom:3rem !important; }

.dynamic-content .layout-call_to_action { margin-top:3rem; }

main { margin-top:5rem; }

.icon-poles-2 { background-image:url('assets/svg/icon-poles-2.svg'); }
.icon-poles-4 { background-image:url('assets/svg/icon-poles-4.svg'); }
.icon-poles-6 { background-image:url('assets/svg/icon-poles-6.svg'); }
.icon-phases-1 { background-image:url('assets/svg/icon-phases-1.svg'); }
.icon-phases-3 { background-image:url('assets/svg/icon-phases-3.svg'); }
.icon-digital-avr { background-image:url('assets/svg/icon-digital-avr.svg'); }

table thead:first-child tr:first-child th { border-block-start:0; }
table tbody tr:hover > td, table tbody tr:hover > th { background-color:unset; }

.alternators-category-listing { padding-top:3.75rem; }
.alternators-category-listing h1 { text-transform:uppercase; line-height:4.0625rem; }

.category-banner { margin-bottom:6.25rem; }
.category-banner .banner { padding:5.62rem 4.38rem; height:37.5rem; background-size:cover; background-position:center; background-repeat:no-repeat; }
.category-banner .banner h1 { color:#fff; margin-bottom:4.06rem; }
.category-banner .banner .banner-text { color:#fff; }
.category-banner .banner .banner-text-1 p { margin-bottom:1rem; font-size:1.5rem; font-family:var(--font-title-regular); font-weight:normal; }
.category-banner .banner .banner-text-1 strong { font-weight:normal; font-family:var(--font-title); }
.category-banner .banner .banner-text-2 p { font-size:1.125rem; font-family:var(--font-text); font-weight:normal; }

.listing-section .family-card figure { margin-bottom:2.5rem; }
.listing-section article h2 { margin-bottom:1.25rem; }
.listing-section article h2 a { color:var(--color-meccalte-blue-1); font-size:3rem; margin-bottom:1.25rem; }
.listing-section article img { background-color:var(--color-meccalte-light-grey-1); padding:1.69rem 2.57rem; width:100%; height:auto; object-fit:cover; }
.listing-section article .power-range { font-size:1.3125rem; margin-bottom:1.88rem; }
.listing-section article .power-range strong { font-weight:800; }
.listing-section article .specs-top { gap:1.87rem; border-bottom:1px solid #CCDBE9; padding-bottom:1rem; margin-bottom:1rem; font-size:0.8125rem; }
.listing-section article .specs-top strong { margin-left:0.25rem; font-weight:800; }
.listing-section article .specs-bottom { gap:1.88rem; font-size:0.8125rem; }
.listing-section article .specs-bottom span { font-weight:800; font-size:0.8125rem; display:inline-block; vertical-align:middle; }
.listing-section article .specs-bottom .icon { margin-right:0.62rem; width:2.6875rem; height:3.0625rem; background-repeat:no-repeat; background-size:auto 100%; background-position:center; }

.filters-js { margin-bottom:3.69rem; }
.filters-js .wrapper { border:3px solid var(--color-meccalte-grey-3); }
.filters-js .filter-range-wrapper { padding:1.56rem 1.56rem 1.25rem 2.5rem; background:rgba(137, 150, 160, 0.15); }
.filters-js .filter-range-wrapper label { font-size:1rem; color:var(--color-meccalte-grey-3); font-family:var(--font-title); }
.filters-js ul { display:flex; gap:1.25rem; margin:0; padding:1.88rem 1.94rem 1.88rem 2.5rem; }
.filters-js ul li { border:3px solid var(--color-meccalte-grey-3); }
.filters-js select { background-color:#fff; border:0; border-radius:0; }

#filter-power-range { -webkit-appearance: none; appearance: none; width: 100%; background:transparent; cursor: pointer; }
#filter-power-range:focus { outline: none; }
#filter-power-range::-webkit-slider-thumb { -webkit-appearance: none; margin-top:-8px; }
#filter-power-range::-webkit-slider-thumb, #filter-power-range::-moz-range-thumb {
    -webkit-appearance: none;
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 50%;
    background: var(--color-meccalte-orange); 
    box-shadow:unset;
    border:0;
}
#filter-power-range::-webkit-slider-runnable-track, #filter-power-range::-moz-range-track {
    width: 100%;
    height: 4px;
    background: #fff;
    border-radius: 2px;
}
.range-wrapper { width:100%; position:relative; padding-top:1.5rem; }
.range-wrapper span { color:var(--color-meccalte-grey-3); min-width:fit-content; text-align:left; white-space: nowrap; font-size:0.875rem; position:absolute; top:0; font-weight:700; }
.range-wrapper span:first-child { left:0; }
.range-wrapper span:last-child { right:0; }

.nav-tabs { border-bottom:3px solid var(--color-meccalte-blue-1); }
.nav-tabs .nav-link { text-transform:uppercase; font-family:var(--font-title-medium); color:#fff; font-weight:normal; background-color:var(--color-meccalte-grey-1); font-size:1.125rem; transition:background-color .4s; border-right:0.25rem solid #fff; border-bottom:0.31rem solid #fff; }
.nav-tabs .nav-link:hover { color:#fff !important; border-bottom:0.31rem solid #fff; }
.nav-tabs .nav-link.active { background-color:var(--color-meccalte-blue-1); transition:background-color .4s; color:#fff !important; border-bottom:0; border-right:0.25rem solid #fff; }
/* .nav-tabs li:first-child .nav-link:not(.active) { border-left:0; border-right:0.31rem solid #fff; } */
.tab-pane ul { list-style-type:none; margin-left:0; padding-left:0; padding-top:1.94rem; }

.download-list { margin-bottom:0.62rem; }
.download-list li { margin-bottom:0.63rem; }
.download-list a { border:1px solid var(--color-meccalte-grey-3); padding:1.19rem 2.56rem 1.12rem 0.94rem; display:block; width:100%; font-size:1.25rem; font-weight:normal; color:var(--color-meccalte-blue-1); text-transform:uppercase; background-image:url('assets/svg/download-blue.svg'); background-repeat:no-repeat; background-size:1.21238rem auto; background-position:calc(100% - 1.35rem) center; font-family:var(--font-title); }

.alternators-family-details .family-header { margin-top:9.37rem; }
.alternators-family-details .family-header h1 { color:var(--color-meccalte-blue-1); margin-bottom:2.31rem; }
.alternators-family-details .family-header .poles { font-size:1.5625rem; line-height:1.5625rem; color:var(--color-meccalte-grey-3); margin-bottom:3.62rem; }
.alternators-family-details .family-header .text { font-size:0.9375rem; line-height:1.5625rem; }
.alternators-family-details figure img { display:block; width:100%; }
.alternators-family-details .series { display:flex; align-items:center; justify-content:end; }

.family-specs { margin-top:6.25rem; margin-bottom:12.5rem; }
.family-specs .table-wrapper { background-color:var(--color-meccalte-blue-1); padding:3.19rem 2.5rem 2.81rem 2.5rem }
.family-specs .table-wrapper h2 { color:#fff; font-size:1.875rem; text-transform:uppercase; line-height:normal; margin-bottom:2.56rem; }
.family-specs table { border:0; }
.family-specs th { padding:0 0 0.94rem 0; }
.family-specs td { padding:1.25rem 0 0 0; }
.family-specs thead th { border:0; border-bottom:1px solid #fff; color:var(--color-meccalte-green-2); text-transform:uppercase; font-size:1.25rem; font-family:var(--font-title); font-weight:normal; background-color:unset !important; }
.family-specs tbody td { border:0; font-size:0.9375rem; color:#fff; background-color:unset !important; }

.family-models .models-table { margin-bottom:5.62rem; }
.family-models .models-table td, .family-models .models-table th { border-left:0; border-right:0; background-color:unset; padding:0.8rem 0 1rem 0; }
.family-models .models-table th { border-bottom:3px solid var(--color-meccalte-blue-1); font-size:1.25rem; font-family:var(--font-title); font-weight:normal; text-transform:uppercase; }
.family-models .models-table td { border-bottom:1px solid var(--color-meccalte-blue-1); font-size:0.9375rem; }
.family-models .models-table td:first-child { font-weight:700; }

.family-downloads { margin-bottom:12.5rem; }
.family-downloads h2 { color:var(--color-meccalte-blue-1); text-transform:uppercase; margin-bottom:4.37rem; }

.grid-drawings { grid-template-columns:repeat(2, 1fr); gap:1rem; }

.dds-banner .background { background-image:url('assets/img/dds-banner.png'); background-position:center; background-repeat:no-repeat; background-size:cover; padding:4.19rem 4.44rem 3.81rem 4.44rem; color:#fff; position:relative; }
.dds-banner .background .overlay { background: linear-gradient(90deg, #1A2732 0%, rgba(26, 39, 50, 0.00) 100%); position:absolute; width:100%; top:0; bottom:0; left:0; right:0; z-index:1; }
.dds-banner .background .text-wrapper { position:relative; z-index:2; }
.dds-banner h2, .dds-banner p { color:#fff; }
.dds-banner h2 { text-transform:uppercase; margin-bottom:3.13rem; }
.dds-banner p { font-size:1.25rem; margin-bottom:3.13rem; }

.family-deep-dive { margin-top:7.69rem; }
.family-deep-dive h2 { text-transform:uppercase; color:var(--color-meccalte-blue-1); margin-bottom:4rem; }
.family-deep-dive .content, .family-deep-dive .content p { font-size:0.9375rem; line-height:1.56rem; }

.family-features { margin-top:7.69rem; }
.family-features h2 { text-transform:uppercase; color:var(--color-meccalte-blue-1); margin-bottom:4.38rem; }
.family-features ul { grid-template-columns:repeat(2, 1fr); gap:2rem; }
.family-features .d-flex { align-items:center; gap:1rem; }
.family-features img { width:auto; height:108px; }
.family-features span { font-size:0.9375rem; color:var(--color-meccalte-blue-1); text-transform:uppercase; font-family:var(--font-title-medium); font-weight:normal; text-wrap:nowrap; }

.hotspot-wrapper figure { position:relative; }
.hotspot-handler { min-width:2.25rem; min-height:2.25rem; background-color:var(--color-meccalte-yellow); color:var(--color-meccalte-grey-3); font-family:var(--font-title); font-weight:normal; font-size:1.75rem; display:inline-block; padding:0.25rem; text-align:center; vertical-align:middle; }
.hotspot { z-index:10; }
.hotspot.is-active { z-index:2002; }
.hotspot-tooltip { display:none; z-index:100; }
.hotspot-tooltip.open { display:block; position:absolute; left:0; right:0; width:25rem; height:35rem; max-height:70vh; top:0; bottom:0; margin:auto; background:rgba(199, 210, 218, 0.70); backdrop-filter: blur(15px); padding:2.37rem 2.37rem 2.56rem 2.5rem; z-index:2002; overflow:auto; }
.hotspot-tooltip h3 { text-transform:uppercase; margin-bottom:2.06rem; }
.hotspot-tooltip .text { margin-bottom:1.94rem; font-size:0.9375rem; }
.hotspot-tooltip button.close { position:absolute; right:1.25rem; top:1.08rem; background-image:url('assets/svg/close.svg'); background-repeat:no-repeat; background-size:auto 1rem; background-position:center; width:1.22rem; height:1.21rem; padding:0; border:0; background-color:transparent; }
.hotspot-tooltip button.close:hover { background-color:transparent; }
.hotspot-tooltip img { width:100%; }

.grid-news { margin-bottom:4.19rem; }
.grid-news h1 { text-transform:uppercase; color:var(--color-meccalte-blue-1); line-height:100%; }
.grid-news .filters .dropdown .dropdown-toggle { border:3px solid var(--color-meccalte-grey-3); color:var(--color-meccalte-grey-3); border-radius:0; background-color:#fff; min-width:15.625rem; text-align:left; font-size:0.9375rem; line-height:normal; padding:1.16rem 1.31rem 1.28rem 1rem; background-repeat:no-repeat; background-position:calc(100% - 1rem) center; background-size:auto 0.4375rem; background-image:url('assets/svg/chevron-down.svg'); font-weight:700; }
.grid-news .filters .dropdown .dropdown-menu::before { display:none; }
.grid-news .filters .dropdown .dropdown-menu { box-shadow:none; border:3px solid var(--color-meccalte-grey-3); padding:1.16rem 1.31rem 1.28rem 1rem; width:100%; border-top:0; margin-top:-3px !important; }
.grid-news .filters > ul { margin-left:0; padding-left:0; list-style-type:none; }
.grid-news .filters .dropdown .dropdown-menu li { margin-bottom:0.94rem; }
.grid-news .filters .dropdown .dropdown-menu li a { font-size:0.8125rem; display:block; text-decoration:none; }
.grid-news .filters .h5 { font-size:1.25rem; margin-bottom:0.63rem; color:var(--color-meccalte-blue-1); text-transform:uppercase; font-family:var(--font-title); font-weight:normal; }

.category-icon { background-position:center; background-size:auto 100%; background-repeat:no-repeat; width:2.1875rem; height:2.1875rem; display:block; }
.category-icon.category-58 { background-image:url('assets/svg/icon-category-58.svg'); }

.posts-listing .title { margin-bottom:2.5rem; }
.posts-listing .excerpt { margin-bottom:2.5rem; }
.posts-listing .excerpt p { margin-bottom:0; font-size:0.9375rem; line-height:1.56rem; }
.posts-listing .title, .posts-listing  .title a { color:var(--color-meccalte-blue-1); text-transform:uppercase; line-height:normal; font-size:2.5rem; text-decoration:none; }
.posts-listing li .category { margin-bottom:0.94rem; display:block; }
.posts-listing li .date { font-size:0.9375rem; color:var(--color-meccalte-grey-1); font-family:var(--font-title); text-transform:uppercase; }
.posts-listing li .link { margin-top:3.75rem; }
.posts-listing li .link a { text-decoration:none; }
.posts-listing figure { margin-bottom:0; }
ul.posts-listing-list { padding-left:0; list-style-type:none; }
.posts-listing.highlighted-posts { margin-bottom:8.06rem; }
.posts-listing.all-articles li { border-bottom:1px solid var(--color-meccalte-grey-3); padding-bottom:2.5rem; margin-bottom:3rem; }
.posts-listing.highlighted-posts li figure img { height:37.5rem; object-fit:cover; width:100%; }
.posts-listing.all-articles li .title, .posts-listing.all-articles li .title a { font-size:1.875rem; margin-bottom:1.88rem; }
.posts-listing.all-articles li figure { margin-bottom:2.5rem; }
.posts-listing.all-articles li figure img { width:100%; height:18.4375rem; aspect-ratio:100/59; object-fit:cover; }
.posts-listing.all-articles li article .d-grid .grid-col:nth-child(1) { order:2; }
.posts-listing.all-articles li article .d-grid .grid-col:nth-child(2) { order:1; }
.posts-listing.all-articles li .link { margin-top:0; }
.posts-listing.all-articles li .bottom-wrapper { display:flex; justify-content:space-between; }
.posts-listing.all-articles li .bottom-wrapper .link { order:1; }
.posts-listing.all-articles li .bottom-wrapper .category-date-wrapper { order:2; }
.posts-listing.all-articles li .category-icon { margin-left:auto; }

article.type-post > main { margin-top:12.38rem; }
article.type-post h1 { color:var(--color-meccalte-blue-1); text-transform:uppercase; line-height:100%; margin-bottom:3.75rem; }
article.type-post h2 { color:var(--color-meccalte-blue-1); text-transform:uppercase; line-height:100%; margin-bottom:1.75rem; margin-top:3.75rem; }
article.type-post h2:first-of-type { margin-bottom:3.75rem; margin-top:0; }
article.type-post p + h2, article.type-post p + h2:first-of-type { margin-top:2rem; margin-bottom:1.75rem; }
article.type-post h3 { color:var(--color-meccalte-blue-1); text-transform:uppercase; line-height:100%; margin-bottom:3.75rem; }
article.type-post h4 { color:var(--color-meccalte-blue-1); text-transform:uppercase; line-height:100%; margin-bottom:3.75rem; }
article.type-post h5 { color:var(--color-meccalte-blue-1); text-transform:uppercase; line-height:100%; margin-bottom:1.75rem; }
article.type-post h6 { color:var(--color-meccalte-blue-1); text-transform:uppercase; line-height:100%; margin-bottom:1.75rem; }
article.type-post .post-category { display:block; }
article.type-post .category-icon { margin-bottom:1.53rem; }
article.type-post .post-category a { font-size:1.25rem; color:var(--color-meccalte-grey-1);; font-family:var(--font-title); text-transform:uppercase; display:block; line-height:normal; }
article.type-post .post-date { font-size:1.25rem; color:#000; font-family:var(--font-title); text-transform:uppercase; line-height:normal; }
article.type-post .post-back { margin-top:3.72rem; }
article.type-post .post-related-section { margin-top:12.5rem; }
article.type-post .posts-listing li { padding-top:2.5rem; border-top:1px solid var(--color-meccalte-grey-3); }
article.type-post .posts-listing li .title { line-height:100%; margin-bottom:1.88rem; }
article.type-post .posts-listing li .title a { font-size:1.875rem; line-height:100%; color:var(--color-meccalte-blue-1); }

footer { margin-top:12.5rem; }
footer h2.h3 { font-size:0.625rem; color:var(--color-meccalte-green-2); font-family:var(--font-text); font-weight:700; text-transform:uppercase; line-height:normal; margin-bottom:1rem; }
#footer-wrapper { background-color:var(--color-meccalte-grey-3); padding:1.94rem; }
#footer-wrapper ul { list-style-type:none; padding-left:0; }
#footer-wrapper ul li a { color:#fff; font-size:0.8125rem; }
footer .icon { background-size:auto 100%; width:2.37rem; height:2.37rem; background-repeat:no-repeat; background-position:center; display:inline-block; }
footer .icon-facebook { background-image:url('assets/svg/facebook-white.svg'); }
footer .icon-instagram { background-image:url('assets/svg/instagram-white.svg'); }
footer .icon-youtube { background-image:url('assets/svg/youtube-white.svg'); }
footer .icon-linkedin { background-image:url('assets/svg/linkedin-white.svg'); }
.footer-list p { display:none; }
.footer-social-wrapper ul { margin-top:2.31rem; margin-bottom:2.31rem; }
footer address p { color:#FFFFFF80; font-size:0.6875rem; margin-bottom:0; }
#footer-useful-links ul { display:flex; gap:1rem; }
#footer-useful-links ul li a { color:#fff; font-size:0.75rem; }
.footer-logos { display:flex; justify-content:center; gap:1.13rem; margin-bottom:2.21rem; }
.footer-logos img { height:1.6875rem; width:auto; }
.footer-credits { color:#fff; font-size:0.75rem; }
.footer-credits a { color:#fff; font-size:0.75rem; }

@media (max-width: 767.98px) {
  .accordion-hero { flex-direction: column; min-height: 800px; }
  .accordion-item { width: 100%; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); }  
  .accordion-item.expanded { flex: 1 1 500px; }
  .accordion-item.shrunk { flex: 0 0 70px; }

  .vertical-title { transform: none; top: 50%; transform: translateY(-50%); left: 20px; margin-left: 0; font-size: 16px; }
  .content-top h2 { font-size: 28px; }
  
  .accordion-content {  padding: 20px; min-width: 100%; }
}


@media only screen and (min-width:768px) {
    .family-grid { grid-template-columns: repeat(2, 1fr); column-gap:2.5rem; row-gap:6.25rem; }

    .family-features ul { grid-template-columns:repeat(3, 1fr); }

    .grid-news { grid-template-columns:4fr 8fr; gap:2.5rem; }
    .grid-news .filters > ul { display:flex; gap:1.87rem; }
    
    .posts-listing.highlighted-posts li .d-grid { grid-template-columns:4fr 8fr; gap:2.5rem; }
    .posts-listing.highlighted-posts .grid-col:nth-child(1) { padding:1.87rem 0; border-top:1px solid var(--color-meccalte-grey-3); border-bottom:1px solid var(--color-meccalte-grey-3); }

    .posts-listing.all-articles li { margin-bottom:6.25rem; }

    .grid-single-post { grid-template-columns:4fr 8fr; gap:2.5rem; }

    article.type-post .posts-listing { display:grid; grid-template-columns:repeat(3, 1fr); gap:2.5rem; }

    #footer-wrapper .grid { grid-template-columns:repeat(2, 1fr); gap:1.5rem; margin:0 auto; }

    .footer-social-wrapper ul { gap:2.5rem; justify-content:center; }
}

@media only screen and (min-width:1025px) {
    :root {
        --megamenu-top-offset: 122px;
        --megamenu-container-max-width: 1196px;
	}

    .container { max-width:1360px; padding-left:0; padding-right:0; }
    .container-smaller { padding-left:4.37rem; padding-right:4.37rem; }
    
    #main-header { position:fixed; top:0; left:0; right:0; width:100%; }

    #header-search:not(.d-none) { top:4rem; }

    #main-header #menu-desktop-wrapper .jet-mega-menu-item__link--top-level ~ .jet-mega-menu-item__dropdown { display:none; }

    #main-header #menu-desktop-wrapper .jet-mega-menu > nav > ul { text-align:center; gap:0.94rem; }
    #main-header #menu-desktop-wrapper .jet-mega-menu-item { position:static; }
    #main-header #menu-desktop-wrapper .jet-mega-menu > nav > ul > li > .jet-mega-menu-item__inner { padding:0; }
    #main-header #menu-desktop-wrapper .jet-mega-menu > nav > ul > li > div > a { text-transform:uppercase; padding:0.69rem 0.62rem 0.56rem 0.62rem; }
    #main-header #menu-desktop-wrapper .jet-mega-menu > nav > ul > li > .jet-mega-menu-sub-menu { position:fixed; top:var(--megamenu-top-offset); min-height:24.3125rem; left:0; right:0; width:100%; max-width:var(--megamenu-container-max-width); margin:0 auto; }
    #main-header #menu-desktop-wrapper .jet-mega-menu > nav > ul > li > .jet-mega-menu-sub-menu > ul.jet-mega-menu-sub-menu__list { width:fit-content; margin:0 auto; position:absolute; height:100%; min-width:25%; background-color:#EDEDED; }
    #main-header #menu-desktop-wrapper .jet-mega-menu > nav > ul > li > .jet-mega-menu-sub-menu .jet-mega-menu-sub-menu { left:100%; width:100%; bottom:0; }
    #main-header #menu-desktop-wrapper .jet-mega-menu > nav > ul > li > .jet-mega-menu-sub-menu > ul.jet-mega-menu-sub-menu__list li ul { width:fit-content; margin:0 auto; position:absolute; height:100%; min-width:279px; background-color:#EDEDED; }
    #main-header #menu-desktop-wrapper .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container { position:fixed; width:100% !important; top:var(--megamenu-top-offset); }
    #main-header #menu-desktop-wrapper .jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container .e-con-inner { max-width:var(--megamenu-container-max-width); }

    .jet-mega-menu-sub-menu__list { border-left:1px solid rgba(26, 39, 50, 0.10); padding-top:1.65rem !important; padding-bottom:1.65rem !important; border-right:1px solid rgba(26, 39, 50, 0.10); }

    .jet-mega-menu-item > div > a { color:var(--color-meccalte-blue-1); font-family:var(--font-title); font-weight:normal; text-transform:uppercase; line-height:normal; padding-bottom:0.25rem;  border-bottom:1px solid transparent; padding-top:0.25rem; }
    .jet-mega-menu-item > .jet-mega-menu-sub-menu::before { background-color:var(--color-meccalte-light-grey-2); }
    .jet-mega-menu-item.current-menu-ancestor > div > a { border-bottom:1px solid var(--color-meccalte-blue-1); }
    .jet-mega-menu-item > .jet-mega-menu-sub-menu > ul { padding:1.65rem 1.25rem 1.53rem 1.37rem; }
    .jet-mega-menu-item .jet-mega-menu-item .jet-mega-menu-item__label { font-size:0.9375rem; color:#000; font-weight:normal; text-transform:none; }
    .jet-mega-menu-item:hover > .jet-mega-menu-item__label { color:var(--color-meccalte-blue-1); }

    .jet-mega-menu-item .jet-mega-menu-item > div { padding:0 !important; position:relative; }
    .jet-mega-menu-item .jet-mega-menu-item > div > a { font-family:var(--font-text); border-bottom:0; border-left:1px solid transparent; padding-left:2.06rem; display:block; width:100%; padding-top:0.56rem; padding-bottom:0.56rem; padding-right:1.94rem; margin-left:-1px; }
    .jet-mega-menu-item .jet-mega-menu-item > div > .jet-mega-menu-item__dropdown { padding-right:2rem; background-image:url('assets/svg/chevron-right.svg'); background-repeat:no-repeat; background-size:0.33rem auto; background-position:center left; position:absolute; right:0; bottom:0; top:0; transform:unset !important; }
    .jet-mega-menu-item .jet-mega-menu-item > div > .jet-mega-menu-item__dropdown i { display:none; }
    .jet-mega-menu-item .jet-mega-menu-item:hover > div > a { border-bottom:0; border-left:1px solid var(--color-meccalte-blue-1); background-color:var(--color-meccalte-light-grey-3); color:var(--color-meccalte-blue-1); }
    .jet-mega-menu-item .jet-mega-menu-item:hover > div > a > div > .jet-mega-menu-item__label { color:var(--color-meccalte-blue-1); }
    .jet-mega-menu-item .jet-mega-menu-item:hover > div > .jet-mega-menu-item__dropdown { background-image:url('assets/svg/chevron-right-blue-2.svg'); }

    .megamenu-mega-wrapper .megamenu-grid-column { padding:0; }
    .megamenu-mega-wrapper .megamenu-grid-column ul li a { padding-left:0; }

    .jet-mega-menu-item .jet-mega-menu-mega-container__inner { padding:0 !important; }

    .jet-mega-menu-item.dynamic-applications .jet-mega-menu-mega-container__inner { background:var(--color-meccalte-light-grey-2) !important; }
    .mega-applications-container { position:relative; display: block; max-width:var(--megamenu-container-max-width); margin:0 auto; background:var(--color-meccalte-light-grey-2); min-height:450px; }

    .mega-parent-list, .mega-child-column { padding-top:1.65rem; padding-bottom:1.65rem; }

    .mega-parent-list { width:18.68rem; margin: 0; padding-left:0; padding-right:0; list-style: none; border-right:1px solid rgba(26, 39, 50, 0.10); position:absolute; bottom:0; left:0; height:100%; border-left:1px solid rgba(26, 39, 50, 0.10); }
    .mega-parent-item.has-children > a { background-image:url('assets/svg/chevron-right.svg'); background-repeat:no-repeat; background-size:0.33rem auto; background-position:calc(100% - 1.64rem) center; }
    .mega-parent-item.has-children:hover > a { background-image:url('assets/svg/chevron-right-blue-2.svg'); }

    .jet-mega-menu-list li li a { font-family:var(--font-text); font-size:0.9375rem; border-bottom:0; border-left:1px solid transparent; padding-left:2.06rem; display:block; width:100%; padding-top:0.56rem; padding-bottom:0.56rem; padding-right:2rem; margin-left:-1px; text-align:left; line-height:normal; }

    .mega-parent-item:hover .mega-parent-link { border-left:1px solid var(--color-meccalte-blue-1); background-color:var(--color-meccalte-light-grey-3); color:var(--color-meccalte-blue-1); }
    .mega-child-list > li:hover > a { border-left:1px solid var(--color-meccalte-blue-1); background-color:var(--color-meccalte-light-grey-3); color:var(--color-meccalte-blue-1); }

    .mega-child-column { width:18.68rem; display: none; position: absolute; top: 0; left:18.68rem; right: 0; bottom: 0; z-index: 5; border-right:1px solid rgba(26, 39, 50, 0.10); }

    .mega-parent-item:hover .mega-child-column { display: block; }

    .mega-child-list { list-style:none; padding:0; margin:0; text-align:left; }

    #megamenu-support-area { background-color:var(--color-meccalte-light-grey-2); }
    #megamenu-support-area .e-con-inner { padding:0; }
    #megamenu-support-area .megamenu-grid-column { padding-top:1.62rem; padding-bottom:1.62rem; border-left:1px solid rgba(26, 39, 50, 0.10); }
    #megamenu-support-area .megamenu-grid-column:last-child { border-right:1px solid rgba(26, 39, 50, 0.10); }
    #megamenu-support-area h2 { padding:0.62rem; margin-bottom:0.65rem; padding-left:2rem; }
    #megamenu-support-area li a { padding-top:0.56rem; padding-bottom:0.56rem; color:#000; line-height:normal !important; border-left:1px solid transparent; margin-left:-1px; padding-left:2rem; padding-right:1.87rem; }
    #megamenu-support-area li a::after { display:none !important; }
    #megamenu-support-area li:hover a { color:var(--color-meccalte-blue-1); border-left:1px solid var(--color-meccalte-blue-1); background-color:var(--color-meccalte-light-grey-3); }

    #menu-desktop-wrapper li.menu-company .jet-mega-menu-sub-menu { display:flex; justify-content:center; }

    .family-grid { grid-template-columns: repeat(3, 1fr); }

    .category-banner .banner .banner-content { padding-right:calc(100% * (7/12)); }

    .filters-js .wrapper { margin-left:4.37rem; margin-right:4.37rem; }

    .listing-section .family-grid { padding-left:4.37rem; padding-right:4.37rem; }

    .alternators-family-details .grid-single-alternator { grid-template-columns:repeat(2, 1fr); gap:2rem; }
    .alternators-family-details .grid-single-alternator .container { padding-left:4.37rem; padding-right:4.37rem; }

    .deep-drive-grid { grid-template-columns:5fr 7fr; gap:2rem; }

    .grid-drawings { grid-template-columns:repeat(3, 1fr); }

    .posts-listing.all-articles ul { display:grid; grid-template-columns:repeat(3, 1fr); gap:2.5rem; }

    #footer-wrapper .grid { grid-template-columns:repeat(3, 1fr); max-width:69rem; }
}

@media only screen and (min-width:1440px) {    
    .banner-wrapper .triangle-1 { left:42.5rem; }
    .banner-wrapper .triangle-2 { right:11.81rem; }

    .family-features ul { grid-template-columns:repeat(6, 1fr); column-gap:5.85rem; row-gap:4.24rem; }

    #footer-wrapper { padding:1.94rem 14.38rem; }
    #footer-wrapper .grid { grid-template-columns:repeat(5, 1fr); }

    #footer-bottom-bar .d-flex { gap:11rem; }
}

@media only screen and (min-width:1800px) {
    .container { max-width:1720px; }
}