@font-face {
    font-family: 'Encode Sans';
    src: url('/themes/stellantis/fonts/EncodeSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('/themes/stellantis/fonts/EncodeSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('/themes/stellantis/fonts/EncodeSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('/themes/stellantis/fonts/EncodeSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('/themes/stellantis/fonts/EncodeSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('/themes/stellantis/fonts/EncodeSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('/themes/stellantis/fonts/EncodeSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Encode Sans';
    src: url('/themes/stellantis/fonts/EncodeSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

*:not(ul):not(ol) {
    padding: 0;
    margin: 0;
    box-sizing: border-box !important;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.text-formatted,.field--type-text-long, .form-type-processed-text {
    ul {
        padding-left: 12px;
        list-style: none;

        li {
            margin: 0 0 8px 0;
            padding: 0;
            padding-left: 8px;

            p {
                display: inline;
            }

            &::before {
                display: inline;
                width: 12px;
                height: 12px;
                margin-left: -20px;
                margin-right: 8px;
                content: url("../../images/icons/ul-check.svg");
            }
        }
    }

    ol {
        margin-top: 24px;
        padding-left: 22px;
        list-style: none;

        li {
            margin: 0 0 28px 0;

            @media(max-width: 991px) {
                margin: 0 0 16px 0;
                font-size: var(--font-size-16);
            }

            padding: 0;
            padding-left: 8px;
            position: relative;

            p {
                display: inline;
            }

            &::after {
                position: absolute;
                left: -22px;
                top: 1px;
                content: url("../../images/icons/ol-marker.svg");
                display: block;
                width: 20px;
                height: 20px;
                border-radius: 100%;
            }

            &:has(strong),
            &:has(b) {
                color: var(--color-blue-2);

                &::after {
                    -webkit-box-shadow: 0px 0px 0px 3px rgba(36, 55, 130, 0.44);
                    -moz-box-shadow: 0px 0px 0px 3px rgba(36, 55, 130, 0.44);
                    box-shadow: 0px 0px 0px 3px rgba(36, 55, 130, 0.44);
                }
            }
        }
    }
}

main {
    padding-top: calc(124px + 0px) !important;
}

:root {
    /* Drupal */
    --drupal-displace-offset-top: 0px;

    /* Font */
    --main-font: "Encode Sans", sans-serif;

    --blue-2-filter: brightness(0) saturate(100%) invert(19%) sepia(28%) saturate(4864%) hue-rotate(217deg) brightness(82%) contrast(92%);
    /* Blue */
    --color-blue-1: #8395DD;
    --color-blue-2: rgb(36, 55, 130);
    --color-blue-3: #0E2069;

    /* Orange */
    --color-orange-0: #FFCEBA;
    --color-orange-1: #F39671;
    --color-orange-2: #E94E24;
    --color-orange-3: #E42313;
    --color-orange-4: #AC1104;

    /* Gray */
    --color-gray-0: #FFFFFF;
    --color-gray-1: #F3F4F6;
    --color-gray-2: #DCDEE4;
    --color-gray-3: #A3A8B8;
    --color-gray-4: #6A728A;
    --color-gray-5: #545B6E;
    --color-gray-6: #404554;
    --color-gray-7: #282B34;
    --color-gray-8: #1B1D23;
    --color-gray-9: #14151A;
    --color-gray-10: #090A0C;
    --color-gray-11: #C4C7D4;
    --color-gray-12: #F1F1F4;

    /* Border */
    --color-border-1: #EBEBEB;
    --color-border-2: #dadada;
    --color-border-3: #DCDEE4;
    /* Fonts */
    --base-font-size: 16;
    --font-size-12: calc(calc(12 / var(--base-font-size) * 1rem));
    --font-size-13: calc(calc(13 / var(--base-font-size) * 1rem));
    --font-size-14: calc(calc(14 / var(--base-font-size) * 1rem));
    --font-size-16: calc(calc(16 / var(--base-font-size) * 1rem));
    --font-size-18: calc(calc(18 / var(--base-font-size) * 1rem));
    --font-size-20: calc(calc(20 / var(--base-font-size) * 1rem));
    --font-size-22: calc(calc(22 / var(--base-font-size) * 1rem));
    --font-size-24: calc(calc(24 / var(--base-font-size) * 1rem));
    --font-size-26: calc(calc(26 / var(--base-font-size) * 1rem));
    --font-size-28: calc(calc(28 / var(--base-font-size) * 1rem));
    --font-size-32: calc(calc(32 / var(--base-font-size) * 1rem));
    --font-size-34: calc(calc(34 / var(--base-font-size) * 1rem));
    --font-size-36: calc(calc(36 / var(--base-font-size) * 1rem));
    --font-size-38: calc(calc(38 / var(--base-font-size) * 1rem));
    --font-size-40: calc(calc(40 / var(--base-font-size) * 1rem));
    --font-size-48: calc(calc(48 / var(--base-font-size) * 1rem));
    --font-size-64: calc(calc(64 / var(--base-font-size) * 1rem));

    /* Font Size */
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

    /* Breakpoints */
    /* --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-2xl: 1370px;
    --breakpoint-3xl: 1600px; */

    --grid-padding: 80px;
    --section-padding: 40px;

    @media(max-width: 991px) {
        --grid-padding: 40px;
    }

    @media(max-width: 768px) {
        --grid-padding: 20px;
        --section-padding: 20px;
    }
}

html {
    font-family: var(--main-font);
    font-size: var(--base-font-size);
    color: var(--color-gray-10);
    scroll-behavior: smooth;
    scroll-padding-top: calc(130px + var(--drupal-displace-offset-top)) !important;

    main {
        max-width: 100%;
        overflow: hidden;
    }

}

* img {
    max-width: 100%;
    height: auto;
}

/* Blue */
.text-orange {
    color: var(--color-orange-2);
}

.text-blue-1 {
    color: var(--color-blue-1);
}

.text-blue-2 {
    color: var(--color-blue-2);
}

.text-blue-3 {
    color: var(--color-blue-3);
}

/* Orange */
.text-orange-1 {
    color: var(--color-orange-1);
}

.text-orange-2 {
    color: var(--color-orange-2);
}

.text-orange-3 {
    color: var(--color-orange-3);
}

.text-orange-4 {
    color: var(--color-orange-4);
}

/* Gray */
.text-gray-0 {
    color: var(--color-gray-0);
}

.text-gray-1 {
    color: var(--color-gray-1);
}

.text-gray-2 {
    color: var(--color-gray-2);
}

.text-gray-3 {
    color: var(--color-gray-3);
}

.text-gray-4 {
    color: var(--color-gray-4);
}

.text-gray-5 {
    color: var(--color-gray-5);
}

.text-gray-6 {
    color: var(--color-gray-6);
}

.text-gray-7 {
    color: var(--color-gray-7);
}

.text-gray-8 {
    color: var(--color-gray-8);
}

.text-gray-9 {
    color: var(--color-gray-9);
}

.text-gray-10 {
    color: var(--color-gray-10);
}

.text-gray-11 {
    color: var(--color-gray-11);
}

.text-gray-12 {
    color: var(--color-gray-12);
}

.hide {
    display: none;
}

/*

h3,
h1,
h2,
h4,
h5,
h6 {
    font-size: var(--font-size-26);
}

p,
span {
    font-size: var(--font-size-16);
}
    
*/

.text-formatted {
    position: relative;
    z-index: 1;

    h1, .h1,
    h2, .h2,
    h3, .h3 {
        font-size: var(--font-size-36);
        margin-bottom: var(--font-size-16);
        color: var(--color-blue-2);
        line-height: 1.3;
    }

    p,
    h4, .h4,
    h5, .h5,
    h6, .h6 {
        margin: 0 0 var(--font-size-16) 0;
        font-size: var(--font-size-16);
        color: var(--color-gray-7);
        line-height: 1.5;
    }

    >*:last-child {
        margin-bottom: 0;
    }

    @media(max-width: 991px) {

        h1, .h1,
        h2, .h2,
        h3, .h3 {
            font-size: var(--font-size-28);
        }
    }

    @media(max-width: 768px) {

        h1, .h1,
        h2, .h2,
        h3, .h3 {
            font-size: var(--font-size-24);
        }
    }

}

.field--name-field-links {
    display: flex;
    align-items: center;
    gap: 16px;
}

.messages__list {
    position: relative;
    z-index: 1;
}

p.small {
    font-weight: var(--font-light);
}

p.large {
  font-weight: var(--font-semibold);
  font-size: var(--font-size-20);
}

p.extralarge {
  font-weight: var(--font-semibold);
  font-size: var(--font-size-24);
}

.orange {
    color: var(--color-orange-2);
}

.nocrop > .field__item > img {
  object-fit: contain !important;  
}

video:not(ul):not(ol) {
  max-width: 100%;
  max-height: 95vh;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}

table td p:last-child {
  margin-bottom: 0px;
}

table.bordered,
table.bordered td {
  border: 1px solid var(--color-blue-1);
  border-collapse: collapse;
}
table.bordered td {
  padding: 1rem;
}

fieldset {
  border: none;
}