@charset "UTF-8"; /* This file is used to contain all abstracts imports. Files inside this folder can contain abstract settings, helpers or functions. They have no direct output. */ :root { --color-blu: #243782; --color-gray: #282b348f; --color-red: #E94E24; --color-dgray: #282B34; --color-lgray: #F4F4F5; --color-green: #43AAA0; --color-yellow: #ECA935; --font-family-base: "Encode Sans", sans-serif; --font-family-light: "Encode Sans Light", sans-serif; --font-family-bold: "Encode Sans Bold", sans-serif; --font-family-bbold: "Encode Sans BoldBold", sans-serif; --font-family-exbold: "Encode Sans ExtraBold", sans-serif; --h-toggle-item-vertical: 50px; } @font-face { font-family: "Encode Sans"; src: url("../src/fonts/encode/encodesansexpanded-regular.woff") format("woff"); font-display: swap; } @font-face { font-family: "Encode Sans Light"; src: url("../src/fonts/encode/encodesansexpanded-light.woff") format("woff"); font-display: swap; } @font-face { font-family: "Encode Sans Bold"; src: url("../src/fonts/encode/encodesansexpanded-medium.woff") format("woff"); font-display: swap; } @font-face { font-family: "Encode Sans BoldBold"; src: url("../src/fonts/encode/encodesansexpanded-bold.woff") format("woff"); font-display: swap; } @font-face { font-family: "Encode Sans ExtraBold"; src: url("../src/fonts/encode/encodesansexpanded-extrabold.woff") format("woff"); font-display: swap; } /*** The new CSS reset - version 1.8.4 (last updated 14.2.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } div ul.menu { margin-left: 0; } div ul.menu li.menu-item { padding-top: 0; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: ""; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } /* Mini CSS reset and basic typography */ * { box-sizing: border-box; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } /* General settings */ body { margin: 0; font: 1em/1.6 sans-serif; font-weight: 400; font-style: normal; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; color: #111; font-family: var(--font-family-base); } img, iframe { border: none; } /* Headlines */ h1, h2, h3, h4, h5, h6 { margin: 0.6em 0; font-weight: normal; } h1 { font-size: 4.1em; line-height: 1.1; text-transform: uppercase; color: #fff; font-family: var(--font-family-light); margin: 0 !important; } h2 { font-size: 1.625em; line-height: 1.2; } h3 { font-size: 1.45em; line-height: 1.3; } h3 span.big { display: block; font-family: var(--font-family-light); text-align: center; letter-spacing: 0.1em; text-transform: uppercase; padding: 0 10%; color: var(--color-blu); } h4 { font-size: 1.1875em; line-height: 1.23; } h5 { letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-blu); margin-top: 0; margin-bottom: 30px; } h5, h6 { font-size: 1em; font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } th, td { text-align: left; vertical-align: top; } input { letter-spacing: 0.1em; font-family: var(--font-family-base); } input::placeholder { font-family: var(--font-family-base); } ul.menu { letter-spacing: 0.1em; } ul.menu li, ul.menu a, ul.menu span { font-size: 12px; } .btn { font-size: 13px; color: var(--color-red); text-transform: uppercase; border-radius: 50vh; padding: 10px 20px; display: block; width: fit-content; border: solid var(--color-red) 2px; line-height: 1; text-align: center; } .btn:hover { background-color: var(--color-red); color: #ffffff; } html { scroll-behavior: smooth; } *::marker { content: none !important; } @media all and (min-width: 1024px) { .has-sidebar .layout-site-main { display: grid; } .has-sidebar.sidebar-first .layout-site-main { grid-template-columns: 1fr 3fr; grid-template-areas: "sidebar main"; } .has-sidebar.sidebar-first .layout-site-main .layout-content { grid-area: main; } .has-sidebar.sidebar-first .layout-site-main .layout-sidebar-first { grid-area: sidebar; } .has-sidebar.sidebar-second .layout-site-main { grid-template-columns: 3fr 1fr; grid-template-areas: "main sidebar"; } .has-sidebar.sidebar-second .layout-site-main .layout-content { grid-area: main; } .has-sidebar.sidebar-second .layout-site-main .layout-sidebar-second { grid-area: sidebar; } } body.mob_menu_open { overflow-y: hidden; } .block-stellantis-site-branding a, .block-stellantis-site-branding img { display: block; } .block-stellantis-site-branding img { margin: 2vw 0; } .node-81 #block-stellantis-content { margin-top: 60px; } .node-81 .CookieDeclarationDialogText { display: none; } .region, .region_ctrl, #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul { margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .region, .region_ctrl, #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul { padding-left: 25px; padding-right: 25px; } .region.region-secondary-menu, .region_ctrl.region-secondary-menu, #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul.region-secondary-menu { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) and (max-width: 1099px) { .region, .region_ctrl, #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul { padding-left: calc((100% - 740px) / 2); padding-right: calc((100% - 740px) / 2); } } @media (min-width: 1100px) and (max-width: 1300px) { .region, .region_ctrl, #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul { padding-left: calc((100% - 1080px) / 2); padding-right: calc((100% - 1080px) / 2); } } @media (min-width: 1301px) { .region, .region_ctrl, #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul { padding-left: calc((100% - 1280px) / 2); padding-right: calc((100% - 1280px) / 2); } } .logo .region { padding-left: 0; padding-right: 0; } ul, li, a, span, .paragraph--type--categoria-link, #block-stellantis-main-menu, #block-exposedformsearchpage-1 { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; } a.is-active { color: var(--color-red) !important; } li:hover a { color: var(--color-red); } li:hover span { color: var(--color-red); } @media (min-width: 999px) and (max-width: 1300px) { header.layout-site-header .region_ctrl { height: 120px; } } @media (min-width: 1301px) { header.layout-site-header .region_ctrl { height: 106px; } } header.layout-site-header .region_ctrl { grid-template-columns: 1fr 4fr; grid-template-areas: "logo search"; display: grid; background-color: var(--color-blu); } @media (max-width: 767px) { header.layout-site-header .region_ctrl { grid-template-columns: 2fr 4fr; } } header.layout-site-header .region_ctrl .logo { grid-area: logo; display: flex; justify-content: center; align-items: center; } header.layout-site-header .region_ctrl .logo .site-name { display: none; } header.layout-site-header .region_ctrl .header-menu { grid-area: search; } header.layout-site-header .region_ctrl .header-menu .region-secondary-menu { display: flex; justify-content: right; } header.layout-site-header .region_ctrl .header-menu .region-secondary-menu .block-views-exposed-filter-blocksearch-page-1 { margin-right: 5%; } header.layout-site-header .region_ctrl .header-menu form #edit-actions { position: absolute; top: -12px; right: 0; } header.layout-site-header .region_ctrl .header-menu form label[for=edit-search-api-fulltext] { display: none; } header.layout-site-header .region_ctrl .header-menu form .form-item { margin: 0; } header.layout-site-header .region_ctrl .header-menu form input.form-text { border: 0; background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.5647058824); color: #ffffff; font-size: 12px; line-height: 1; height: auto; padding: 5px 0; margin-top: 2%; } header.layout-site-header .region_ctrl .header-menu form input.form-text::placeholder { color: rgba(255, 255, 255, 0.5647058824); } header.layout-site-header .region_ctrl .header-menu form #edit-submit-search { top: 3px; right: 0; opacity: 0; } header.layout-site-header .region_ctrl .header-menu form .svg_search_icon { position: relative; top: 4px; right: 20px; } @media (min-width: 1001px) and (max-width: 1300px) { body.toolbar-horizontal #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul { top: 233px; } } @media (min-width: 1301px) { body.toolbar-horizontal #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul { top: 219px; } } @media (min-width: 1000px) { .search_menu_close_btn, .svg_search_icon-mobile { display: none !important; } #block-stellantis-main-menu { position: static; } #block-stellantis-main-menu > ul.menu { position: static; display: flex; justify-content: space-between; padding-left: 5%; } #block-stellantis-main-menu > ul.menu > li { padding: 20px 0; display: flex; justify-content: center; align-items: center; color: #fff; } #block-stellantis-main-menu > ul.menu > li > a, #block-stellantis-main-menu > ul.menu > li > span { text-transform: uppercase; line-height: 1.2; font-size: 12px; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.2509803922); padding: 5px 1.2vw; } #block-stellantis-main-menu > ul.menu > li:first-child a, #block-stellantis-main-menu > ul.menu > li:first-child span { padding-left: 0; } #block-stellantis-main-menu > ul.menu > li:last-child a, #block-stellantis-main-menu > ul.menu > li:last-child span { border-right: none; padding-right: 0; } #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul { display: none; } #block-stellantis-main-menu > ul.menu > li.menu-item--expanded { position: static; } #block-stellantis-main-menu > ul.menu > li.menu-item--expanded:hover > ul { height: auto; opacity: 1; } #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: 0; opacity: 0; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1294117647) 0 0 10px; grid-template-columns: 2fr 2fr 2fr 5fr; display: grid; position: absolute; background-color: #ffffff; width: 100%; top: 120px; left: 0; z-index: 9999; } } @media (min-width: 1000px) and (min-width: 1301px) { #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul { top: 106px; } } @media (min-width: 1000px) { #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul > li.menu-item--expanded:first-child { padding: 5vw 2vw 5vw 0; } } @media (min-width: 1000px) { #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul > li.menu-item--expanded { padding: 5vw 2vw; border-right: rgba(0, 0, 0, 0.0588235294) solid 1px; } #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul > li.menu-item--expanded span { color: var(--color-blu); margin-bottom: 4vw; text-transform: uppercase; display: block; max-height: 19px; } #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul > li.menu-item--expanded a { display: block; color: var(--color-gray); margin-bottom: 10%; } #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul > li.menu-item--expanded a:hover { color: var(--color-red); } } @media (min-width: 1000px) { #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul > li.menu-item:not(.menu-item--expanded) { display: flex; justify-content: flex-end; align-items: flex-end; padding: 5vw 0 5vw 2vw; } #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul > li.menu-item:not(.menu-item--expanded) a { font-size: 13px; color: var(--color-red); text-transform: uppercase; border-radius: 50vh; padding: 10px 20px; display: block; width: fit-content; border: solid var(--color-red) 2px; line-height: 1; text-align: center; } #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul > li.menu-item:not(.menu-item--expanded) a:hover { background-color: var(--color-red); color: #ffffff; } } @media (min-width: 1000px) { #block-stellantis-main-menu > ul.menu > li.menu-item--expanded:nth-child(3) > ul > li:nth-child(1) { border-right: 0; } #block-stellantis-main-menu > ul.menu > li.menu-item--expanded:nth-child(3) > ul > li:nth-child(2) span { color: transparent; } } @media (min-width: 1000px) { header.layout-site-header .region_ctrl #block-myfinance { grid-area: myfinance; } header.layout-site-header .region_ctrl .menu--myfinance > ul.menu { display: flex; } header.layout-site-header .region_ctrl .menu--myfinance > ul.menu > li:hover span, header.layout-site-header .region_ctrl .menu--myfinance > ul.menu > li:hover a { color: var(--color-red); } header.layout-site-header .region_ctrl .menu--myfinance > ul.menu > li:hover > ul.menu { height: auto; opacity: 1; } header.layout-site-header .region_ctrl .menu--myfinance > ul.menu > li > ul.menu { overflow: hidden; height: 0; opacity: 0; position: absolute; z-index: 99; width: 100%; } } @media (min-width: 1000px) and (max-width: 999px) { header.layout-site-header .region_ctrl .menu--myfinance > ul.menu > li > ul.menu { top: 40px; left: -10px; } } @media (min-width: 1000px) { header.layout-site-header .region_ctrl .menu--myfinance > ul.menu > li > ul.menu li a { padding: 11px 20px; border-top: 1px solid rgba(255, 255, 255, 0.2509803922); background: rgba(40, 43, 52, 0.8); backdrop-filter: blur(4px); color: #ffffff; font-size: 12px; white-space: nowrap; display: block; } header.layout-site-header .region_ctrl .menu--myfinance > ul.menu > li > ul.menu li a:hover { background: rgba(71, 74, 85, 0.8); } } @media (min-width: 1000px) { header.layout-site-header .region_ctrl .menu--myfinance > ul.menu > li:last-child > span { background-color: #ffffff; display: block; padding: 11px 20px; position: relative; font-size: 12px; cursor: pointer; margin-left: 5px; font-family: var(--font-family-bbold); /*&::after { content: url(/themes/custom/stellantis/src/img/SEGNO.svg); display: inline-block; width: 30px; height: 41px; position: absolute; top:0; right:-30px; transform: rotate(180deg); }*/ } header.layout-site-header .region_ctrl .menu--myfinance > ul.menu > li:last-child > span::before { content: none; } } @media (min-width: 1000px) { header.layout-site-header .region_ctrl .menu--myfinance > ul.menu > li > span { font-family: var(--font-family-bbold); background-color: #ffffff; display: block; padding: 11px 20px; position: relative; text-align: center; font-size: 12px; color: var(--color-blu); min-width: 157.34px; cursor: pointer; } header.layout-site-header .region_ctrl .menu--myfinance > ul.menu > li > span::before { content: url(/themes/custom/stellantis/src/img/SEGNO.svg); display: inline-block; width: 30px; height: 41px; position: absolute; top: 0; left: -19px; } } @media (max-width: 999px) { body.toolbar-horizontal #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul { top: 0; } .menu-burger { position: relative; width: 50px; height: 50px; cursor: pointer; } .menu-burger > div { width: 20px; height: 10px; } .menu-burger .menu-burger__cheeckbox { display: block; width: 100%; height: 100%; position: relative; cursor: pointer; z-index: 2; -webkit-touch-callout: none; position: absolute; opacity: 0; } .menu-burger div { margin: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 22px; height: 12px; } .menu-burger span { position: absolute; display: block; width: 100%; height: 2px; background-color: #fff; transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965); } .menu-burger span:first-of-type { top: 0; } .menu-burger span:last-of-type { bottom: 0; } .menu-burger.active span:first-of-type, .menu-burger .menu-burger__cheeckbox:checked + div span:first-of-type { transform: rotate(45deg); top: 5px; } .menu-burger.active span:last-of-type, .menu-burger .menu-burger__cheeckbox:checked + div span:last-of-type { transform: rotate(-45deg); bottom: 5px; } .menu-burger.active:hover span:first-of-type, .menu-burger.active:hover span:last-of-type, .menu-burger:hover .menu-burger__cheeckbox:checked + div span:first-of-type, .menu-burger:hover .menu-burger__cheeckbox:checked + div span:last-of-type { width: 22px; } } @media (max-width: 999px) and (min-width: 1024px) { .menu-burger:hover span:first-of-type { width: 26px; } .menu-burger:hover span:last-of-type { width: 12px; } } @media (max-width: 999px) { .svg_search_icon-mobile { cursor: pointer; width: 20px; } } @media (max-width: 999px) { header.layout-site-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; } } @media (max-width: 999px) { #block-exposedformsearchpage-1 { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(36, 55, 130, 0.975); z-index: -10; pointer-events: none; opacity: 0; display: flex; justify-content: center; align-items: center; } #block-exposedformsearchpage-1 .search_menu_close_btn { display: flex; justify-content: center; align-items: center; position: absolute; top: 20px; left: 20px; height: 25px; width: 25px; border-radius: 100px; background-color: #ffffff; color: var(--color-blu); cursor: pointer; } #block-exposedformsearchpage-1.search_open { opacity: 1; z-index: 10001; pointer-events: auto; } #block-exposedformsearchpage-1 #edit-actions { position: relative; top: -27px; right: -196px; width: fit-content; cursor: pointer; } } @media (max-width: 999px) { .header-menu { overflow-x: hidden; display: flex; align-items: center; justify-content: flex-end; flex-direction: column-reverse; position: absolute; bottom: calc(50px - 100vh); right: 0; width: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: calc(100vh - 50px); z-index: 999; background-color: #fff; pointer-events: none; } .header-menu ul.menu li, .header-menu ul.menu a, .header-menu ul.menu span { font-size: 10px; } .header-menu::-webkit-scrollbar { display: none; } .header-menu.menu_search_ctrl { opacity: 1; } .header-menu.menu_open { opacity: 1; width: 100%; overflow-y: auto; pointer-events: all; } .header-menu .region-primary-menu, .header-menu .region-secondary-menu { padding-left: 0; padding-right: 0; margin-top: 6vw; } .header-menu .region-primary-menu #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul, .header-menu .region-secondary-menu #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul { background-color: var(--color-lgray); } } @media (max-width: 999px) and (max-width: 767px) { .header-menu .region-primary-menu #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul, .header-menu .region-secondary-menu #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul { padding-left: 6vw; padding-right: 6vw; } } @media (max-width: 999px) and (min-width: 768px) and (max-width: 1099px) { .header-menu .region-primary-menu #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul, .header-menu .region-secondary-menu #block-stellantis-main-menu > ul.menu > li.menu-item--expanded > ul { padding-left: 15vw; padding-right: 15vw; } } @media (max-width: 999px) { .header-menu .region-primary-menu nav, .header-menu .region-secondary-menu nav { width: 100vw; } .header-menu .region-primary-menu nav > ul.menu > li.menu-item > a, .header-menu .region-primary-menu nav > ul.menu > li.menu-item > span, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > a, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > span { position: relative; font-size: 12px; color: var(--color-dgray); text-transform: uppercase; display: block; font-family: var(--font-family-bold); border-bottom: 1px solid rgba(40, 43, 52, 0.1); line-height: 1.4; letter-spacing: 0.1em; margin: 0; } } @media (max-width: 999px) and (max-width: 767px) { .header-menu .region-primary-menu nav > ul.menu > li.menu-item > a, .header-menu .region-primary-menu nav > ul.menu > li.menu-item > span, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > a, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > span { padding: 6vw; } } @media (max-width: 999px) and (min-width: 768px) and (max-width: 1099px) { .header-menu .region-primary-menu nav > ul.menu > li.menu-item > a, .header-menu .region-primary-menu nav > ul.menu > li.menu-item > span, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > a, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > span { padding: 4vw 15vw; } } @media (max-width: 999px) { .header-menu .region-primary-menu nav > ul.menu > li.menu-item > a:hover, .header-menu .region-primary-menu nav > ul.menu > li.menu-item > span:hover, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > a:hover, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > span:hover { background-color: var(--color-lgray); cursor: pointer; } } @media (max-width: 999px) { .header-menu .region-primary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item > a, .header-menu .region-primary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item > span, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item > a, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item > span { position: relative; padding: 6vw 0 4vw 0; font-size: 12px; color: var(--color-blu); text-transform: uppercase; display: block; font-family: var(--font-family-bold); line-height: 1.4; letter-spacing: 0.1em; margin: 0; } .header-menu .region-primary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item > ul.menu, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item > ul.menu { padding: 0 0 2vw 0; text-transform: uppercase; border-bottom: 1px solid rgba(40, 43, 52, 0.1); } .header-menu .region-primary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item > ul.menu > li.menu-item, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item > ul.menu > li.menu-item { padding: 2vw 0; } .header-menu .region-primary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item > ul.menu > li.menu-item a, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item > ul.menu > li.menu-item a { color: var(--color-dgray) !important; font-size: 10px; } .header-menu .region-primary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item > ul.menu > li.menu-item:hover a, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item > ul.menu > li.menu-item:hover a { color: var(--color-red) !important; } .header-menu .region-primary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item > ul.menu > li.menu-item.menu-item--active-trail a, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item > ul.menu > li.menu-item.menu-item--active-trail a { color: var(--color-red) !important; } .header-menu .region-primary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item:last-child a, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item:last-child a { color: var(--color-red); padding: 6vw 0; border-bottom: 1px solid rgba(40, 43, 52, 0.1); } .header-menu .region-primary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item:last-child a::before, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item:last-child a::before { content: "ᐅ"; margin-right: 8px; } } @media (max-width: 999px) { .header-menu .region-primary-menu nav > ul.menu > li.menu-item.menu-item--expanded > a::before, .header-menu .region-primary-menu nav > ul.menu > li.menu-item.menu-item--expanded > span::before, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item.menu-item--expanded > a::before, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item.menu-item--expanded > span::before { content: ""; background-image: url(/themes/custom/stellantis/src/img/arrow_down.svg); background-position: top center; background-repeat: no-repeat; background-size: contain; display: block; width: 10px; height: 10px; position: absolute; bottom: calc(50% - 5px); } } @media (max-width: 999px) and (max-width: 767px) { .header-menu .region-primary-menu nav > ul.menu > li.menu-item.menu-item--expanded > a::before, .header-menu .region-primary-menu nav > ul.menu > li.menu-item.menu-item--expanded > span::before, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item.menu-item--expanded > a::before, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item.menu-item--expanded > span::before { right: 4vw; } } @media (max-width: 999px) and (min-width: 768px) and (max-width: 1099px) { .header-menu .region-primary-menu nav > ul.menu > li.menu-item.menu-item--expanded > a::before, .header-menu .region-primary-menu nav > ul.menu > li.menu-item.menu-item--expanded > span::before, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item.menu-item--expanded > a::before, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item.menu-item--expanded > span::before { right: 15vw; } } @media (max-width: 999px) { .header-menu .region-primary-menu nav > ul.menu > li:nth-child(3) > ul.menu > li:first-child ul.menu, .header-menu .region-secondary-menu nav > ul.menu > li:nth-child(3) > ul.menu > li:first-child ul.menu { padding-bottom: 0; border-bottom: 0; } .header-menu .region-primary-menu nav > ul.menu > li:nth-child(3) > ul.menu > li:nth-child(2) span, .header-menu .region-secondary-menu nav > ul.menu > li:nth-child(3) > ul.menu > li:nth-child(2) span { display: none; } } @media (max-width: 999px) { .header-menu .region-primary-menu nav > ul.menu > li.menu-item > ul.menu, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > ul.menu { height: 0; opacity: 0; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header-menu .region-primary-menu nav > ul.menu > li.menu-item > ul.menu.open, .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > ul.menu.open { opacity: 1; height: auto; } } @media (max-width: 999px) { .header-menu .region-secondary-menu nav { width: 100vw; position: fixed; bottom: 0; left: 0; background-color: #ffffff; z-index: 99; } .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > ul.menu { padding-top: 2vw; } } @media (max-width: 999px) and (max-width: 767px) { .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > ul.menu { padding-left: 4vw; padding-right: 4vw; } } @media (max-width: 999px) and (min-width: 768px) and (max-width: 1099px) { .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > ul.menu { padding-left: 15vw; padding-right: 15vw; } } @media (max-width: 999px) { .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item > a { color: var(--color-dgray) !important; font-size: 10px; padding: 2vw 0; } .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item > a:hover { color: var(--color-red) !important; } } @media (max-width: 999px) { .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > span { font-family: var(--font-family-exbold); color: var(--color-blu); border-bottom: 1px solid rgba(40, 43, 52, 0.1); } } @media (max-width: 999px) { .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > a { font-family: var(--font-family-exbold); color: var(--color-blu); border-bottom: 0; } } @media (max-width: 999px) { .header-menu .region-secondary-menu nav > ul.menu > li.menu-item > ul { padding-top: 0 !important; padding-left: 6vw !important; padding-right: 6vw !important; } } @media (max-width: 999px) { .header-menu .region-primary-menu { height: calc(76vh - 32px); overflow-y: scroll; } } @media (max-width: 999px) { .mob_menu_ctrl { display: flex; justify-content: flex-end; align-items: center; gap: 10px; } } @media (max-width: 999px) { .menu--myfinance#block-myfinance > ul > li > ul.menu.open { padding-top: 2vw !important; padding-bottom: 2vw !important; padding-left: 6vw !important; padding-right: 6vw !important; border-bottom: 1px solid rgba(40, 43, 52, 0.1); } .menu--myfinance#block-myfinance > ul > li > ul.menu.open > li a { padding: 2vw 0; border-bottom: none; } .menu--myfinance#block-myfinance > ul > li > ul.menu.open > li a::before { content: none; } } @media (max-width: 999px) { nav > li.menu-item--active-trail a.is-active { color: #fff !important; background-color: var(--color-green); } nav > li.menu-item--active-trail a.is-active:hover { background-color: var(--color-green) !important; } } @media (max-width: 999px) { .header-menu .region-primary-menu nav > ul.menu > li.menu-item > ul.menu > li.menu-item > ul.menu > li.menu-item.menu-item--active-trail a.is-active { color: var(--color-green) !important; } } .region-footer { background-color: var(--color-blu); position: relative; } .region-footer #block-piedipagina > ul.menu { grid-template-columns: 1fr 1fr 1fr 1fr; display: grid; padding: 40px 0px 60px 0; } @media (max-width: 767px) { .region-footer #block-piedipagina > ul.menu { grid-template-columns: 1fr 1fr; gap: 30px 0; } } @media (min-width: 1100px) and (max-width: 1300px) { .region-footer #block-piedipagina > ul.menu { padding-top: 60px; padding-bottom: 60px; } } @media (min-width: 1301px) { .region-footer #block-piedipagina > ul.menu { padding-top: 60px; padding-bottom: 60px; } } .region-footer #block-piedipagina > ul.menu li, .region-footer #block-piedipagina > ul.menu span, .region-footer #block-piedipagina > ul.menu a { color: #fff; display: block; } .region-footer #block-piedipagina > ul.menu a:hover { color: var(--color-red); } .region-footer #block-piedipagina > ul.menu > li { padding: 0 2vw; } .region-footer #block-piedipagina > ul.menu > li span { margin-bottom: 25%; max-height: 19px; } .region-footer #block-piedipagina > ul.menu > li li a { margin-bottom: 5%; opacity: 0.6; } .region-footer #block-piedipagina > ul.menu > li:last-child ul li:first-child { left: 22px; } .region-footer #block-piedipagina > ul.menu > li:last-child ul li:first-child:before { content: ""; background-image: url(/themes/custom/stellantis/src/img/linkedin.svg); background-position: top center; background-repeat: no-repeat; background-size: contain; display: block; width: 16px; height: 16px; position: absolute; left: -22px; top: calc(50% - 8px); } .region-footer:after { content: ""; background-image: url(/themes/custom/stellantis/src/img/footer-decor.svg); background-position: top center; background-repeat: no-repeat; background-size: contain; display: block; width: 180px; height: 45px; position: absolute; bottom: -15px; left: calc(50% - 90px); } .copyright-footer { background-color: var(--color-dgray); padding-top: 40px; padding-bottom: 40px; color: #8d8d8d; font-size: 10px; letter-spacing: 0.1em; } @media (max-width: 767px) { .copyright-footer { text-align: center; } } .region.region-content-above, .region.region-hero { width: 100% !important; padding-left: 0; padding-right: 0; } @media (max-width: 767px) { .region.region-hero { margin-top: 50px; } } @media (min-width: 768px) and (max-width: 999px) { .region.region-hero { margin-top: 50px; } } .region.region-hero .paragraph--type--hero { position: relative; } @media (max-width: 767px) { .region.region-hero .paragraph--type--hero { margin-left: 0; margin-right: 0; } .region.region-hero .paragraph--type--hero .field--name-field-hero-title { padding-left: 25px; } } @media (min-width: 768px) and (max-width: 999px) { .region.region-hero .paragraph--type--hero { margin-left: 0; margin-right: 0; } .region.region-hero .paragraph--type--hero .field--name-field-hero-title { padding-left: calc((100% - 768px) / 2); } } @media (min-width: 1000px) and (max-width: 1024px) { .region.region-hero .paragraph--type--hero { margin-left: 0; margin-right: 0; } .region.region-hero .paragraph--type--hero .field--name-field-hero-title { padding-left: calc((100% - 1080px) / 2); } } @media (min-width: 1000px) and (max-width: 1300px) { .region.region-hero .paragraph--type--hero { margin-left: 0; margin-right: 0; } .region.region-hero .paragraph--type--hero .field--name-field-hero-title { padding-left: calc((100% - 1080px) / 2); } } @media (min-width: 1301px) { .region.region-hero .paragraph--type--hero { margin-left: 0; margin-right: 0; } .region.region-hero .paragraph--type--hero .field--name-field-hero-title { padding-left: calc((100% - 1280px) / 2); } } @media (min-width: 998px) and (max-width: 1099px) { .region.region-hero .paragraph--type--hero .field--name-field-hero-title { padding-left: calc((100% - 740px) / 2); } } .hero-overlay { position: relative; } .hero-overlay::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 80%; background: linear-gradient(180deg, rgba(36, 55, 130, 0) 0%, #243782 97.4%); z-index: -1; } .hero-overlay::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(-90deg, rgba(36, 55, 130, 0) 0%, #243782 97.4%); z-index: -1; } .paragraph--type--hero { position: relative; } @media (max-width: 767px) { .paragraph--type--hero { height: 220px; margin-left: -25px; margin-right: -25px; } } @media (min-width: 768px) and (max-width: 999px) { .paragraph--type--hero { height: 320px; margin-left: -4vw; margin-right: -4vw; } } @media (min-width: 1000px) and (max-width: 1024px) { .paragraph--type--hero { height: 340px; margin-left: -4vw; margin-right: -4vw; } } @media (min-width: 1000px) and (max-width: 1300px) { .paragraph--type--hero { height: 340px; margin-left: -4vw; margin-right: -4vw; } } @media (min-width: 1301px) { .paragraph--type--hero { height: 480px; margin-left: -4vw; margin-right: -4vw; } } .paragraph--type--hero .paragraph--type--hero-item { display: grid; grid-template-areas: "first second" "fourth fourth"; align-items: center; grid-template-rows: 26% 40%; align-content: end; height: 100%; position: relative; } @media (max-width: 767px) { .paragraph--type--hero .paragraph--type--hero-item { grid-template-columns: 70px 1fr; } } @media (min-width: 768px) and (max-width: 999px) { .paragraph--type--hero .paragraph--type--hero-item { grid-template-columns: calc(60px + 8vw) 1fr; } } @media (min-width: 1000px) and (max-width: 1300px) { .paragraph--type--hero .paragraph--type--hero-item { grid-template-columns: calc(60px + 4vw) 1fr; } } @media (min-width: 1301px) { .paragraph--type--hero .paragraph--type--hero-item { grid-template-columns: calc(80px + 4vw) 1fr; } } .paragraph--type--hero .field--name-field-hero-text-position, .paragraph--type--hero .field--name-field-hero-overlay { display: none; } .paragraph--type--hero .field--name-field-hero-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; } .paragraph--type--hero .field--name-field-hero-background article, .paragraph--type--hero .field--name-field-hero-background .field--name-field-media-image { height: 100%; } .paragraph--type--hero .field--name-field-hero-background article img, .paragraph--type--hero .field--name-field-hero-background .field--name-field-media-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .paragraph--type--hero .field--name-field-hero-title { grid-area: fourth; padding: 0 0 4vw 4vw; height: fit-content; max-width: 80%; } @media (max-width: 767px) { .paragraph--type--hero .field--name-field-hero-title { padding: 0 0 4vw 30px; } } @media (min-width: 768px) and (max-width: 999px) { .paragraph--type--hero .field--name-field-hero-title { padding: 0 0 4vw 8vw; } } .paragraph--type--hero .field--name-field-hero-title h1 { margin-top: 20px !important; } @media (max-width: 767px) { .paragraph--type--hero .field--name-field-hero-title h1 { font-size: 1.4em; margin-top: 0 !important; } } @media (min-width: 768px) and (max-width: 999px) { .paragraph--type--hero .field--name-field-hero-title h1 { font-size: 2.6em; } } @media (min-width: 1000px) and (max-width: 1300px) { .paragraph--type--hero .field--name-field-hero-title h1 { font-size: 3.1em; } } @media (min-width: 1301px) { .paragraph--type--hero .field--name-field-hero-title h1 { font-size: 3.8em; } } .paragraph--type--hero .field--name-field-hero-kicker-title { grid-area: second; } .paragraph--type--hero .field--name-field-hero-kicker-title p { font-family: var(--font-family-bold); color: var(--color-green); letter-spacing: 0.1em; white-space: nowrap; margin-left: 15px; text-transform: uppercase; } @media (max-width: 767px) { .paragraph--type--hero .field--name-field-hero-kicker-title p { font-size: 0.8em; } } @media (min-width: 768px) and (max-width: 999px) { .paragraph--type--hero .field--name-field-hero-kicker-title p { font-size: 0.9em; } } @media (min-width: 1000px) and (max-width: 1300px) { .paragraph--type--hero .field--name-field-hero-kicker-title p { font-size: 1em; } } @media (min-width: 1301px) { .paragraph--type--hero .field--name-field-hero-kicker-title p { font-size: 1.3em; } } .paragraph--type--hero .field--name-field-hero-icon { grid-area: first; display: flex; align-items: center; padding: 0 0 0 4vw; } @media (max-width: 767px) { .paragraph--type--hero .field--name-field-hero-icon { padding: 0 0 0 30px; } } @media (min-width: 768px) and (max-width: 999px) { .paragraph--type--hero .field--name-field-hero-icon { padding: 0 0 0 8vw; } } .paragraph--type--hero .field--name-field-hero-icon img { display: block; } @media (max-width: 767px) { .paragraph--type--hero .field--name-field-hero-icon img { width: 40px; height: 40px; min-width: 40px; } } @media (min-width: 768px) and (max-width: 999px) { .paragraph--type--hero .field--name-field-hero-icon img { width: 60px; height: 60px; } } @media (min-width: 1000px) and (max-width: 1300px) { .paragraph--type--hero .field--name-field-hero-icon img { width: 60px; height: 60px; } } @media (min-width: 1301px) { .paragraph--type--hero .field--name-field-hero-icon img { width: 80px; height: 80px; } } .region-content-below { background-color: var(--color-dgray); position: relative; background-image: url(/themes/custom/stellantis/src/img/PATTERN_bianco.svg); background-repeat: no-repeat; background-size: 40%; background-position: bottom left; } .region-content-below .more-link { position: absolute; bottom: 80px; } @media (max-width: 767px) { .region-content-below .more-link { right: 0; } } @media (min-width: 768px) and (max-width: 1099px) { .region-content-below .more-link { right: calc((100% - 740px) / 2); } } @media (min-width: 1100px) and (max-width: 1300px) { .region-content-below .more-link { right: calc((100% - 1080px) / 2); } } @media (min-width: 1301px) { .region-content-below .more-link { right: calc((100% - 1280px) / 2); } } .region-content-below .more-link a { font-size: 13px; color: var(--color-red); text-transform: uppercase; border-radius: 50vh; padding: 10px 20px; display: block; width: fit-content; border: solid var(--color-red) 2px; line-height: 1; text-align: center; } .region-content-below .more-link a:hover { background-color: var(--color-red); color: #ffffff; } .view-display-id-block_latests.glide, .view-display-id-block_press_release.glide { padding-top: 80px; padding-bottom: 80px; } .view-display-id-block_latests.glide .glide__bullets, .view-display-id-block_press_release.glide .glide__bullets { display: none; } .view-display-id-block_latests.glide .glide__arrows, .view-display-id-block_press_release.glide .glide__arrows { display: flex; gap: 20px; margin-top: 10px; } .view-display-id-block_latests.glide .glide__arrows .glide__arrow, .view-display-id-block_press_release.glide .glide__arrows .glide__arrow { position: static; padding: 0; border: 0; box-shadow: none; position: static; transform: translateY(0); } @media (max-width: 767px) { .view-display-id-block_latests.glide .glide__arrows .glide__arrow svg, .view-display-id-block_press_release.glide .glide__arrows .glide__arrow svg { width: 40px; height: 40px; } } .view-display-id-block_latests.glide .glide__slide, .view-display-id-block_press_release.glide .glide__slide { margin: 0 5px !important; } .view-display-id-block_latests.glide .glide__slide article, .view-display-id-block_press_release.glide .glide__slide article { height: 350px; font-size: 14px; padding: 8%; overflow: hidden; border-radius: 10px; text-transform: uppercase; color: var(--color-yellow); background-color: rgba(255, 255, 255, 0.0549019608); } @media (max-width: 500px) { .view-display-id-block_latests.glide .glide__slide article, .view-display-id-block_press_release.glide .glide__slide article { font-size: 12px; height: 250px; } } .view-display-id-block_latests.glide .glide__slide article h2, .view-display-id-block_press_release.glide .glide__slide article h2 { text-transform: none; color: #fff; font-size: 16px; font-family: var(--font-family-exbold); } @media (max-width: 500px) { .view-display-id-block_latests.glide .glide__slide article h2, .view-display-id-block_press_release.glide .glide__slide article h2 { font-size: 14px; } } .view-display-id-block_latests.glide .glide__slide article p, .view-display-id-block_press_release.glide .glide__slide article p { text-transform: none; color: #fff; font-size: 14px; font-family: var(--font-family-light); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3; -webkit-box-orient: vertical; } @media (max-width: 500px) { .view-display-id-block_latests.glide .glide__slide article p, .view-display-id-block_press_release.glide .glide__slide article p { font-size: 12px; } } .view-display-id-block_latests.glide .glide__slide article h2, .view-display-id-block_latests.glide .glide__slide article .node__content, .view-display-id-block_press_release.glide .glide__slide article h2, .view-display-id-block_press_release.glide .glide__slide article .node__content { width: 60%; padding-right: 8%; } .view-display-id-block_latests.glide .glide__slide article .field--name-field-featured-image, .view-display-id-block_press_release.glide .glide__slide article .field--name-field-featured-image { position: absolute; width: 40%; height: 100%; top: 0; right: 0; border-bottom-right-radius: 10px; border-top-right-radius: 10px; overflow: hidden; } .view-display-id-block_latests.glide .glide__slide article .field--name-field-featured-image img, .view-display-id-block_press_release.glide .glide__slide article .field--name-field-featured-image img { height: 100%; width: 100%; object-fit: cover; object-position: center; } .more-link { display: none !important; } div.view-display-id-block_press_release.glide .glide__bullets, div.view-display-id-block_latests.glide .glide__bullets { display: none; } div.view-display-id-block_press_release.glide .glide__arrows, div.view-display-id-block_latests.glide .glide__arrows { display: none; } div.view-display-id-block_press_release.glide .glide__slides, div.view-display-id-block_latests.glide .glide__slides { margin: 0 auto; justify-content: center; } div.view-display-id-block_press_release.glide .glide__slides .glide__slide, div.view-display-id-block_latests.glide .glide__slides .glide__slide { max-width: 80vh; overflow-x: hidden; } body.page-node-type-article main.layout-site-main { display: block; } body.page-node-type-article main.layout-site-main aside.layout-sidebar-first { display: none; } .paragraph { margin-bottom: 60px; } .field--name-field-text a:not(.btn, .read_more) { cursor: pointer; color: var(--color-red); text-decoration: underline; } .field--name-field-text a:not(.btn, .read_more):hover { text-decoration: none; } .field--name-field-text p { margin-bottom: 40px; } .field--name-field-text p:last-child { margin-bottom: 0; } .field--name-field-text p strong { color: var(--color-blu); font-size: var(--font-family-bold); } .field--name-field-text p a.tag span { display: inline-block; line-height: 1; margin: 3px 0; padding: 8px 14px; border-radius: 50vh; color: #fff; background-color: var(--color-blu); } .field--name-field-text h2 { font-family: var(--font-family-light); font-weight: 300; font-size: 3.1em; line-height: 1.2; text-transform: uppercase; color: var(--color-blu); margin-top: 0; margin-bottom: 40px; } @media (max-width: 767px) { .field--name-field-text h2 { font-size: 1.1em; } } @media (min-width: 768px) and (max-width: 999px) { .field--name-field-text h2 { font-size: 1.9em; } } @media (min-width: 1000px) and (max-width: 1300px) { .field--name-field-text h2 { font-size: 2.3em; } } @media (min-width: 1301px) { .field--name-field-text h2 { font-size: 2.7em; } } .field--name-field-text ul { margin-bottom: 40px; } .field--name-field-text ul li:hover span { color: #111 !important; } .field--name-field-text ul li::before { content: "• "; } .field--name-field-text .col_box { display: grid; grid-template-columns: 1fr 1fr; } @media (max-width: 767px) { .field--name-field-text .col_box { display: block; } } @media (min-width: 768px) and (max-width: 999px) { .field--name-field-text .col_box { display: block; } } .field--name-field-text .col_box .col:first-of-type { padding-left: 0; padding-right: 30px; border-right: 1px solid var(--color-lgray); } @media (max-width: 767px) { .field--name-field-text .col_box .col:first-of-type { padding-right: 0; border-right: none; } } @media (min-width: 768px) and (max-width: 999px) { .field--name-field-text .col_box .col:first-of-type { padding-right: 0; border-right: none; } } .field--name-field-text .col_box .col { padding-right: 0; padding-left: 30px; } @media (max-width: 767px) { .field--name-field-text .col_box .col { padding-left: 0; } } @media (min-width: 768px) and (max-width: 999px) { .field--name-field-text .col_box .col { padding-left: 0; } } @media (max-width: 767px) { .paragraph--type--immagine-e-titolo .field--name-field-immagine { height: 300px; } } @media (min-width: 768px) and (max-width: 999px) { .paragraph--type--immagine-e-titolo .field--name-field-immagine { height: 300px; } } @media (min-width: 1000px) and (max-width: 1300px) { .paragraph--type--immagine-e-titolo .field--name-field-immagine { height: 300px; } } @media (min-width: 1301px) { .paragraph--type--immagine-e-titolo .field--name-field-immagine { height: 360px; } } .paragraph--type--immagine-e-titolo .field--name-field-immagine img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .paragraph--type--immagine-e-titolo .field--type-text-long { padding-top: 40px; padding-right: 40px; margin-top: -80px; position: relative; background-color: #fff; max-width: 80%; } @media (max-width: 767px) { .paragraph--type--immagine-e-titolo .field--type-text-long { padding-top: 20px; padding-right: 20px; margin-top: -30px; } } @media (max-width: 767px) { .paragraph--type--immagine-e-titolo .field--type-text-long { max-width: 90%; } .paragraph--type--immagine-e-titolo .field--type-text-long p { font-size: 80%; } } .paragraph--type--immagine-e-titolo .field--type-text-long p { margin-bottom: 20px; } .paragraph--type--immagine-e-titolo .field--type-text-long h2 { font-family: var(--font-family-light); font-weight: 300; font-size: 3.1em; line-height: 1.1; text-transform: uppercase; color: var(--color-blu); margin-top: 0; margin-bottom: 0; } @media (max-width: 767px) { .paragraph--type--immagine-e-titolo .field--type-text-long h2 { font-size: 1.1em; } } @media (min-width: 768px) and (max-width: 999px) { .paragraph--type--immagine-e-titolo .field--type-text-long h2 { font-size: 2.1em; } } @media (min-width: 1000px) and (max-width: 1300px) { .paragraph--type--immagine-e-titolo .field--type-text-long h2 { font-size: 3.1em; } } @media (min-width: 1301px) { .paragraph--type--immagine-e-titolo .field--type-text-long h2 { font-size: 3.1em; } } .paragraph--type--immagine-e-titolo .field--type-text-long ul li:hover { color: #111 !important; } .paragraph--type--immagine-e-titolo .field--type-text-long ul li::before { content: "• "; } .paragraph--type--accordion.version--orizzontale { margin-bottom: 0 !important; } .paragraph--type--accordion.version--orizzontale .field--name-field-accordion-items .field__item .paragraph--type--accordion-item { margin-bottom: 0; background-color: rgba(40, 43, 52, 0.05); } .paragraph--type--accordion.version--orizzontale .field--name-field-accordion-items .field__item .paragraph--type--accordion-item .field--name-field-accordion-item-title { position: relative; padding: 3.5vw; } @media (max-width: 767px) { .paragraph--type--accordion.version--orizzontale .field--name-field-accordion-items .field__item .paragraph--type--accordion-item .field--name-field-accordion-item-title { padding: 4vw 8vw; } } .paragraph--type--accordion.version--orizzontale .field--name-field-accordion-items .field__item .paragraph--type--accordion-item .field--name-field-accordion-item-title::after { content: ""; background-image: url(/themes/custom/stellantis/src/img/arrow_down.svg); background-position: top center; background-repeat: no-repeat; background-size: contain; display: block; width: 10px; height: 10px; position: absolute; bottom: calc(50% - 5px); right: 3.5vw; } .paragraph--type--accordion.version--orizzontale .field--name-field-accordion-items .field__item .paragraph--type--accordion-item .field--name-field-accordion-item-title p { font-family: var(--font-family-light); font-size: 1.6em; line-height: 1.2; text-transform: uppercase; color: var(--color-blu); width: 80%; } @media (max-width: 767px) { .paragraph--type--accordion.version--orizzontale .field--name-field-accordion-items .field__item .paragraph--type--accordion-item .field--name-field-accordion-item-title p { font-size: 1em; } } .paragraph--type--accordion.version--orizzontale .field--name-field-accordion-items .field__item .paragraph--type--accordion-item .accordion-content { height: 0; padding: 0 3.5vw; overflow: hidden; border-bottom: 1px solid rgba(40, 43, 52, 0.1); } .paragraph--type--accordion.version--orizzontale .field--name-field-accordion-items .field__item .paragraph--type--accordion-item .accordion-content.open { padding: 0 3.5vw 3.5vw 3.5vw; height: auto; } @media (max-width: 767px) { .paragraph--type--accordion.version--orizzontale .field--name-field-accordion-items .field__item .paragraph--type--accordion-item .accordion-content.open { padding: 4vw 8vw; } } .paragraph--type--accordion.version--orizzontale a { pointer-events: auto; cursor: pointer; color: var(--color-red); text-decoration: underline; } .paragraph--type--accordion.version--orizzontale a:hover { text-decoration: none; } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items { position: relative; height: 400px; } @media (max-width: 767px) { .paragraph--type--accordion.version--verticale .field--name-field-accordion-items { height: auto; padding-left: 30px; } } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } @media (max-width: 767px) { .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item { position: static; } } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item { display: grid; grid-template-columns: 1fr 3fr; } @media (max-width: 767px) { .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item { display: block; margin-bottom: 0; } } @media (min-width: 768px) and (max-width: 1099px) { .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item { grid-template-columns: 1fr 2fr; } } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item .field--name-field-accordion-item-title { background-color: #fff; height: fit-content; } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item .field--name-field-accordion-item-title p { white-space: nowrap; line-height: var(--h-toggle-item-vertical); pointer-events: auto; position: relative; cursor: pointer; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--color-blu); } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item .field--name-field-accordion-item-title p::after { content: ""; display: block; width: 80%; height: 1px; background-color: var(--color-lgray); position: absolute; bottom: 0; left: 0; } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item .field--name-field-accordion-item-title p.active { background-color: var(--color-blu); color: #fff; } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item .field--name-field-accordion-item-title p.active::after { content: none; } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item .field--name-field-accordion-item-title p.active::before { content: ""; display: block; width: 40px; height: 100%; background-image: url(/themes/custom/stellantis/src/img/SEGNO_blu.svg); position: absolute; background-position: top right; background-repeat: no-repeat; top: 0; left: -39px; z-index: -1; } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item .accordion-content { background-color: #fff; padding: 3.5vw; opacity: 0; transition: all 1s; position: relative; height: 400px; overflow-y: scroll; } @media (max-width: 767px) { .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item .accordion-content { height: 0; overflow: hidden; } } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item .accordion-content.active { background-color: var(--color-lgray); opacity: 1; position: relative; z-index: 99; pointer-events: auto; } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item .accordion-content.active p, .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item .accordion-content.active a, .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item .accordion-content.active h5 { opacity: 1; } @media (max-width: 767px) { .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item .accordion-content.active { height: auto; } } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item .accordion-content h5 { opacity: 0; } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item .accordion-content p { margin-bottom: 15px; font-family: var(--font-family-light); color: var(--color-blu); opacity: 0; } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item .accordion-content a { pointer-events: auto; cursor: pointer; color: var(--color-red); text-decoration: underline; opacity: 0; } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item .accordion-content a:hover { text-decoration: none; } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item:nth-child(2) .paragraph--type--accordion-item .field--name-field-accordion-item-title { margin-top: var(--h-toggle-item-vertical); } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item:nth-child(3) .paragraph--type--accordion-item .field--name-field-accordion-item-title { margin-top: calc(var(--h-toggle-item-vertical) * 2); } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item:nth-child(3) .paragraph--type--accordion-item .field--name-field-accordion-item-title p { /*@keyframes scroll_text { 0% { transform: translateX(0); } 100% { transform: translateX(-74px); } } @keyframes scroll_text_rev { 0% { transform: translateX(0); } 100% { transform: translateX(74px); } } &:hover { animation-name: scroll_text; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: 1; animation-direction: forwards; animation-fill-mode:forwards; &::after { animation-name: scroll_text_rev; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: 1; animation-direction: forwards; animation-fill-mode:forwards; } }*/ } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item:nth-child(4) .paragraph--type--accordion-item .field--name-field-accordion-item-title { margin-top: calc(var(--h-toggle-item-vertical) * 3); } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item:nth-child(5) .paragraph--type--accordion-item .field--name-field-accordion-item-title { margin-top: calc(var(--h-toggle-item-vertical) * 4); } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item:nth-child(6) .paragraph--type--accordion-item .field--name-field-accordion-item-title { margin-top: calc(var(--h-toggle-item-vertical) * 5); } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item:nth-child(7) .paragraph--type--accordion-item .field--name-field-accordion-item-title { margin-top: calc(var(--h-toggle-item-vertical) * 6); } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item:nth-child(8) .paragraph--type--accordion-item .field--name-field-accordion-item-title { margin-top: calc(var(--h-toggle-item-vertical) * 7); } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item:nth-child(9) .paragraph--type--accordion-item .field--name-field-accordion-item-title { margin-top: calc(var(--h-toggle-item-vertical) * 8); } .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item:nth-child(10) .paragraph--type--accordion-item .field--name-field-accordion-item-title { margin-top: calc(var(--h-toggle-item-vertical) * 9); } @media (max-width: 767px) { .paragraph--type--accordion.version--verticale .field--name-field-accordion-items .paragraph--type--accordion-item .field--name-field-accordion-item-title { margin-top: 0 !important; } } body.node-84 h2 { color: var(--color-green); letter-spacing: 0.1em; margin-bottom: 0; } body.node-84 .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item .field--name-field-accordion-item-title p.active { background-color: var(--color-green); } body.node-84 .paragraph--type--accordion.version--verticale .field--name-field-accordion-items > .field__item .paragraph--type--accordion-item .field--name-field-accordion-item-title p.active::before { background-image: url(/themes/custom/stellantis/src/img/SEGNO_green.svg); background-size: contain; } .paragraph--type--sezione-categoria { position: relative; margin-top: 5vw; grid-template-columns: 1fr 1fr; grid-template-areas: "sx dx" "par dx" "img img"; display: grid; } @media (max-width: 999px) { .paragraph--type--sezione-categoria { display: block; } .paragraph--type--sezione-categoria div.field--name-field-titolo-sezione { margin-top: 60px; } .paragraph--type--sezione-categoria div.field--name-field-paragrafo { margin-bottom: 40px; } } .paragraph--type--sezione-categoria .field--name-field-icona { grid-area: sx; height: 100px; } .paragraph--type--sezione-categoria .field--name-field-icona img { width: 100px; height: 100px; } @media (max-width: 999px) { .paragraph--type--sezione-categoria .field--name-field-icona { margin-bottom: -70px; } } .paragraph--type--sezione-categoria .field--name-field-nome-categoria { grid-area: dx; height: 45px; font-family: var(--font-family-bold); font-size: 1.2em; line-height: 45px; letter-spacing: 0.1em; text-transform: uppercase; background-color: var(--color-green); position: relative; color: #fff; padding-left: 10px; z-index: -1; } @media (max-width: 767px) { .paragraph--type--sezione-categoria .field--name-field-nome-categoria { font-size: 0.8em; margin-left: 52vw; } } @media (min-width: 768px) and (max-width: 999px) { .paragraph--type--sezione-categoria .field--name-field-nome-categoria { font-size: 0.8em; margin-left: 52vw; } } @media (min-width: 1000px) and (max-width: 1300px) { .paragraph--type--sezione-categoria .field--name-field-nome-categoria { font-size: 0.8em; margin-left: -21vw; } } @media (min-width: 1301px) { .paragraph--type--sezione-categoria .field--name-field-nome-categoria { font-size: 0.9em; margin-left: -21vw; } } .paragraph--type--sezione-categoria .field--name-field-nome-categoria::before { content: ""; display: inline-block; width: 45px; height: 45px; position: absolute; top: 0; left: -44px; background-image: url(/themes/custom/stellantis/src/img/SEGNO_green.svg); background-size: contain; background-position: center right; background-repeat: no-repeat; } .paragraph--type--sezione-categoria .field--name-field-titolo-sezione { grid-area: sx; margin-top: 100px; } .paragraph--type--sezione-categoria .field--name-field-titolo-sezione h2 { font-family: var(--font-family-light); color: var(--color-blu); line-height: 1.25; text-transform: uppercase; } @media (max-width: 767px) { .paragraph--type--sezione-categoria .field--name-field-titolo-sezione h2 { font-size: 1.5em; } } @media (min-width: 768px) and (max-width: 1099px) { .paragraph--type--sezione-categoria .field--name-field-titolo-sezione h2 { font-size: 1.7em; } } @media (min-width: 1100px) and (max-width: 1300px) { .paragraph--type--sezione-categoria .field--name-field-titolo-sezione h2 { font-size: 1.9em; } } @media (min-width: 1301px) { .paragraph--type--sezione-categoria .field--name-field-titolo-sezione h2 { font-size: 2.1em; } } .paragraph--type--sezione-categoria .field--name-field-paragrafo { grid-area: par; margin-bottom: 5vw; height: fit-content; } @media (max-width: 767px) { .paragraph--type--sezione-categoria .field--name-field-paragrafo { font-size: 0.8em; } } @media (min-width: 768px) and (max-width: 1099px) { .paragraph--type--sezione-categoria .field--name-field-paragrafo { font-size: 0.9em; } } @media (min-width: 1100px) and (max-width: 1300px) { .paragraph--type--sezione-categoria .field--name-field-paragrafo { font-size: 1.2em; } } @media (min-width: 1301px) { .paragraph--type--sezione-categoria .field--name-field-paragrafo { font-size: 1.2em; } } .paragraph--type--sezione-categoria .field--name-field-lista-categorie { grid-area: dx; height: fit-content; background-color: #F4F4F4; background-image: url(/themes/custom/stellantis/src/img/light_pattern.svg); background-repeat: no-repeat; background-size: 100%; background-position: center left; margin-top: 7px; } .paragraph--type--sezione-categoria .field--name-field-lista-categorie .field__item .paragraph--type--categoria-link { padding: 2.5vw 4vw; margin-bottom: 0; border-bottom: 1px solid rgba(40, 43, 52, 0.05); opacity: 1; background-color: transparent; } @media (max-width: 767px) { .paragraph--type--sezione-categoria .field--name-field-lista-categorie .field__item .paragraph--type--categoria-link { padding: 4vw; } } .paragraph--type--sezione-categoria .field--name-field-lista-categorie .field__item .paragraph--type--categoria-link:hover { opacity: 0.75; background-color: rgba(255, 255, 255, 0.5); } .paragraph--type--sezione-categoria .field--name-field-lista-categorie .field__item .paragraph--type--categoria-link:hover .field--name-field-titolo-link-categoria a { color: var(--color-red); } .paragraph--type--sezione-categoria .field--name-field-lista-categorie .field__item .paragraph--type--categoria-link .field--name-field-titolo-link-categoria a { font-family: var(--font-family-light); line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; display: block; color: var(--color-blu); } @media (max-width: 767px) { .paragraph--type--sezione-categoria .field--name-field-lista-categorie .field__item .paragraph--type--categoria-link .field--name-field-titolo-link-categoria a { font-size: 0.8em; } } @media (min-width: 768px) and (max-width: 1099px) { .paragraph--type--sezione-categoria .field--name-field-lista-categorie .field__item .paragraph--type--categoria-link .field--name-field-titolo-link-categoria a { font-size: 0.9em; } } @media (min-width: 1100px) and (max-width: 1300px) { .paragraph--type--sezione-categoria .field--name-field-lista-categorie .field__item .paragraph--type--categoria-link .field--name-field-titolo-link-categoria a { font-size: 0.95em; } } @media (min-width: 1301px) { .paragraph--type--sezione-categoria .field--name-field-lista-categorie .field__item .paragraph--type--categoria-link .field--name-field-titolo-link-categoria a { font-size: 1em; } } .paragraph--type--sezione-categoria .field--name-field-lista-categorie .field__item .paragraph--type--categoria-link .field--name-field-paragrafo-link-categoria { font-family: var(--font-family-light); line-height: 1.2; letter-spacing: 0.1em; color: var(--color-blu); } @media (max-width: 767px) { .paragraph--type--sezione-categoria .field--name-field-lista-categorie .field__item .paragraph--type--categoria-link .field--name-field-paragrafo-link-categoria { font-size: 0.7em; } } @media (min-width: 768px) and (max-width: 1099px) { .paragraph--type--sezione-categoria .field--name-field-lista-categorie .field__item .paragraph--type--categoria-link .field--name-field-paragrafo-link-categoria { font-size: 0.8em; } } @media (min-width: 1100px) and (max-width: 1300px) { .paragraph--type--sezione-categoria .field--name-field-lista-categorie .field__item .paragraph--type--categoria-link .field--name-field-paragrafo-link-categoria { font-size: 0.85em; } } @media (min-width: 1301px) { .paragraph--type--sezione-categoria .field--name-field-lista-categorie .field__item .paragraph--type--categoria-link .field--name-field-paragrafo-link-categoria { font-size: 0.9em; } } .paragraph--type--sezione-categoria .field--name-field-field-immagine-categoria { grid-area: img; } .paragraph--type--sezione-categoria .field--name-field-field-immagine-categoria .field--name-field-media-image { height: 34vw; max-height: 480px; } .paragraph--type--sezione-categoria .field--name-field-field-immagine-categoria .field--name-field-media-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } @media (max-width: 767px) { .paragraph--type--sezione-categoria .field--name-field-icona, .paragraph--type--sezione-categoria .field--name-field-titolo-sezione, .paragraph--type--sezione-categoria .field--name-field-paragrafo { padding-left: 25px; padding-right: 25px; } } @media (min-width: 768px) and (max-width: 1099px) { .paragraph--type--sezione-categoria .field--name-field-icona, .paragraph--type--sezione-categoria .field--name-field-titolo-sezione, .paragraph--type--sezione-categoria .field--name-field-paragrafo { padding-left: calc((100vw - 740px) / 2); padding-right: calc((100vw - 740px) / 2); } } @media (min-width: 1100px) and (max-width: 1300px) { .paragraph--type--sezione-categoria .field--name-field-icona, .paragraph--type--sezione-categoria .field--name-field-titolo-sezione, .paragraph--type--sezione-categoria .field--name-field-paragrafo { padding-left: calc((100vw - 1080px) / 2); padding-right: calc((100vw - 1080px) / 2); } } @media (min-width: 1301px) { .paragraph--type--sezione-categoria .field--name-field-icona, .paragraph--type--sezione-categoria .field--name-field-titolo-sezione, .paragraph--type--sezione-categoria .field--name-field-paragrafo { padding-left: calc((100vw - 1280px) / 2); padding-right: calc((100vw - 1280px) / 2); } } @media (min-width: 768px) and (max-width: 1099px) { .paragraph--type--sezione-categoria .field--name-field-titolo-sezione, .paragraph--type--sezione-categoria .field--name-field-paragrafo { padding-right: 5vw; } } @media (min-width: 1301px) { .paragraph--type--sezione-categoria.direction--left .field--name-field-titolo-sezione, .paragraph--type--sezione-categoria.direction--left .field--name-field-paragrafo { padding-right: 80px; } } .paragraph--type--sezione-categoria.direction--right { grid-template-areas: "dx sx" "dx par" "img img"; } .paragraph--type--sezione-categoria.direction--right .field--name-field-icona { display: flex; justify-content: flex-end; } .paragraph--type--sezione-categoria.direction--right .field--name-field-nome-categoria { margin-left: 0; display: flex; justify-content: flex-end; padding-left: 0; padding-right: 10px; } @media (max-width: 767px) { .paragraph--type--sezione-categoria.direction--right .field--name-field-nome-categoria { margin-right: 52vw; } } @media (min-width: 768px) and (max-width: 999px) { .paragraph--type--sezione-categoria.direction--right .field--name-field-nome-categoria { margin-right: 52vw; } } @media (min-width: 1000px) and (max-width: 1300px) { .paragraph--type--sezione-categoria.direction--right .field--name-field-nome-categoria { margin-right: -21vw; } } @media (min-width: 1301px) { .paragraph--type--sezione-categoria.direction--right .field--name-field-nome-categoria { margin-right: -21vw; } } .paragraph--type--sezione-categoria.direction--right .field--name-field-nome-categoria::after { content: ""; display: inline-block; width: 45px; height: 45px; position: absolute; top: 0; right: -44px; background-image: url(/themes/custom/stellantis/src/img/SEGNO_green_reverse.svg); background-size: contain; background-position: center left; background-repeat: no-repeat; } .paragraph--type--sezione-categoria.direction--right .field--name-field-nome-categoria::before { content: none; } @media (min-width: 768px) and (max-width: 1099px) { .paragraph--type--sezione-categoria.direction--right .field--name-field-titolo-sezione, .paragraph--type--sezione-categoria.direction--right .field--name-field-paragrafo { padding-left: 5vw; padding-right: calc((100vw - 740px) / 2); } } @media (min-width: 1301px) { .paragraph--type--sezione-categoria.direction--right .field--name-field-titolo-sezione, .paragraph--type--sezione-categoria.direction--right .field--name-field-paragrafo { padding-left: 80px; } } #block-entityviewcontenuto-2 h2 { display: none; } .paragraph--type--from-library { margin-bottom: 0; } .paragraph--type--footer-banner { position: relative; display: grid; grid-template-areas: "left right" "leftb right"; grid-template-rows: 50% 50%; align-items: center; margin-bottom: 0; } @media (max-width: 767px) { .paragraph--type--footer-banner { height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 60px 20px; } } @media (min-width: 768px) and (max-width: 1099px) { .paragraph--type--footer-banner { height: 360px; } } @media (min-width: 1100px) and (max-width: 1300px) { .paragraph--type--footer-banner { height: 380px; } } @media (min-width: 1301px) { .paragraph--type--footer-banner { height: 480px; } } .paragraph--type--footer-banner .field--name-field-footer-banner-title { grid-area: left; display: flex; align-items: flex-end; height: 100%; } @media (max-width: 767px) { .paragraph--type--footer-banner .field--name-field-footer-banner-title { flex-direction: column; justify-content: center; align-items: center; } } .paragraph--type--footer-banner .field--name-field-footer-banner-title p { max-width: 80%; font-family: var(--font-family-light); font-size: 30px; line-height: 1.2; text-transform: uppercase; color: #ffffff; } @media (max-width: 767px) { .paragraph--type--footer-banner .field--name-field-footer-banner-title p { font-size: 25px; text-align: center; } } @media (min-width: 768px) and (max-width: 1099px) { .paragraph--type--footer-banner .field--name-field-footer-banner-title p { font-size: 25px; } } @media (min-width: 1100px) and (max-width: 1300px) { .paragraph--type--footer-banner .field--name-field-footer-banner-title p { font-size: 30px; } } @media (min-width: 1301px) { .paragraph--type--footer-banner .field--name-field-footer-banner-title p { font-size: 40px; } } .paragraph--type--footer-banner .field--name-field-footer-banner-text { grid-area: leftb; display: flex; align-items: flex-start; height: 100%; } @media (max-width: 767px) { .paragraph--type--footer-banner .field--name-field-footer-banner-text { flex-direction: column; justify-content: center; align-items: center; height: auto; } } .paragraph--type--footer-banner .field--name-field-footer-banner-text p { max-width: 80%; font-family: var(--font-family-bold); font-size: 16px; line-height: 1.5; text-transform: uppercase; color: #ffffff; letter-spacing: 0.1em; margin-top: 40px; } @media (max-width: 767px) { .paragraph--type--footer-banner .field--name-field-footer-banner-text p { font-size: 12px; text-align: center; margin-top: 20px; margin-bottom: 40px; } } .paragraph--type--footer-banner .field--name-field-footer-banner-links { grid-area: right; } .paragraph--type--footer-banner .field--name-field-footer-banner-links a { font-size: 13px; color: var(--color-red); text-transform: uppercase; border-radius: 50vh; padding: 10px 20px; display: block; width: fit-content; border: solid var(--color-red) 2px; line-height: 1; text-align: center; } .paragraph--type--footer-banner .field--name-field-footer-banner-links a:hover { background-color: var(--color-red); color: #ffffff; } .paragraph--type--footer-banner .field--name-field-footer-banner-background { position: absolute; width: 100%; height: 100%; z-index: -1; } .paragraph--type--footer-banner .field--name-field-footer-banner-background article, .paragraph--type--footer-banner .field--name-field-footer-banner-background .field--name-field-media-image { width: 100%; height: 100%; } .paragraph--type--footer-banner .field--name-field-footer-banner-background img { width: 100%; height: 100%; object-fit: cover; object-position: center; } @media (max-width: 767px) { .paragraph--type--footer-banner .field--name-field-footer-banner-title, .paragraph--type--footer-banner .field--name-field-footer-banner-text { padding-left: 25px; padding-right: 25px; } } @media (min-width: 768px) and (max-width: 1099px) { .paragraph--type--footer-banner .field--name-field-footer-banner-title, .paragraph--type--footer-banner .field--name-field-footer-banner-text { padding-left: calc((100vw - 19px - 740px) / 2); } } @media (min-width: 1100px) and (max-width: 1300px) { .paragraph--type--footer-banner .field--name-field-footer-banner-title, .paragraph--type--footer-banner .field--name-field-footer-banner-text { padding-left: calc((100vw - 19px - 1080px) / 2); } } @media (min-width: 1301px) { .paragraph--type--footer-banner .field--name-field-footer-banner-title, .paragraph--type--footer-banner .field--name-field-footer-banner-text { padding-left: calc((100vw - 19px - 1280px) / 2); } } @media (max-width: 767px) { .paragraph--type--footer-banner .field--name-field-footer-banner-links { padding-left: 25px; padding-right: 25px; } } @media (min-width: 768px) and (max-width: 1099px) { .paragraph--type--footer-banner .field--name-field-footer-banner-links { padding-right: calc((100vw - 19px - 740px) / 2); } } @media (min-width: 1100px) and (max-width: 1300px) { .paragraph--type--footer-banner .field--name-field-footer-banner-links { padding-right: calc((100vw - 19px - 1080px) / 2); } } @media (min-width: 1301px) { .paragraph--type--footer-banner .field--name-field-footer-banner-links { padding-right: calc((100vw - 19px - 1280px) / 2); } } #block-views-block-logos-block-stellantis-logos { background-color: var(--color-blu); display: grid; grid-template-columns: 2fr 3fr; border-bottom: solid #505F9B 2px; } @media (max-width: 767px) { #block-views-block-logos-block-stellantis-logos { padding-left: 25px; padding-right: 25px; padding-top: 40px; padding-bottom: 40px; display: block; } } @media (min-width: 768px) and (max-width: 1099px) { #block-views-block-logos-block-stellantis-logos { padding-left: calc((100% - 740px) / 2); padding-right: calc((100% - 740px) / 2); padding-top: 40px; padding-bottom: 40px; } } @media (min-width: 1100px) and (max-width: 1300px) { #block-views-block-logos-block-stellantis-logos { padding-left: calc((100% - 1080px) / 2); padding-right: calc((100% - 1080px) / 2); padding-top: 60px; padding-bottom: 60px; } } @media (min-width: 1301px) { #block-views-block-logos-block-stellantis-logos { padding-left: calc((100% - 1280px) / 2); padding-right: calc((100% - 1280px) / 2); padding-top: 60px; padding-bottom: 60px; } } #block-views-block-logos-block-stellantis-logos > a:first-child { display: flex; align-items: center; } @media (max-width: 767px) { #block-views-block-logos-block-stellantis-logos > a:first-child { justify-content: center; width: 180px; margin: 0 auto; } } @media (min-width: 768px) and (max-width: 1099px) { #block-views-block-logos-block-stellantis-logos > a:first-child { width: 220px; } } @media (min-width: 1100px) and (max-width: 1300px) { #block-views-block-logos-block-stellantis-logos > a:first-child { width: 300px; } } @media (min-width: 1301px) { #block-views-block-logos-block-stellantis-logos > a:first-child { width: 300px; } } #block-views-block-logos-block-stellantis-logos > div:last-child .item-list ul { display: grid; /*li:first-child { //ds grid-area:p4; } li:nth-child(2) { //fiat grid-area:p5; } li:nth-child(3) { //fiat pro grid-area:p6; } li:nth-child(4) { //jeep grid-area:p7; } li:nth-child(5){ //lancia grid-area:p8; } li:nth-child(6){ //maserati grid-area:p9; } li:nth-child(7){ //opel grid-area:p10 } li:nth-child(8){ //peugeot grid-area:p11; } li:nth-child(9){ //abarth grid-area:p1; } li:nth-child(10){ //sporticar grid-area:p12; } li:nth-child(11){ //alfa romeo grid-area:p2; } li:nth-child(12){ //citroen grid-area:p3; }*/ } @media (max-width: 767px) { #block-views-block-logos-block-stellantis-logos > div:last-child .item-list ul { grid-template-columns: 1fr 1fr 1fr 1fr; padding-top: 60px; grid-template-areas: "p1 p2 p3 p4" "p5 p6 p7 p8" "p9 p10 p11 p12"; } } @media (min-width: 768px) and (max-width: 1099px) { #block-views-block-logos-block-stellantis-logos > div:last-child .item-list ul { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-areas: "p1 p2 p3 p4 p5" "p6 p7 p8 p9 p10" "p11 p12 . . ."; } } @media (min-width: 1100px) and (max-width: 1300px) { #block-views-block-logos-block-stellantis-logos > div:last-child .item-list ul { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-areas: "p1 p2 p3 p4 p5 p6" "p7 p8 p9 p10 p11 p12"; } } @media (min-width: 1301px) { #block-views-block-logos-block-stellantis-logos > div:last-child .item-list ul { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-areas: "p1 p2 p3 p4 p5 p6" "p7 p8 p9 p10 p11 p12"; } } #block-views-block-logos-block-stellantis-logos > div:last-child .item-list ul li { margin: 0; position: relative; } #block-views-block-logos-block-stellantis-logos > div:last-child .item-list ul li img { margin: auto; display: block; } @media (max-width: 767px) { #block-views-block-logos-block-stellantis-logos > div:last-child .item-list ul li img { margin: auto; display: block; } } #block-views-block-logos-block-stellantis-logos > div:last-child .item-list ul li .views-field-field-stellantis-footer-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #block-views-block-logos-block-stellantis-logos > div:last-child .item-list ul li .views-field-field-stellantis-footer-link .field-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #block-views-block-logos-block-stellantis-logos > div:last-child .item-list ul li .views-field-field-stellantis-footer-link .field-content a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; color: transparent; } .paragraph--type--media-gallery { margin-bottom: 120px; } .paragraph--type--media-gallery .field--name-field-media { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; justify-items: center; align-items: center; } @media (max-width: 767px) { .paragraph--type--media-gallery .field--name-field-media { grid-template-columns: 1fr 1fr; gap: 20px; } .paragraph--type--media-gallery .field--name-field-media img { width: 140px; height: auto; } } @media (min-width: 768px) and (max-width: 1099px) { .paragraph--type--media-gallery .field--name-field-media { grid-template-columns: 1fr 1fr; gap: 20px; } } aside.layout-sidebar-first { border-right: 1px solid rgba(40, 43, 52, 0.3); background-image: url(/themes/custom/stellantis/src/img/pattern.svg); background-repeat: no-repeat; background-size: contain; background-position: bottom center; } aside.layout-sidebar-first .view-grouping { background-color: #fff; } aside.layout-sidebar-first .view-grouping .view-grouping-header a { padding: 2vw; font-size: 16px; color: var(--color-blu); text-transform: uppercase; display: block; font-weight: 500; letter-spacing: 0.1em; border-bottom: 1px solid rgba(40, 43, 52, 0.1); line-height: 1.4; font-family: var(--font-family-bold); } aside.layout-sidebar-first .view-grouping .view-grouping-content .item-list h3 { position: relative; padding: 2vw; font-size: 14px; color: var(--color-dgray); text-transform: uppercase; display: block; font-family: var(--font-family-bold); border-bottom: 1px solid rgba(40, 43, 52, 0.1); line-height: 1.4; letter-spacing: 0.1em; margin: 0; } aside.layout-sidebar-first .view-grouping .view-grouping-content .item-list h3::before { content: ""; background-image: url(/themes/custom/stellantis/src/img/arrow_down.svg); background-position: top center; background-repeat: no-repeat; background-size: contain; display: block; width: 10px; height: 10px; position: absolute; bottom: calc(50% - 5px); right: 2vw; } aside.layout-sidebar-first .view-grouping .view-grouping-content .item-list ul { margin: 0; border-bottom: 1px solid rgba(40, 43, 52, 0.1); } aside.layout-sidebar-first .view-grouping .view-grouping-content .item-list ul > li { margin: 0; } aside.layout-sidebar-first .view-grouping .view-grouping-content .item-list ul > li a { padding: 1.5vw 2vw; font-size: 11px; color: var(--color-gray); display: block; line-height: 1.4; text-transform: uppercase; letter-spacing: 0.1em; color: var(--color-dgray); } aside.layout-sidebar-first .view-grouping .view-grouping-content .item-list ul > li a:hover { background-color: var(--color-lgray); } aside.layout-sidebar-first .view-grouping .view-grouping-content .item-list ul > li a.is-active { background-color: var(--color-green); color: #fff !important; } @media (max-width: 1023px) { aside.layout-sidebar-first { display: none; } } @media (min-width: 768px) and (max-width: 1099px) { body.page-node-type-product .region.region-content { padding: 4vw; padding-top: 0; } } @media (min-width: 1100px) and (max-width: 1300px) { body.page-node-type-product .region.region-content { padding: 4vw; padding-top: 0; } } @media (min-width: 1301px) { body.page-node-type-product .region.region-content { padding: 4vw; padding-top: 0; } } body.page-node-type-product .view-display-id-products_menu_footer { margin-top: 80px; } @media (min-width: 768px) and (max-width: 1099px) { body.page-node-type-product .view-display-id-products_menu_footer .view-content { padding-top: 0; } } @media (min-width: 1100px) and (max-width: 1300px) { body.page-node-type-product .view-display-id-products_menu_footer .view-content { padding-top: 0; } } @media (min-width: 1301px) { body.page-node-type-product .view-display-id-products_menu_footer .view-content { padding-top: 0; } } body.page-node-type-product .view-display-id-products_menu_footer .view-content .view-grouping { background-color: var(--color-lgray); margin: 0 -4vw -4vw -4vw; padding: 4vw 4vw 2vw 4vw; background-image: url(/themes/custom/stellantis/src/img/red_pattern.svg); background-repeat: no-repeat; background-size: contain; background-position: bottom right; } @media (max-width: 767px) { body.page-node-type-product .view-display-id-products_menu_footer .view-content .view-grouping { margin: 0 -25px 0 -25px; padding: 8vw 8vw 4vw 8vw; } } body.page-node-type-product .view-display-id-products_menu_footer .view-content .view-grouping .view-grouping-header a { font-family: var(--font-family-bold); font-size: 16px; line-height: 1; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-blu); display: block; margin-bottom: 40px; } body.page-node-type-product .view-display-id-products_menu_footer .view-content .view-grouping .view-grouping-content { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; } @media (max-width: 767px) { body.page-node-type-product .view-display-id-products_menu_footer .view-content .view-grouping .view-grouping-content { display: block; } } body.page-node-type-product .view-display-id-products_menu_footer .view-content .view-grouping .view-grouping-content.servizi_assicurazione_boxcontent { grid-template-columns: 2fr 1fr; grid-template-areas: "col1 col2"; } body.page-node-type-product .view-display-id-products_menu_footer .view-content .view-grouping .view-grouping-content.servizi_assicurazione_boxcontent .item-list:nth-child(1) { grid-area: col2; } body.page-node-type-product .view-display-id-products_menu_footer .view-content .view-grouping .view-grouping-content.servizi_assicurazione_boxcontent .item-list:nth-child(2) { grid-area: col1; } body.page-node-type-product .view-display-id-products_menu_footer .view-content .view-grouping .view-grouping-content.servizi_assicurazione_boxcontent .item-list:nth-child(2) ul { display: grid; grid-template-columns: 1fr 1fr; } body.page-node-type-product .view-display-id-products_menu_footer .view-content .view-grouping .view-grouping-content li { margin: 0; } body.page-node-type-product .view-display-id-products_menu_footer .view-content .view-grouping .view-grouping-content h3 { font-size: 12px; line-height: 1; letter-spacing: 0.2em; text-transform: uppercase; color: var(--color-blu); margin-bottom: 25px; } body.page-node-type-product .view-display-id-products_menu_footer .view-content .view-grouping .view-grouping-content a { font-size: 11px; line-height: 1.4; letter-spacing: 0.1em; color: rgba(40, 43, 52, 0.6); display: block; margin-bottom: 25px; } body.page-node-type-product .view-display-id-products_menu_footer .view-content .view-grouping .view-grouping-content a:hover { color: var(--color-red); } body.page-node-type-product .view-display-id-products_menu_footer .view-content .view-grouping .view-grouping-content ul.reverse_order { display: flex; flex-direction: column-reverse; } .page-node-type-product-section .field--name-field-body-section .field__item:last-of-type .paragraph { margin-bottom: 0; } body.page-node-type-article .contextual-region { position: static; } body.page-node-type-article .region-sidebar-first #block-views-block-news-sidebar-block-sidebar h2 { padding: 2vw; font-size: 16px; color: var(--color-blu); text-transform: uppercase; display: block; font-weight: 500; letter-spacing: 0.1em; border-bottom: 1px solid rgba(40, 43, 52, 0.1); line-height: 1.4; font-family: var(--font-family-bold); margin: 0; } body.page-node-type-article .region-sidebar-first #block-views-block-news-sidebar-block-sidebar ul { margin: 0; } body.page-node-type-article .region-sidebar-first #block-views-block-news-sidebar-block-sidebar ul li { background-color: #fff; padding: 2vw; border-bottom: 1px solid rgba(40, 43, 52, 0.1); margin: 0; display: grid; grid-template-columns: 2fr 3fr; grid-template-areas: "img meta1" "img meta2"; } body.page-node-type-article .region-sidebar-first #block-views-block-news-sidebar-block-sidebar ul li:hover { background-color: var(--color-lgray); } body.page-node-type-article .region-sidebar-first #block-views-block-news-sidebar-block-sidebar ul li:last-child { border-bottom: 1px solid rgba(40, 43, 52, 0.1); } body.page-node-type-article .region-sidebar-first #block-views-block-news-sidebar-block-sidebar ul li .views-field-title { grid-area: meta1; padding-left: 8px; display: flex; align-items: flex-end; } body.page-node-type-article .region-sidebar-first #block-views-block-news-sidebar-block-sidebar ul li .views-field-title a { font-size: 14px; font-family: var(--font-family-bold); line-height: 1.2 !important; display: inline-block; } body.page-node-type-article .region-sidebar-first #block-views-block-news-sidebar-block-sidebar ul li .views-field-field-featured-image { grid-area: img; } body.page-node-type-article .region-sidebar-first #block-views-block-news-sidebar-block-sidebar ul li .views-field-field-featured-image a { display: block; } body.page-node-type-article .region-sidebar-first #block-views-block-news-sidebar-block-sidebar ul li .views-field-field-featured-image a img { display: block; } body.page-node-type-article .region-sidebar-first #block-views-block-news-sidebar-block-sidebar ul li .views-field-created { grid-area: meta2; padding-left: 8px; } body.page-node-type-article .region-sidebar-first #block-views-block-news-sidebar-block-sidebar ul li .views-field-created span { font-size: 12px; text-transform: uppercase; color: var(--color-yellow); } body.page-node-type-article .region-sidebar-first #block-views-block-news-sidebar-block-sidebar .more-link { padding: 2vw; } body.page-node-type-article .region-sidebar-first #block-views-block-news-sidebar-block-sidebar .more-link a { font-size: 13px; color: var(--color-red); text-transform: uppercase; border-radius: 50vh; padding: 10px 20px; display: block; width: fit-content; border: solid var(--color-red) 2px; line-height: 1; text-align: center; background-color: #fff; } body.page-node-type-article .region-sidebar-first #block-views-block-news-sidebar-block-sidebar .more-link a:hover { background-color: var(--color-red); color: #ffffff; } body.page-node-type-article .node--type-article.node--view-mode-full .field--name-field-featured-image { position: absolute; top: 0; width: 100%; } @media (max-width: 767px) { body.page-node-type-article .node--type-article.node--view-mode-full .field--name-field-featured-image { margin-left: -25px; margin-right: -25px; } } @media (min-width: 768px) and (max-width: 999px) { body.page-node-type-article .node--type-article.node--view-mode-full .field--name-field-featured-image { margin-left: calc((740px - 100vw + 17px) / 2); margin-right: calc((740px - 100vw + 17px) / 2); } } @media (max-width: 767px) { body.page-node-type-article .node--type-article.node--view-mode-full .field--name-field-featured-image .field--name-field-media-image, body.page-node-type-article .node--type-article.node--view-mode-full .field--name-field-featured-image article { height: 220px; } } @media (min-width: 768px) and (max-width: 999px) { body.page-node-type-article .node--type-article.node--view-mode-full .field--name-field-featured-image .field--name-field-media-image, body.page-node-type-article .node--type-article.node--view-mode-full .field--name-field-featured-image article { height: 320px; } } @media (min-width: 1000px) and (max-width: 1024px) { body.page-node-type-article .node--type-article.node--view-mode-full .field--name-field-featured-image .field--name-field-media-image, body.page-node-type-article .node--type-article.node--view-mode-full .field--name-field-featured-image article { height: 340px; } } @media (min-width: 1000px) and (max-width: 1300px) { body.page-node-type-article .node--type-article.node--view-mode-full .field--name-field-featured-image .field--name-field-media-image, body.page-node-type-article .node--type-article.node--view-mode-full .field--name-field-featured-image article { height: 340px; } } @media (min-width: 1301px) { body.page-node-type-article .node--type-article.node--view-mode-full .field--name-field-featured-image .field--name-field-media-image, body.page-node-type-article .node--type-article.node--view-mode-full .field--name-field-featured-image article { height: 480px; } } body.page-node-type-article .node--type-article.node--view-mode-full .field--name-field-featured-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } body.page-node-type-article .node--type-article.node--view-mode-full .field--name-field-featured-image::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 80%; background: linear-gradient(180deg, rgba(36, 55, 130, 0) 0%, #243782 97.4%); z-index: 1; } body.page-node-type-article .node--type-article.node--view-mode-full .field--name-field-featured-image::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(-90deg, rgba(36, 55, 130, 0) 0%, #243782 97.4%); z-index: 1; } body.page-node-type-article .region-content { position: relative; } @media (min-width: 1000px) { body.page-node-type-article .region-content { padding-left: 0; padding-right: 0; } } body.page-node-type-article .region-content #block-stellantis-page-title { position: relative; z-index: 2; display: flex; align-items: flex-end; padding: 0 0 7vw 4vw; } @media (max-width: 767px) { body.page-node-type-article .region-content #block-stellantis-page-title { height: 220px; } } @media (min-width: 768px) and (max-width: 999px) { body.page-node-type-article .region-content #block-stellantis-page-title { height: 320px; } } @media (min-width: 1000px) and (max-width: 1024px) { body.page-node-type-article .region-content #block-stellantis-page-title { height: 340px; } } @media (min-width: 1000px) and (max-width: 1300px) { body.page-node-type-article .region-content #block-stellantis-page-title { height: 340px; } } @media (min-width: 1301px) { body.page-node-type-article .region-content #block-stellantis-page-title { height: 480px; } } @media (max-width: 767px) { body.page-node-type-article .region-content #block-stellantis-page-title h1 { font-size: 1.4em; margin-top: 0 !important; } } @media (min-width: 768px) and (max-width: 999px) { body.page-node-type-article .region-content #block-stellantis-page-title h1 { font-size: 2.6em; } } @media (min-width: 1000px) and (max-width: 1300px) { body.page-node-type-article .region-content #block-stellantis-page-title h1 { font-size: 3.1em; } } body.page-node-type-article p.date { text-transform: uppercase; color: var(--color-yellow); position: absolute; z-index: 2; padding: 0 4vw; } @media (max-width: 767px) { body.page-node-type-article p.date { top: calc(220px - 5vw); } } @media (min-width: 768px) and (max-width: 999px) { body.page-node-type-article p.date { top: calc(320px - 5vw); } } @media (min-width: 1000px) and (max-width: 1024px) { body.page-node-type-article p.date { top: calc(340px - 5vw); } } @media (min-width: 1000px) and (max-width: 1300px) { body.page-node-type-article p.date { top: calc(340px - 5vw); } } @media (min-width: 1301px) { body.page-node-type-article p.date { top: calc(480px - 5vw); } } body.page-node-type-article .field--name-body { padding: 80px 4vw 80px; } body.page-node-type-product-section.has-sidebar .layout-site-main { display: block; } body.page-node-type-product-section .layout-content .region { padding-left: 0; padding-right: 0; } body.page-node-type-product-section .region.region-hero article h2 { display: none !important; } @media (max-width: 767px) { body.page-node-type-product-section .region.region-hero .field--name-field-hero-title { padding-left: 10%; padding-right: 10%; } } @media (min-width: 768px) and (max-width: 1099px) { body.page-node-type-product-section .region.region-hero .field--name-field-hero-title { padding-left: calc((100% - 740px) / 2); padding-right: calc((100% - 740px) / 2); } } @media (min-width: 1100px) and (max-width: 1300px) { body.page-node-type-product-section .region.region-hero .field--name-field-hero-title { padding-left: calc((100% - 1080px) / 2); padding-right: calc((100% - 1080px) / 2); } } @media (min-width: 1301px) { body.page-node-type-product-section .region.region-hero .field--name-field-hero-title { padding-left: calc((100% - 1280px) / 2); padding-right: calc((100% - 1280px) / 2); } } body.page-node-type-section div.region.region-content nav.block-menu > ul.menu { grid-template-columns: 2fr 2fr 2fr; } @media (min-width: 768px) and (max-width: 1099px) { body.page-node-type-section div.region.region-content nav.block-menu > ul.menu { display: block; } } @media (max-width: 767px) { body.node-69 .paragraph--type--hero { margin-left: -25px; margin-right: -25px; } body.node-69 .paragraph--type--hero .field--name-field-hero-title { padding-left: 25px; } } @media (min-width: 768px) and (max-width: 1099px) { body.node-69 .paragraph--type--hero { margin-left: calc((740px - 100vw + 17px) / 2); margin-right: calc((740px - 100vw + 17px) / 2); } body.node-69 .paragraph--type--hero .field--name-field-hero-title { padding-left: calc((100% - 768px) / 2); } } @media (min-width: 1100px) and (max-width: 1300px) { body.node-69 .paragraph--type--hero { margin-left: calc((1080px - 100vw + 17px) / 2); margin-right: calc((1080px - 100vw + 17px) / 2); } body.node-69 .paragraph--type--hero .field--name-field-hero-title { padding-left: calc((100% - 1080px) / 2); } } @media (min-width: 1301px) { body.node-69 .paragraph--type--hero { margin-left: calc((1280px - 100vw + 17px) / 2); margin-right: calc((1280px - 100vw + 17px) / 2); } body.node-69 .paragraph--type--hero .field--name-field-hero-title { padding-left: calc((100% - 1280px) / 2); } } body.node-69 .more-link { display: none; } body.node-69 main.layout-site-main { display: block; margin-bottom: 100px; } body.node-69 main.layout-site-main a#main-content { display: none; } body.node-69 .view-id-news .item-list > ul { display: grid; justify-items: stretch; align-items: stretch; gap: 10px; } @media (max-width: 767px) { body.node-69 .view-id-news .item-list > ul { display: block; } } @media (min-width: 768px) and (max-width: 1099px) { body.node-69 .view-id-news .item-list > ul { grid-template-columns: 1fr 1fr; } } @media (min-width: 1100px) and (max-width: 1300px) { body.node-69 .view-id-news .item-list > ul { grid-template-columns: 1fr 1fr; } } @media (min-width: 1301px) { body.node-69 .view-id-news .item-list > ul { grid-template-columns: 1fr 1fr 1fr; } } body.node-69 .view-id-news .item-list > ul li { margin: 0; } body.node-69 .node--view-mode-hero { display: none; } body.node-69 .node--view-mode-hero > h2 { text-align: center; display: block; line-height: 20vw; font-family: var(--font-family-light); letter-spacing: 0.2em; text-transform: uppercase; background-color: var(--color-lgray); background-image: url(/themes/custom/stellantis/src/img/PATTERN_bianco.svg); background-repeat: no-repeat; background-size: 50%; background-position: bottom left; } @media (max-width: 767px) { body.node-69 .node--view-mode-hero > h2 { margin-top: 50px; font-size: 1.9em; } } @media (min-width: 768px) and (max-width: 999px) { body.node-69 .node--view-mode-hero > h2 { font-size: 2.6em; } } @media (min-width: 1000px) and (max-width: 1300px) { body.node-69 .node--view-mode-hero > h2 { font-size: 3.1em; } } @media (min-width: 1301px) { body.node-69 .node--view-mode-hero > h2 { font-size: 4.1em; } } body.node-69 .node--type-article { font-size: 14px; margin-bottom: 15px; padding: 8%; position: relative; height: 100%; overflow: hidden; border-radius: 10px; text-transform: uppercase; color: var(--color-yellow); background-color: var(--color-lgray); background-image: url(/themes/custom/stellantis/src/img/PATTERN_bianco.svg); background-repeat: no-repeat; background-size: 50%; background-position: bottom left; } body.node-69 .node--type-article h2 { text-transform: none; color: var(--color-dgray); font-size: 16px; font-family: var(--font-family-bold); } @media (max-width: 500px) { body.node-69 .node--type-article h2 { font-size: 14px; } } body.node-69 .node--type-article p { text-transform: none; color: var(--color-gray); font-size: 14px; font-family: var(--font-family-light); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3; -webkit-box-orient: vertical; } @media (max-width: 500px) { body.node-69 .node--type-article p { font-size: 12px; } } body.node-69 .node--type-article h2, body.node-69 .node--type-article .node__content { width: 60%; padding-right: 8%; } body.node-69 .node--type-article .field--name-field-featured-image { position: absolute; width: 40%; height: 100%; top: 0; right: 0; border-bottom-right-radius: 10px; border-top-right-radius: 10px; overflow: hidden; } body.node-69 .node--type-article .field--name-field-featured-image img { height: 100%; width: 100%; object-fit: cover; object-position: center; } body.path-search main.layout-site-main { display: block; margin-bottom: 100px; } body.path-search main.layout-site-main a#main-content { display: none; } body.path-search .views-row { background-color: #fff; padding: 2vw; border-bottom: 1px solid rgba(40, 43, 52, 0.1); margin: 0; display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "img meta1" "img meta2"; } @media (max-width: 767px) { body.path-search .views-row { grid-template-columns: 1fr 2fr; } } body.path-search .views-row:hover { background-color: var(--color-lgray); } body.path-search .views-row:last-child { border-bottom: 1px solid rgba(40, 43, 52, 0.1); } body.path-search .views-row .views-field-title { grid-area: meta1; padding-left: 4vw; display: flex; align-items: flex-end; } body.path-search .views-row .views-field-title a { color: var(--color-blu); line-height: 1.2 !important; display: inline-block; text-transform: uppercase; margin-bottom: 20px; } body.path-search .views-row .views-field-title a:hover { color: var(--color-red); } body.path-search .views-row .views-field-field-featured-image { grid-area: img; } body.path-search .views-row .views-field-field-featured-image span { display: block; height: 20vh; } @media (max-width: 767px) { body.path-search .views-row .views-field-field-featured-image span { height: 100%; min-height: 15vh; } } body.path-search .views-row .views-field-field-featured-image span img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } body.path-search .views-row .views-field-field-summary { grid-area: meta2; padding-left: 4vw; } body.path-search .views-row .views-field-field-summary span { font-size: 12px; color: var(--color-gray); } body.path-search .views-exposed-form form .form--inline { text-align: center; } body.path-search .views-exposed-form form .form--inline .form-item { margin: 0 auto; display: block; float: none; } body.path-search .views-exposed-form form #edit-actions--2 { clear: none; position: relative; width: fit-content; opacity: 1; float: none; right: calc(-130px - 50%); top: -59px; } body.path-search .views-exposed-form form #edit-actions--2:hover { opacity: 0.75; } body.path-search .views-exposed-form form #edit-actions--2 input { color: var(--color-blu); cursor: pointer; border-radius: 50vh; background-color: var(--color-blu); width: 35px; height: 35px; } body.path-search .views-exposed-form form label[for=edit-search-api-fulltext] { display: none; } body.path-search .views-exposed-form form .form-item { margin: 0; } body.path-search .views-exposed-form form input.form-text { border: 0; background-color: transparent; color: var(--color-blu); font-size: 16px; line-height: 1; height: auto; padding: 15px; border-radius: 10px; background-color: var(--color-lgray); } body.path-search .views-exposed-form form input.form-text::placeholder { color: var(--color-blu); } body.path-search .views-exposed-form form #edit-submit-search { top: 3px; right: 0; opacity: 0; } body.path-search .views-exposed-form form .svg_search_icon { position: relative; right: 20px; z-index: 99; pointer-events: none; } body.path-search #block-exposedformsearchpage-1-2 h2 { text-align: center; text-transform: uppercase; letter-spacing: 0.1em; color: var(--color-blu); margin: 4vw 0 2.5vw 0; } body.path-search .view-empty { text-align: center; margin-top: 50px; } body.page-node-type-page main.layout-site-main { display: block; } body.page-node-type-page main.layout-site-main a#main-content { display: none; } body.page-node-type-page .region-hero h2 { display: none; } body.node-80 .field--name-field-body-sections > .field__item { max-width: 900px; margin: auto; } .paragraph--type--text-image { position: relative; margin-bottom: 120px; } @media (max-width: 767px) { .paragraph--type--text-image { margin-bottom: 60px; } .paragraph--type--text-image img { display: block; margin-top: 40px; } } .paragraph--type--text-image.position--special { display: flex; margin-top: 80px; } @media (max-width: 767px) { .paragraph--type--text-image.position--special { display: block; } } .paragraph--type--text-image.position--special .paragraph, .paragraph--type--text-image.position--special p { margin-bottom: 0; } .paragraph--type--text-image.position--special .field--name-field-image { width: 40%; padding-left: 40px; } @media (max-width: 767px) { .paragraph--type--text-image.position--special .field--name-field-image { width: 70%; padding-left: 0; margin: -70px auto 0 auto; } .paragraph--type--text-image.position--special .field--name-field-image .field--name-field-media-image { height: 50vh; } .paragraph--type--text-image.position--special .field--name-field-image .field--name-field-media-image img { width: 100%; height: 100%; object-fit: cover; bject-position: center -75px; } } .paragraph--type--text-image.position--special .field--name-field-image img { width: auto; height: auto; } @media (min-width: 1301px) { .paragraph--type--text-image.position--special .field--name-field-image img { max-height: 62.5vh; } } .paragraph--type--text-image.position--special .field--name-field-content { width: 60%; padding-right: 40px; } @media (max-width: 767px) { .paragraph--type--text-image.position--special .field--name-field-content { width: 100%; padding-right: 0; } } .paragraph--type--text-image.position--special .field--name-field-content .paragraph--type--text { padding-bottom: 40px; } .paragraph--type--text-image.position--special .field--name-field-content .paragraph--type--text .field--name-field-text { width: auto; } .paragraph--type--text-image.position--special .field--name-field-content .field__item:not(:first-child) .paragraph--type--text { padding-top: 40px; padding-bottom: 80px; background-color: var(--color-lgray); position: relative; } @media (min-width: 768px) and (max-width: 1099px) { .paragraph--type--text-image.position--special .field--name-field-content .field__item:not(:first-child) .paragraph--type--text { width: 80vw; } } .paragraph--type--text-image.position--special .field--name-field-content .field__item:not(:first-child) .paragraph--type--text::after { content: ""; position: absolute; display: block; height: 100%; width: calc(100vw - 18px); background-color: var(--color-lgray); top: 0; z-index: -1; } @media (max-width: 767px) { .paragraph--type--text-image.position--special .field--name-field-content .field__item:not(:first-child) .paragraph--type--text::after { left: -25px; width: 100vw; } } @media (min-width: 768px) and (max-width: 1099px) { .paragraph--type--text-image.position--special .field--name-field-content .field__item:not(:first-child) .paragraph--type--text::after { left: calc((740px - 100vw + 9px) / 2); } } @media (min-width: 1100px) and (max-width: 1300px) { .paragraph--type--text-image.position--special .field--name-field-content .field__item:not(:first-child) .paragraph--type--text::after { left: calc((1080px - 100vw + 9px) / 2); } } @media (min-width: 1301px) { .paragraph--type--text-image.position--special .field--name-field-content .field__item:not(:first-child) .paragraph--type--text::after { left: calc((1280px - 100vw + 9px) / 2); } } @media (max-width: 767px) { .paragraph--type--text-image.position--special .field--name-field-text h2 { font-size: 2.1em; } } .paragraph--type--text-image.position--left { display: flex; flex-direction: row-reverse; } @media (max-width: 767px) { .paragraph--type--text-image.position--left { display: block; } } .paragraph--type--text-image.position--left .paragraph { margin-bottom: 0; } .paragraph--type--text-image.position--left .field--name-field-content { width: 70%; padding-left: 40px; } @media (max-width: 767px) { .paragraph--type--text-image.position--left .field--name-field-content { width: 100%; padding-left: 0; } } @media (min-width: 768px) and (max-width: 1099px) { .paragraph--type--text-image.position--left .field--name-field-content { background-color: #ffffff; } } .paragraph--type--text-image.position--left .field--name-field-content p a.read_more { margin: 0 0 20px auto; font-size: 13px; color: var(--color-red); text-transform: uppercase; border-radius: 50vh; padding: 10px 20px; display: block; width: fit-content; border: solid var(--color-red) 2px; line-height: 1; text-align: center; } .paragraph--type--text-image.position--left .field--name-field-content p a.read_more span { color: var(--color-red); } .paragraph--type--text-image.position--left .field--name-field-content p a.read_more:hover { background-color: var(--color-red); } .paragraph--type--text-image.position--left .field--name-field-content p a.read_more:hover span { color: #ffffff; } .paragraph--type--text-image.position--left .field--name-field-content p.toggle { height: 78px; overflow: hidden; position: relative; transition: all 300ms; } .paragraph--type--text-image.position--left .field--name-field-content p.toggle::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: linear-gradient(-20deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.4990371148) 75%, rgba(255, 255, 255, 0) 100%); opacity: 1; } .paragraph--type--text-image.position--left .field--name-field-content p.toggle.open { height: auto; } .paragraph--type--text-image.position--left .field--name-field-content p.toggle.open::after { opacity: 0; pointer-events: none; } .paragraph--type--text-image.position--left .field--name-field-content p.toggle:not(:first-of-type) { height: 0; margin-bottom: 0; overflow: hidden; } .paragraph--type--text-image.position--left .field--name-field-content p.toggle:not(:first-of-type).open { height: auto; margin-bottom: 40px; } .paragraph--type--text-image.position--left .field--name-field-content p.toggle:not(:first-of-type).open::after { height: 0; } .paragraph--type--text-image.position--left .field--name-field-content .field__item:not(:first-child) { border-top: 1px solid var(--color-blu); padding-top: 40px; } .paragraph--type--text-image.position--left .field--name-field-image { width: 40%; position: relative; } @media (max-width: 767px) { .paragraph--type--text-image.position--left .field--name-field-image { margin: auto; width: 70%; } .paragraph--type--text-image.position--left .field--name-field-image .field--name-field-media-image { height: 50vh; } .paragraph--type--text-image.position--left .field--name-field-image .field--name-field-media-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } @media (min-width: 768px) and (max-width: 1099px) { .paragraph--type--text-image.position--left .field--name-field-image { width: 50%; position: absolute; z-index: -1; left: calc((740px - 100vw + 19px) / 2); } } @media (min-width: 1100px) and (max-width: 1300px) { .paragraph--type--text-image.position--left .field--name-field-image { left: calc((1080px - 100vw + 19px) / 2); } } @media (min-width: 1301px) { .paragraph--type--text-image.position--left .field--name-field-image { left: calc((1280px - 100vw + 19px) / 4); } } .paragraph--type--text-image.position--left .field--name-field-image img { width: 100%; height: 100%; } @media (max-width: 767px) { .paragraph--type--text-image.position--left .field--name-field-text h2 { font-size: 2.1em; } } .paragraph--type--text-image.position--right { display: flex; flex-direction: row; } @media (max-width: 767px) { .paragraph--type--text-image.position--right { display: block; } } .paragraph--type--text-image.position--right .paragraph { margin-bottom: 0; } .paragraph--type--text-image.position--right .field--name-field-content { width: 50%; padding-right: 40px; } @media (max-width: 767px) { .paragraph--type--text-image.position--right .field--name-field-content { width: 100%; padding-right: 0; } } @media (min-width: 768px) and (max-width: 1099px) { .paragraph--type--text-image.position--right .field--name-field-content { background-color: #ffffff; width: 70%; } } .paragraph--type--text-image.position--right .field--name-field-content p a.read_more { margin: 0 0 0 auto; font-size: 13px; color: var(--color-red); text-transform: uppercase; border-radius: 50vh; padding: 10px 20px; display: block; width: fit-content; border: solid var(--color-red) 2px; line-height: 1; text-align: center; } .paragraph--type--text-image.position--right .field--name-field-content p a.read_more span { color: var(--color-red); } .paragraph--type--text-image.position--right .field--name-field-content p a.read_more:hover { background-color: var(--color-red); } .paragraph--type--text-image.position--right .field--name-field-content p a.read_more:hover span { color: #ffffff; } .paragraph--type--text-image.position--right .field--name-field-content p.toggle { height: 78px; overflow: hidden; position: relative; transition: all 300ms; } .paragraph--type--text-image.position--right .field--name-field-content p.toggle::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; right: 0; background: linear-gradient(-20deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.4990371148) 75%, rgba(255, 255, 255, 0) 100%); opacity: 1; } .paragraph--type--text-image.position--right .field--name-field-content p.toggle.open { height: auto; } .paragraph--type--text-image.position--right .field--name-field-content p.toggle.open::after { opacity: 0; pointer-events: none; } .paragraph--type--text-image.position--right .field--name-field-content p.toggle:not(:first-of-type) { height: 0; margin-bottom: 0; overflow: hidden; } .paragraph--type--text-image.position--right .field--name-field-content p.toggle:not(:first-of-type).open { height: auto; margin-bottom: 40px; } .paragraph--type--text-image.position--right .field--name-field-content p.toggle:not(:first-of-type).open::after { height: 0; } .paragraph--type--text-image.position--right .field--name-field-content .field__item:not(:first-child) { border-top: 1px solid var(--color-blu); padding-top: 40px; } .paragraph--type--text-image.position--right .field--name-field-image { width: 50%; position: relative; } @media (max-width: 767px) { .paragraph--type--text-image.position--right .field--name-field-image { margin: auto; width: 70%; } .paragraph--type--text-image.position--right .field--name-field-image .field--name-field-media-image { height: 50vh; } .paragraph--type--text-image.position--right .field--name-field-image .field--name-field-media-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } @media (min-width: 768px) and (max-width: 1099px) { .paragraph--type--text-image.position--right .field--name-field-image { width: 50%; position: absolute; z-index: -1; right: calc((740px - 100vw + 19px) / 2); } } @media (min-width: 1100px) and (max-width: 1300px) { .paragraph--type--text-image.position--right .field--name-field-image { right: calc((1080px - 100vw + 19px) / 2); } } @media (min-width: 1301px) { .paragraph--type--text-image.position--right .field--name-field-image { right: calc((1280px - 100vw + 19px) / 4); } } .paragraph--type--text-image.position--right .field--name-field-image img { width: 100%; height: 100%; } @media (max-width: 767px) { .paragraph--type--text-image.position--right .field--name-field-text h2 { font-size: 2.1em; } } .paragraph--type--text-image.position--icon { display: grid; grid-template-columns: 1fr 4fr; grid-template-areas: "col1 col2"; margin-bottom: 0; align-items: center; border-bottom: 1px solid #f4f4f4; } @media (max-width: 767px) { .paragraph--type--text-image.position--icon { align-items: start; } } .paragraph--type--text-image.position--icon .field--name-field-content { grid-area: col2; } .paragraph--type--text-image.position--icon .field--name-field-content .paragraph--type--text { margin-top: 60px; } .paragraph--type--text-image.position--icon .field--name-field-image { grid-area: col1; height: 100px; } .paragraph--type--text-image.position--icon .field--name-field-image .field__item { text-align: center; } .paragraph--type--text-image.position--icon .field--name-field-image .field__item img { width: auto; height: 100%; display: inline; margin-top: 0; } @media (max-width: 767px) { .paragraph--type--text-image.position--icon .field--name-field-image .field__item img { margin-right: 20px; } } .paragraph--type--text-image.position--icon h3 { font-family: var(--font-family-light); font-size: 1.6em; line-height: 1.2; text-transform: uppercase; color: var(--color-green); letter-spacing: 0.1em; margin-top: 0; } @media (max-width: 767px) { .paragraph--type--text-image.position--icon h3 { font-size: 1em; } } .candidatura { display: grid; grid-template-columns: 1fr 1fr; gap: 6vw; background-color: var(--color-lgray); padding-top: 80px; padding-bottom: 80px; } @media (max-width: 767px) { .candidatura { display: block; } } .candidatura h5 { font-family: var(--font-family-bold); font-size: 16px; line-height: 1; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-blu); line-height: 1.4; } .candidatura h2 { font-family: var(--font-family-light); font-size: 30px; line-height: 1.4; text-transform: uppercase; color: var(--color-dgray); margin-bottom: 0; } @media (max-width: 767px) { .candidatura h2 { margin-bottom: 30px; } } .candidatura .btn { margin: auto 0 auto auto; } .candidatura div p { text-align: justify; } .candidatura div p:last-child { margin-bottom: 0; } @media (max-width: 767px) { .candidatura { margin-left: -25px; margin-right: -25px; padding-left: 25px; padding-right: 25px; } } @media (min-width: 768px) and (max-width: 1099px) { .candidatura { margin-left: calc((740px - 100vw + 17px) / 2); margin-right: calc((740px - 100vw + 17px) / 2); padding-left: calc((100vw - 740px - 17px) / 2); padding-right: calc((100vw - 740px - 17px) / 2); } } @media (min-width: 1100px) and (max-width: 1300px) { .candidatura { margin-left: calc((1080px - 100vw + 17px) / 2); margin-right: calc((1080px - 100vw + 17px) / 2); padding-left: calc((100vw - 1080px - 17px) / 2); padding-right: calc((100vw - 1080px - 17px) / 2); } } @media (min-width: 1301px) { .candidatura { margin-left: calc((1280px - 100vw + 17px) / 2); margin-right: calc((1280px - 100vw + 17px) / 2); padding-left: calc((100vw - 1280px - 17px) / 2); padding-right: calc((100vw - 1280px - 17px) / 2); } } body.node-63 main.layout-site-main { background-color: #1E1E1E; } body.node-63 .offerte_wrap { padding-bottom: 150px; } body.node-63 .offerte_wrap h2 { color: #ffffff; font-family: var(--font-family-light); line-height: 1.4; text-align: center; text-transform: uppercase; padding: 100px 0; margin: 0; letter-spacing: 0.1em; } @media (max-width: 767px) { body.node-63 .offerte_wrap h2 { margin-top: 0 !important; } } body.node-63 .offerte_wrap .offerte_grid_wrap { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; margin: 0; } @media (max-width: 767px) { body.node-63 .offerte_wrap .offerte_grid_wrap { grid-template-columns: 1fr 1fr; } } @media (min-width: 768px) and (max-width: 999px) { body.node-63 .offerte_wrap .offerte_grid_wrap { grid-template-columns: 1fr 1fr 1fr; } } body.node-63 .offerte_wrap .offerte_grid_wrap a { display: block; margin-left: -1px; margin-bottom: -1px; transform: scale(1); transform-origin: center; position: relative; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } body.node-63 .offerte_wrap .offerte_grid_wrap a img { display: block; margin: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } body.node-63 .offerte_wrap .offerte_grid_wrap a img.logo_partner { position: relative; z-index: 1; } body.node-63 .offerte_wrap .offerte_grid_wrap a img.image_partner { position: absolute; top: 0; left: 0; z-index: 0; opacity: 0; } body.node-63 .offerte_wrap .offerte_grid_wrap a:hover { transform: scale(1.05); z-index: 99; } body.node-63 .offerte_wrap .offerte_grid_wrap a:hover img.image_partner { opacity: 1; } .carriera_boxes_wrap { margin-bottom: 40px; } .carriera_boxes_wrap .row_colonne { display: grid; grid-template-columns: 3fr 4fr; gap: 30px; align-items: center; margin-bottom: 40px; margin-top: 40px; } @media (max-width: 767px) { .carriera_boxes_wrap .row_colonne { display: block; font-size: 1.1em; } } @media (max-width: 767px) { .carriera_boxes_wrap .row_colonne .col1 h2 { font-size: 1.9em; } } @media (min-width: 768px) and (max-width: 999px) { .carriera_boxes_wrap .row_colonne .col1 h2 { font-size: 2.1em; } } @media (min-width: 1000px) and (max-width: 1300px) { .carriera_boxes_wrap .row_colonne .col1 h2 { font-size: 2.5em; } } @media (min-width: 1301px) { .carriera_boxes_wrap .row_colonne .col1 h2 { font-size: 2.5em; } } @media (max-width: 767px) { .carriera_boxes_wrap .row_scroll_crtl { overflow-x: scroll; } } .carriera_boxes_wrap .row_cards { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; } @media (max-width: 767px) { .carriera_boxes_wrap .row_cards { min-width: 850px; } } .carriera_boxes_wrap .row_cards .img_wrap { height: 250px; width: 100%; } .carriera_boxes_wrap .row_cards .img_wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .carriera_boxes_wrap .row_cards .content { height: 180px; width: 100%; padding: 30px; display: flex; align-items: flex-end; background-color: var(--color-lgray); position: relative; } .carriera_boxes_wrap .row_cards .content::after { content: ""; width: 100%; height: 20px; display: block; position: absolute; top: -3px; left: 0; background-image: url(/themes/custom/stellantis/src/img/SEGNO_blu_small.svg); background-size: contain; background-position: bottom center; background-repeat: no-repeat; z-index: 10; pointer-events: none; transform: rotate(180deg); } .carriera_boxes_wrap .row_cards .content a { text-decoration: none; color: var(--color-blu); -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; -ms-transition: all 300ms; transition: all 300ms; } .carriera_boxes_wrap .row_cards .content a:hover { color: var(--color-red); } .carriera_boxes_wrap .row_cards .content h4 { font-family: var(--font-family-light); line-height: 1.4; letter-spacing: 0.1em; text-transform: uppercase; } @media (max-width: 767px) { .carriera_boxes_wrap .row_cards .content h4 { font-size: 16px; } } body.node-72 .paragraph--type--title { margin-bottom: 0; display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 20px; margin-bottom: 20px; } body.node-72 .paragraph--type--title h2 { font-family: var(--font-family-bold); color: var(--color-green); letter-spacing: 0.1em; white-space: nowrap; text-transform: uppercase; } @media (max-width: 767px) { body.node-72 .paragraph--type--title h2 { font-size: 0.8em; } } @media (min-width: 768px) and (max-width: 999px) { body.node-72 .paragraph--type--title h2 { font-size: 0.9em; } } @media (min-width: 1000px) and (max-width: 1300px) { body.node-72 .paragraph--type--title h2 { font-size: 1em; } } @media (min-width: 1301px) { body.node-72 .paragraph--type--title h2 { font-size: 1.3em; } } body.node-72 .paragraph--type--title img { width: 100px; height: 100px; display: block; } @media (max-width: 767px) { body.node-72 .paragraph--type--title img { width: 40px; height: 40px; } } @media (min-width: 768px) and (max-width: 999px) { body.node-72 .paragraph--type--title img { width: 60px; height: 60px; } } @media (min-width: 1000px) and (max-width: 1300px) { body.node-72 .paragraph--type--title img { width: 60px; height: 60px; } } @media (min-width: 1301px) { body.node-72 .paragraph--type--title img { width: 80px; height: 80px; } } body.node-72 .paragraph--type--accordion.version--orizzontale .field--name-field-accordion-items .field__item .paragraph--type--accordion-item .field--name-field-accordion-item-title p { font-family: var(--font-family-bold); font-size: 1em; line-height: 1.4; text-transform: none; color: var(--color-dgray); width: 80%; } body.node-72 .field--name-field-accordion-items { margin-bottom: 60px; } body.node-65 #cresciamo, body.node-65 #valori, body.node-65 #experience { scroll-margin-top: 200px; } body.node-77 main.layout-site-main, body.node-71 main.layout-site-main, body.node-78 main.layout-site-main, body.node-79 main.layout-site-main, body.node-84 main.layout-site-main, body.node-83 main.layout-site-main, body.node-82 main.layout-site-main, body.node-81 main.layout-site-main { padding-top: 60px; } body.node-79 main.layout-site-main { padding-bottom: 60px; } body.path-frontpage main.layout-site-main { display: block; } body.path-frontpage main.layout-site-main a#main-content { display: none; } @media (max-width: 999px) { body #home_hero { margin-top: 50px; } } body.gin--horizontal-toolbar #home_hero { margin-top: 0; } body.path-frontpage .view-empty { display: none; } body.path-frontpage #home_hero { position: relative; margin-bottom: 10vh; } @media (max-width: 767px) { body.path-frontpage #home_hero li.glide__slide { height: 50vh; display: block; } body.path-frontpage #home_hero li.glide__slide img { object-fit: cover; width: auto; height: 100%; } } @media (min-width: 768px) and (max-width: 1099px) { body.path-frontpage #home_hero { height: 45vh; } } @media (min-width: 1100px) and (max-width: 1300px) { body.path-frontpage #home_hero { height: 70vh; } body.path-frontpage #home_hero li.glide__slide h1 { font-size: 5vw !important; } } @media (min-width: 1301px) { body.path-frontpage #home_hero { height: 70vh; } } body.path-frontpage #home_hero::after { content: ""; width: 100%; height: 100%; display: block; position: absolute; bottom: 0; right: 0; background-image: url("/themes/custom/stellantis/src/img/PATTERN_blu.svg"); background-size: contain; background-position: bottom right; background-repeat: no-repeat; z-index: 10; pointer-events: none; } @media (max-width: 767px) { body.path-frontpage #home_hero::after { width: 70%; height: 70%; } } body.path-frontpage #home_hero > svg { position: absolute; } @media (max-width: 767px) { body.path-frontpage #home_hero > svg { width: 140px; bottom: -48px; left: calc(50% - 70px); z-index: 999; } } @media (min-width: 768px) and (max-width: 1099px) { body.path-frontpage #home_hero > svg { width: 150px; top: calc(45vh - 29px); left: calc(50% - 75px); z-index: 999; } } @media (min-width: 1100px) and (max-width: 1300px) { body.path-frontpage #home_hero > svg { width: 200px; top: calc(70vh - 27px); left: calc(50% - 100px); z-index: 999; } } @media (min-width: 1301px) { body.path-frontpage #home_hero > svg { width: 200px; top: calc(70vh - 27px); left: calc(50% - 100px); z-index: 999; } } body.path-frontpage #home_hero .glide_hero, body.path-frontpage #home_hero .glide__track, body.path-frontpage #home_hero .glide__slides, body.path-frontpage #home_hero .glide__slide { height: 100%; } body.path-frontpage #home_hero li.glide__slide { position: relative; } body.path-frontpage #home_hero li.glide__slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; } body.path-frontpage #home_hero li.glide__slide h1 { position: absolute; z-index: 2; top: 10vw; font-size: 7vw; font-family: var(--font-family-bold); } @media (max-width: 767px) { body.path-frontpage #home_hero li.glide__slide h1 { font-size: 10vw; left: 25px; } } @media (min-width: 768px) and (max-width: 1099px) { body.path-frontpage #home_hero li.glide__slide h1 { left: calc((100vw - 740px + 9px) / 2); } } @media (min-width: 1100px) and (max-width: 1300px) { body.path-frontpage #home_hero li.glide__slide h1 { left: calc((100vw - 1080px + 9px) / 2); } } @media (min-width: 1301px) { body.path-frontpage #home_hero li.glide__slide h1 { left: calc((100vw - 1280px + 9px) / 2); font-size: 5vw; } } body.path-frontpage #home_hero li.glide__slide h1 span.before_title { display: block; font-size: 70%; color: #fff !important; font-family: var(--font-family-base); } body.path-frontpage #home_hero li.glide__slide h1 span.after_title { display: block; font-size: 50%; color: #fff !important; font-family: var(--font-family-base); } body.path-frontpage .two_col { display: grid; grid-template-columns: 3fr 2fr; margin-bottom: 10vh; } @media (max-width: 767px) { body.path-frontpage .two_col { display: block; } } body.path-frontpage .two_col p { text-align: justify; } @media (max-width: 767px) { body.path-frontpage .two_col p { text-align: left; } } body.path-frontpage .two_col p strong { display: block; margin-bottom: 10px; } body.path-frontpage .two_col h4, body.path-frontpage .two_col h2 { margin: 0; font-family: var(--font-family-); line-height: 1.2; text-transform: uppercase; max-width: 90%; } @media (max-width: 767px) { body.path-frontpage .two_col h4, body.path-frontpage .two_col h2 { font-size: 1.8em; max-width: 100%; margin-bottom: 40px; } } @media (min-width: 768px) and (max-width: 1099px) { body.path-frontpage .two_col h4, body.path-frontpage .two_col h2 { font-size: 1.9em; } } @media (min-width: 1100px) and (max-width: 1300px) { body.path-frontpage .two_col h4, body.path-frontpage .two_col h2 { font-size: 2em; } } @media (min-width: 1301px) { body.path-frontpage .two_col h4, body.path-frontpage .two_col h2 { font-size: 2.1em; } } body.path-frontpage .two_col h4 { margin-bottom: 10px; max-width: 80%; font-family: var(--font-family-light); } @media (max-width: 767px) { body.path-frontpage .two_col h4 { font-size: 1.2em; max-width: 100%; margin-bottom: 10px; } } @media (min-width: 768px) and (max-width: 1099px) { body.path-frontpage .two_col h4 { font-size: 1.3em; } } @media (min-width: 1100px) and (max-width: 1300px) { body.path-frontpage .two_col h4 { font-size: 1.4em; } } @media (min-width: 1301px) { body.path-frontpage .two_col h4 { font-size: 1.5em; } } body.path-frontpage .row_multi_slider { display: flex; margin-bottom: 10vh; } @media (max-width: 767px) { body.path-frontpage .row_multi_slider { display: flex; flex-direction: column-reverse; } } @media (min-width: 768px) and (max-width: 959px) { body.path-frontpage .row_multi_slider { display: flex; flex-direction: column-reverse; } } body.path-frontpage .row_multi_slider .col { position: relative; } @media (max-width: 767px) { body.path-frontpage .row_multi_slider .col { width: 100% !important; } } @media (min-width: 768px) and (max-width: 959px) { body.path-frontpage .row_multi_slider .col { width: 100% !important; } } body.path-frontpage .row_multi_slider .col:first-of-type { position: relative; z-index: 10; width: 60%; } @media (max-width: 767px) { body.path-frontpage .row_multi_slider .col:first-of-type { padding-left: 25px; } } @media (min-width: 768px) and (max-width: 1099px) { body.path-frontpage .row_multi_slider .col:first-of-type { padding-left: calc((100vw + 19px - 740px) / 2); } } @media (min-width: 1100px) and (max-width: 1300px) { body.path-frontpage .row_multi_slider .col:first-of-type { padding-left: calc((100vw + 19px - 1080px) / 2); } } @media (min-width: 1301px) { body.path-frontpage .row_multi_slider .col:first-of-type { padding-left: calc((100vw + 19px - 1280px) / 2); } } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_names { margin-bottom: 30px; } @media (max-width: 767px) { body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_names .item-list { overflow-x: scroll; } } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_names .item-list ul { margin: 0; background-color: var(--color-lgray); border-radius: 50vh; display: flex; width: fit-content; } @media (max-width: 767px) { body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_names .item-list ul { background-color: #fff; } } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_names .item-list ul li { margin: 0; cursor: pointer; } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_names .item-list ul li:first-child .field-content { margin-left: 0; } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_names .item-list ul li:last-child .field-content { margin-right: 0; } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_names .item-list ul li .field-content { letter-spacing: 0.1em; text-transform: uppercase; font-family: var(--font-family-bold); color: var(--color-red); line-height: 1; font-size: 14px; display: block; padding: 15px 30px; border-radius: 50vh; white-space: nowrap; margin: 0 2.5px; } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_names .item-list ul li .field-content.active { background-color: var(--color-red); color: #fff; } @media (max-width: 767px) { body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_names .item-list ul li .field-content { font-size: 9px; padding: 8px 10px; } } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; z-index: -1; } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider.active { opacity: 1; position: relative; z-index: 1; } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider .glide { width: 100%; /*@media (min-width:1301px) { width:72.5%; @keyframes dynamic_width { 0%{ width:72.5%; } 100%{ width:100%; } } animation: dynamic_width 1s ease-in-out forwards; }*/ } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider ul.glide__slides { margin: 0 0 20px 0; } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider .glide__slide img { display: block; height: 350px; width: 100%; object-fit: cover; object-position: center; } @media (max-width: 767px) { body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider .glide__slide img { height: 50vw; } } @media (min-width: 768px) and (max-width: 1099px) { body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider .glide__slide img { height: 30vw; } } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider .glide__slide .views-field-title span.field-content { display: block; background-color: var(--color-blu); padding: 30px 20px; height: 150px; display: flex; align-items: flex-end; } @media (max-width: 767px) { body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider .glide__slide .views-field-title span.field-content { height: 20vw; padding: 15px 20px; } } @media (min-width: 768px) and (max-width: 1099px) { body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider .glide__slide .views-field-title span.field-content { height: 15vw; padding: 15px 20px; } } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider .glide__slide .views-field-title span.field-content::after { content: ""; width: 100%; height: 20px; display: block; position: absolute; top: -17px; left: 0; background-image: url(/themes/custom/stellantis/src/img/SEGNO_blu_small.svg); background-size: contain; background-position: bottom center; background-repeat: no-repeat; z-index: 10; pointer-events: none; } @media (max-width: 767px) { body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider .glide__slide .views-field-title span.field-content::after { top: -17px; } } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider .glide__slide .views-field-title span.field-content a { display: block; color: #fff; text-transform: uppercase; line-height: 1.25; font-family: var(--font-family-light); letter-spacing: 0.1em; } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider .glide__slide .views-field-title span.field-content a:hover { color: var(--color-red); } @media (max-width: 767px) { body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider .glide__slide .views-field-title span.field-content a { font-size: 12px; } } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider .glide__bullets { position: relative; z-index: 2; bottom: 0; left: 50%; display: none; list-style: none; transform: translateX(-50%); } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider .glide__bullets .glide__bullet { background-color: var(--color-blu); } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider .glide__bullets .glide__bullet--active { background-color: var(--color-red); } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider .glide__arrows { display: flex; gap: 20px; } body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider .glide__arrows .glide__arrow { position: static; padding: 0; border: 0; box-shadow: none; position: static; transform: translateY(0); } @media (max-width: 767px) { body.path-frontpage .row_multi_slider .col:first-of-type .product_cat_slider .glide__arrows .glide__arrow svg { width: 60px; height: 60px; } } body.path-frontpage .row_multi_slider .col:last-of-type { background-color: var(--color-lgray); padding: 10%; width: 40%; } body.path-frontpage .row_multi_slider .col:last-of-type::after { content: ""; display: block; width: 30px; height: 100%; position: absolute; top: 0; left: -30px; background-color: var(--color-lgray); } body.path-frontpage .row_multi_slider .col:last-of-type .views-field-title a { font-family: var(--font-family-bold); color: var(--color-blu); line-height: 1.75em; letter-spacing: 0.1em; text-transform: uppercase; } body.path-frontpage .row_multi_slider .col:last-of-type h3 { font-family: var(--font-family-light); line-height: 30px; text-transform: uppercase; margin-bottom: 40px; } @media (max-width: 767px) { body.path-frontpage .row_multi_slider .col:last-of-type { padding-right: 25px; padding-left: 25px; padding-bottom: 40%; margin-bottom: -33%; padding-top: 10vh; } } @media (min-width: 768px) and (max-width: 959px) { body.path-frontpage .row_multi_slider .col:last-of-type { padding-right: calc((100vw + 19px - 740px) / 2); padding-left: calc((100vw + 19px - 740px) / 2); padding-bottom: 20%; margin-bottom: -15%; } } @media (min-width: 960px) and (max-width: 1099px) { body.path-frontpage .row_multi_slider .col:last-of-type { padding-right: calc((100vw + 19px - 740px) / 2); padding-left: 6vw; } } @media (min-width: 1100px) and (max-width: 1300px) { body.path-frontpage .row_multi_slider .col:last-of-type { padding-right: calc((100vw + 19px - 1080px) / 2); padding-left: 6vw; } } @media (min-width: 1301px) { body.path-frontpage .row_multi_slider .col:last-of-type { padding-right: calc((100vw + 19px - 1280px) / 2); padding-left: 6vw; } } @media (min-width: 960px) { body.path-frontpage .row_multi_slider.direction_sx { flex-direction: row-reverse; } } @media (min-width: 960px) and (min-width: 960px) and (max-width: 1099px) { body.path-frontpage .row_multi_slider.direction_sx .col:first-of-type { padding-left: 0; padding-right: calc((100vw + 19px - 740px) / 2); } } @media (min-width: 960px) and (min-width: 1100px) and (max-width: 1300px) { body.path-frontpage .row_multi_slider.direction_sx .col:first-of-type { padding-left: 0; padding-right: calc((100vw + 19px - 1080px) / 2); } } @media (min-width: 960px) and (min-width: 1301px) { body.path-frontpage .row_multi_slider.direction_sx .col:first-of-type { padding-left: 0; padding-right: calc((100vw + 19px - 1280px) / 2); } } @media (min-width: 960px) { body.path-frontpage .row_multi_slider.direction_sx .col:first-of-type .product_cat_slider .glide__arrows { justify-content: flex-end; } } @media (min-width: 960px) { body.path-frontpage .row_multi_slider.direction_sx .col:first-of-type .product_cat_names .item-list { display: flex; justify-content: flex-end; } } @media (min-width: 960px) { body.path-frontpage .row_multi_slider.direction_sx .col:last-of-type::after { left: auto; right: -30px; } } @media (min-width: 960px) and (min-width: 960px) and (max-width: 1099px) { body.path-frontpage .row_multi_slider.direction_sx .col:last-of-type { padding-right: 6vw; padding-left: calc((100vw + 19px - 740px) / 2); } } @media (min-width: 960px) and (min-width: 1100px) and (max-width: 1300px) { body.path-frontpage .row_multi_slider.direction_sx .col:last-of-type { padding-right: 6vw; padding-left: calc((100vw + 19px - 1080px) / 2); } } @media (min-width: 960px) and (min-width: 1301px) { body.path-frontpage .row_multi_slider.direction_sx .col:last-of-type { padding-right: 6vw; padding-left: calc((100vw + 19px - 1280px) / 2); } } @media (min-width: 960px) { body.path-frontpage .row_multi_slider#section_servizi_assicurazioni { margin-bottom: 0; } } @media (min-width: 960px) { body.path-frontpage .row_multi_slider#section_servizi_assicurazioni .col:last-of-type { padding-bottom: 300px !important; } } body.path-frontpage .product_cat_slider ul.glide__slides { flex-direction: row-reverse; justify-content: flex-end; } body.path-frontpage .product_cat_slider ul.glide__slides li.glide__slide { margin-right: 5px !important; margin-left: 5px; } body.path-frontpage .product_cat_slider#per_auto ul.glide__slides { flex-direction: row; justify-content: flex-start; } body.path-frontpage .product_cat_slider#per_auto ul.glide__slides li.glide__slide:nth-child(1) { order: 7; } body.path-frontpage .product_cat_slider#per_auto ul.glide__slides li.glide__slide:nth-child(2) { order: 6; } body.path-frontpage .product_cat_slider#per_auto ul.glide__slides li.glide__slide:nth-child(3) { order: 5; } body.path-frontpage .product_cat_slider#per_auto ul.glide__slides li.glide__slide:nth-child(4) { order: 4; } body.path-frontpage .product_cat_slider#per_auto ul.glide__slides li.glide__slide:nth-child(5) { order: 2; } body.path-frontpage .product_cat_slider#per_auto ul.glide__slides li.glide__slide:nth-child(6) { order: 3; } body.path-frontpage .product_cat_slider#per_auto ul.glide__slides li.glide__slide:nth-child(7) { order: 1; } body.path-frontpage .product_cat_slider#clienti_aziende ul.glide__slides { flex-direction: row; justify-content: flex-start; } /*# sourceMappingURL=styles.css.map */