@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap'); /* @tailwind base; @tailwind components; @tailwind utilities; */ html { scroll-behavior: smooth; } /* @view-transition { navigation: auto; } ::view-transition-old(root), ::view-transition-new(root) { animation: fade 0.7s ease-out; } @keyframes fade { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } */ :where(.wp-site-blocks) > * { margin-block-start: 0; margin-block-end: 0; } @media screen and (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: 'Inter', sans-serif; color: #18375c; /* Coupes de ligne plus naturelles ; nécessite lang="fr" sur (géré par WP) */ /* text-wrap: pretty; hyphens: auto; hyphenate-limit-chars: 6 4 4; overflow-wrap: normal; word-break: normal; */ } h1, h2, h3, h4, h5, h6 { font-family: 'Space Grotesk', sans-serif; font-weight: 400; line-height: 1.1; hyphens: none; /* text-wrap: balance; */ } .entry-content ul li { list-style: square; } .entry-content ul li::marker { color: var(--wp--preset--color--primary); /* font-size: 28px; line-height: 1; */ } /* Texte réservé aux lecteurs d’écran */ .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } main{ padding-left: 0.75rem; padding-right: 0.75rem; } @media (min-width: 782px){ main{ padding-left: 1.5rem; padding-right: 1.5rem; } } .wp-site-blocks { overflow-x: hidden; } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: 'Inter', sans-serif; color: #18375c; } h1, h2, h3, h4, h5, h6 { font-family: 'Space Grotesk', sans-serif; font-weight: 400; line-height: 1.1; } .space-grotesk { font-family: 'Space Grotesk', sans-serif; } .inter { font-family: 'Inter', sans-serif; } body, .editor-styles-wrapper { --wp--preset--font-family--inter: 'Inter', sans-serif; --wp--preset--font-family--primary: 'Inter', sans-serif; --wp--preset--font-family--space-grotesk: 'Space Grotesk', sans-serif; --wp--preset--font-family--secondary: 'Space Grotesk', sans-serif; } /* * { background-color: red; } */ strong { font-weight: 700; } /* Boutons PHP (hors Gutenberg) — mêmes variantes que core/button */ .button{ display: block; width: -moz-fit-content; width: fit-content; cursor: pointer; border-radius: 0px; border-style: none; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; text-align: center; text-decoration-line: none; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); font-family: 'Inter', sans-serif; font-size: var(--wp--preset--font-size--small); line-height: 1.875rem; /* 166.667% */ } .button--primary{ --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .button--primary[aria-selected='true']{ position: relative; display: flex; align-items: center; justify-content: space-between; font-weight: 600; } .button--primary[aria-selected='true']:after { content: ''; top: 50%; right: 1.5rem; display: block; height: 1rem; width: 1rem; flex-shrink: 0; background-color: rgba(225, 254, 205, 1); } .button--secondary{ background-color: rgba(225, 254, 205, 1); --tw-text-opacity: 1; color: rgb(24 55 92 / var(--tw-text-opacity, 1)); } .button--primary.button--inactive:not(:hover){ background-color: rgba(238, 243, 254, 1); --tw-text-opacity: 1; color: rgb(179 195 218 / var(--tw-text-opacity, 1)); } .button--arrowed{ position: relative; padding-left: 1.5rem; padding-right: 3rem; } .button--arrowed::after{ position: absolute; top: 50%; right: 1.5rem; display: block; height: 0.75rem; width: 0.75rem; transition: transform 0.3s ease-in-out; transform: translateY(calc(-50% + 1px)); content: ''; background-color: currentColor; -webkit-mask-image: url('../images/icons/arrow-right-white.svg?color=white'); mask-image: url('../images/icons/arrow-right-white.svg?color=white'); mask-size: contain; mask-repeat: no-repeat; mask-position: center; -webkit-mask-image: url('../images/icons/arrow-right-white.svg'); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } .button--arrowed:hover::after { transform: translateY(calc(-50% + 1px)) translateX(3px); } .entry-content table{ width: 100%; border-style: none; } .entry-content table thead { border: none !important; } .entry-content table thead th{ font-weight: 600; } .entry-content table th, .entry-content table td{ padding-top: 1rem !important; padding-bottom: 1rem !important; } .entry-content table th { border: none !important; } .entry-content table td { border-inline: none !important; border: transparent; border-top: 1px solid var(--wp--preset--color--primary); } .entry-content table th{ background-color: rgba(225, 254, 205, 1); --tw-text-opacity: 1; color: rgb(24 55 92 / var(--tw-text-opacity, 1)); } .entry-content tbody th{ background-color: transparent; --tw-text-opacity: 1; color: rgb(24 55 92 / var(--tw-text-opacity, 1)); } .entry-content tbody tr:has(th) + tr > td:first-child { } @media (max-width: 768px) { .entry-content tbody tr > td:first-child { font-weight: 700; border-top: none } } /* @apply px-4 md:px-12; */ /* Standard table styling, change as desired */ figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) table { border-collapse: collapse; border-spacing: 0; } /* Responsive table styling */ /* .responsive-table { margin-bottom: 0; width: 100%; } */ figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) thead { border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 1px; } figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) tbody tr { display: block; } @media (min-width: 782px) { figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) tbody tr { margin-bottom: 1.5em } } figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) tbody tr td{ display: grid; } @media (min-width: 782px){ figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) tbody tr td{ display: table-cell; } } figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) tbody tr td { grid-template-columns: minmax(0, 42%) minmax(0, 1fr); align-items: start; gap: 1rem; min-width: 1px; } /* Colonne label (1re) : pas de grille métier / valeur */ figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) tbody tr td:first-child{ display: block; } @media (min-width: 782px){ figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) tbody tr td:first-child{ display: table-cell; } } figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) .responsive-table__heading { text-align: left; } /* Masquer ce qui ne doit pas apparaître en mobile (ajustez au besoin) */ figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) .responsive-table__heading .tag-diminutif-metier, figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) .responsive-table__heading .screen-reader-text, figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) .responsive-table__heading [hidden] { display: none !important; } figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) .responsive-table__value { text-align: right; min-width: 0; /* autorise le wrap dans la 2e colonne */ } @media (max-width: 768px) { figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) tbody tr td:last-child { border-bottom: 0; } figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) tbody tr:has(th) { width: 100%; --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) tbody tr:has(th) th{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } } @media (min-width: 769px) { figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) thead { clip: auto; clip-path: none; display: table-header-group; height: auto; overflow: auto; position: relative; width: auto; } figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) tbody tr { display: table-row; } figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) tbody tr td { display: table-cell; text-align: left; } figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) .responsive-table__heading { display: none; } } figure.wp-block-table:is( .responsive-table, .is-style-responsive-table, .is-style-responsive-filter-table ) tbody tr[hidden] { display: none !important; } figure.wp-block-table.is-style-responsive-filter-table .responsive-table__filters{ margin-bottom: 1.5rem; display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; } figure.wp-block-table.is-style-responsive-filter-table .responsive-table__filters-label{ margin: 0px; margin-right: 0.5rem; font-weight: 500; width: 100%; flex-basis: 100%; } figure.wp-block-table.is-style-responsive-filter-table .responsive-table__filter{ cursor: pointer; border-style: none; padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: left; font-size: var(--wp--preset--font-size--small); } figure.wp-block-table.is-style-responsive-filter-table .responsive-table__filter[aria-pressed='true']{ --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); opacity: 1; } figure.wp-block-table.is-style-responsive-filter-table .responsive-table__filter[aria-pressed='false']{ background-color: rgba(238, 243, 254, 1); opacity: 1; color: color-mix(in srgb, #18375C 70%, transparent); } figure.wp-block-table.is-style-responsive-filter-table .responsive-table__filter[aria-pressed='false']:hover{ --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); opacity: 1; color: white; } form:has(.gform-body) { --gf-color-primary: var(--wp--preset--color--primary); --gf-ctrl-label-color-primary: var(--wp--preset--color--primary); --gf-font-size-primary: 3rem; --gf-ctrl-label-font-size-primary: 1rem; --gf-ctrl-shadow: none; /* --gf-ctrl-border-color: var(--wp--preset--color--primary); */ --gf-ctrl-border-color: color-mix( in srgb, var(--wp--preset--color--primary) 40%, transparent ); --gf-ctrl-placeholder-color: color-mix( in srgb, var(--wp--preset--color--primary) 50%, transparent ); --gf-ctrl-radius: 0; --gf-radius: 0; --gf-ctrl-label-font-size-req: 0.75rem; /* Flèche native GF = background-image (var --gf-ctrl-select-icon). Un url() relatif dans cette variable est résolu contre le CSS de GF, pas contre le thème → 404. Data URI uniquement. */ --gf-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2318375C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --gf-ctrl-select-icon: var(--gf-select-chevron), linear-gradient( var(--wp--preset--color--secondary), var(--wp--preset--color--secondary) ); --gf-ctrl-select-icon-hover: var(--gf-ctrl-select-icon); --gf-ctrl-select-icon-focus: var(--gf-ctrl-select-icon); --gf-ctrl-select-icon-position: right 0.875rem center, right center; --gf-ctrl-select-icon-size: 12px 8px, 2.5rem 100%; } form:has(.gform-body) select:not([multiple]) { padding-inline-end: 3.25rem; } form:has(.gform-body) fieldset legend{ display: flex !important; width: 100%; justify-content: space-between; } form:has(.gform-body) .ginput_container_select{ position: relative; } form:has(.gform-body) .ginput_container_select::after { content: ''; background-repeat: no-repeat; background-position: center; background-color: var(--wp--preset--color--secondary); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2318375C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); transform-origin: center; transition: rotate 0.4s ease; pointer-events: none; position: absolute; right: 0px; top: 0px; bottom: 0px; width: 2.5rem; background-color: rgba(225, 254, 205, 1); } form:has(.gform-body) .ginput_container_select:has(select:open)::after { rotate: 180deg; } form:has(.gform-body) select:has(> option.gf_placeholder:checked) { color: var(--gf-ctrl-placeholder-color); } form:has(.gform-body) select option:not(.gf_placeholder) { color: var(--wp--preset--color--primary); } form:has(.gform-body) label.gfield_label{ font-weight: 600; } /* @apply text-primary font-bold; */ form:has(.gform-body) label.gfield_label:has(.gfield_required){ display: flex; justify-content: space-between; } form:has(.gform-body) label.gfield_label .gfield_required { color: var(--wp--preset--color--primary); font-size: 0.75rem; line-height: 1rem; font-weight: 400; } .gform_required_legend{ font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; color: color-mix(in srgb, var(--wp--preset--color--primary) 50%, transparent); } .gform_required_legend .gfield_required{ padding-bottom: 2rem; font-weight: 500; --tw-text-opacity: 1 !important; color: rgb(24 55 92 / var(--tw-text-opacity, 1)) !important; } .gform_heading{ padding-bottom: 1.5rem !important; } .gfield_required{ font-weight: 500 !important; --tw-text-opacity: 1 !important; color: rgb(24 55 92 / var(--tw-text-opacity, 1)) !important; } .site-header{ flex-wrap: nowrap; align-items: center; padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } @media (min-width: 782px){ .site-header{ padding-left: 1.5rem; padding-right: 1.5rem; } } .site-header a{ font-weight: 400; text-decoration-line: none; text-underline-offset: 8px; } .site-header a:hover{ text-decoration-line: underline; } .site-header .wp-block-site-logo{ flex-shrink: 0; } .wp-block-navigation{ margin-top: 0px; margin-left: auto; -moz-column-gap: 0px; column-gap: 0px; row-gap: 0px; } @media (min-width: 1280px){ .wp-block-navigation{ -moz-column-gap: 0.5rem; column-gap: 0.5rem; } } .wp-block-navigation li{ order: 1; font-weight: 400; } .wp-block-navigation li > a, .wp-block-navigation li button.navigation-item-with-submenu__submenu-toggle{ padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.5rem; padding-right: 0.5rem; } .wp-block-navigation li a[aria-current='page']{ font-weight: 500; text-decoration-line: underline; } .wp-block-navigation li:hover:not(:has(ul)) a{ text-underline-offset: 8px; } .wp-block-navigation li:hover:not(:has(ul)) a:hover{ text-decoration-line: underline; } .wp-block-navigation li:has(a[href*='/faq/']){ order: 2; } @media (min-width: 960px){ .wp-block-navigation li:has(a[href*='/faq/']){ order: 1; margin-bottom: 0.5rem; } } .wp-block-navigation li:has(a[href*='/faq/']) { width: 100%; align-items: flex-end; margin-left: auto; align-self: flex-end; justify-self: flex-end; justify-content: flex-end; border: none !important; } .wp-block-navigation li:has(a[href*='/faq/']) > a{ padding-top: 0.5rem !important; } .wp-block-navigation li:has(a[href*='/comparateur-des-metiers/']) a{ display: block; background-color: rgba(225, 254, 205, 1); } @media (min-width: 960px){ .wp-block-navigation li:has(a[href*='/comparateur-des-metiers/']) a{ padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; } } .wp-block-navigation li:has(a[href*='/comparateur-des-metiers/']) a{ position: relative; display: flex; align-items: center; -moz-column-gap: 0.5rem; column-gap: 0.5rem; } .wp-block-navigation li:has(a[href*='/comparateur-des-metiers/']) a:hover { text-decoration: none; } .wp-block-navigation li:has(a[href*='/comparateur-des-metiers/']) a{ text-decoration: none !important; } .wp-block-navigation li:has(a[href*='/comparateur-des-metiers/']) a:after{ display: block; height: 0.75rem; width: 1rem; background-position: center; background-repeat: no-repeat; content: ''; transition: transform 0.3s ease-in-out; background-image: url('/wp-content/themes/febi/assets/images/icons/arrow-right-primary.svg'); background-size: contain; } @media (hover: hover) and (pointer: fine) and (min-width: 1024px) { .wp-block-navigation li:has(a[href*='/comparateur-des-metiers/']) a:hover{ --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .wp-block-navigation li:has(a[href*='/comparateur-des-metiers/']) a:hover:after { transform: translateX(0.5rem); filter: brightness(0) invert(1); } } .wp-block-navigation li:has(a[href*='/comparateur-des-metiers/']) a[aria-current='page']{ --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); text-decoration-line: none; } .wp-block-navigation li:has(a[href*='/comparateur-des-metiers/']) a[aria-current='page']:hover:after { transform: none; } .wp-block-navigation li:has(a[href*='/comparateur-des-metiers/']) a[aria-current='page']:after { display: none; } /* * WordPress affiche le hamburger sous 600px. Le méga-menu n’est lisible * qu’à partir de 960px : on prolonge l’overlay jusqu’à ce breakpoint. */ @media (min-width: 600px) and (max-width: 959px) { .site-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; } .site-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not( .is-menu-open ) { display: none !important; } } .site-header .wp-block-navigation__responsive-container-open{ padding: 0.5rem; color: inherit; } .site-header .wp-block-navigation__responsive-container.is-menu-open, html.debug-nav .site-header .wp-block-navigation__responsive-container { background-color: white !important; color: var(--wp--preset--color--primary, #18375c) !important; padding: 0px; } .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item, html.debug-nav .site-header .wp-block-navigation__responsive-container .wp-block-navigation-item { border-block: 1px solid color-mix(in srgb, #18375C 30%, transparent); } .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item + .wp-block-navigation-item, html.debug-nav .site-header .wp-block-navigation__responsive-container .wp-block-navigation-item + .wp-block-navigation-item { border-top: none; } .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close, html.debug-nav .site-header .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close{ padding: 0.75rem; color: white; background-color: var(--wp--preset--color--primary, #18375c); } .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content, html.debug-nav .site-header .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { padding-top: 5rem; padding-inline: 0.25rem; overflow-x: hidden; max-width: 100vw; } .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content, .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container, .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item, html.debug-nav .site-header .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content, html.debug-nav .site-header .wp-block-navigation__responsive-container .wp-block-navigation__container, html.debug-nav .site-header .wp-block-navigation__responsive-container .wp-block-navigation-item { align-items: stretch !important; align-self: stretch; max-width: 100%; box-sizing: border-box; color: inherit !important; } .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container, html.debug-nav .site-header .wp-block-navigation__responsive-container .wp-block-navigation__container{ row-gap: 0px; flex-direction: column; } .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > a, .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .navigation-item-with-submenu__submenu-toggle, html.debug-nav .site-header .wp-block-navigation__responsive-container .wp-block-navigation-item > a, html.debug-nav .site-header .wp-block-navigation__responsive-container .wp-block-navigation-item .navigation-item-with-submenu__submenu-toggle{ width: 100%; max-width: 100%; padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 0px; padding-right: 0px; justify-content: space-between; color: inherit !important; text-align: left; } .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .navigation-item-with-submenu__submenu-toggle, html.debug-nav .site-header .wp-block-navigation__responsive-container .wp-block-navigation-item .navigation-item-with-submenu__submenu-toggle{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > a:hover, .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .navigation-item-with-submenu__submenu-toggle:hover, html.debug-nav .site-header .wp-block-navigation__responsive-container .wp-block-navigation-item > a:hover, html.debug-nav .site-header .wp-block-navigation__responsive-container .wp-block-navigation-item .navigation-item-with-submenu__submenu-toggle:hover { text-decoration: underline; text-underline-offset: 0.5rem; } .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:has(a[href*='/faq/']), html.debug-nav .site-header .wp-block-navigation__responsive-container .wp-block-navigation-item:has(a[href*='/faq/']) { border: none !important; order: 2; } .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:has(a[href*='/faq/']) > a, html.debug-nav .site-header .wp-block-navigation__responsive-container .wp-block-navigation-item:has(a[href*='/faq/']) > a { /* padding-top: 0 !important; */ } /* Core overlay : `background: transparent !important` sur les items. */ .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:has(a[href*='/comparateur-des-metiers/']), html.debug-nav .site-header .wp-block-navigation__responsive-container .wp-block-navigation-item:has(a[href*='/comparateur-des-metiers/']) { background: rgba(225, 254, 205, 1) !important; border: none !important; margin-block: 20px !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.5rem; padding-right: 0.5rem; } .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:has(a[href*='/comparateur-des-metiers/']) > a, html.debug-nav .site-header .wp-block-navigation__responsive-container .wp-block-navigation-item:has(a[href*='/comparateur-des-metiers/']) > a{ padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 1rem; padding-bottom: 1rem; } .wp-block-febi-blocks-navigation-item-with-submenu{ flex-direction: column; } @media (min-width: 782px){ .wp-block-febi-blocks-navigation-item-with-submenu{ flex-direction: row; } } /* * `?debug-nav` / classe `html.debug-nav` : force l’overlay ouvert pour inspecter. * (Le core le referme au focusout dès qu’on clique dans DevTools.) */ html.debug-nav { overflow: hidden; } html.debug-nav .site-header .wp-block-navigation__responsive-container { display: flex !important; flex-direction: column; position: fixed !important; inset: 0; width: 100%; height: 100%; z-index: 100000; overflow: auto; box-sizing: border-box; padding: 0; } html.debug-nav .site-header .wp-block-navigation__responsive-container-close, html.debug-nav .site-header .wp-block-navigation-overlay-close { display: flex !important; } html.debug-nav .site-header .wp-block-navigation__overlay-container { display: block !important; } html.debug-nav .site-header .disable-default-overlay .wp-block-navigation__responsive-container-content > *:not(.wp-block-navigation__overlay-container) { display: none; } .wp-block-navigation__responsive-container-close{ top: 0.75rem; right: 0.75rem; } .wp-block-navigation__responsive-close, .wp-block-navigation__responsive-dialog, .wp-block-navigation__responsive-container-content { height: 100%; } .wp-block-navigation__responsive-dialog{ padding-left: 0.75rem; padding-right: 0.75rem; } footer{ margin-top: 3rem; padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 782px){ footer{ padding-top: 8rem; padding-bottom: 8rem; padding-left: 3rem; padding-right: 3rem; } } footer{ background-color: rgba(225, 254, 205, 1); } /* box-sizing: content-box; */ footer .footer-container{ margin-left: auto; margin-right: auto; max-width: 1840px; } footer .navigations-container{ display: block; } @media (min-width: 782px){ footer .navigations-container{ display: flex; } } footer .logo-febi{ margin-top: 1.5rem; width: 100%; max-width: 12rem; } @media (min-width: 782px){ footer .logo-febi{ margin-top: 3rem; } } footer .secondary-logo{ margin-top: 1.5rem; height: auto; width: 100%; } footer .secondary-logo img{ height: auto; width: 100%; } footer #footer-navigation .wp-block-navigation{ display: grid; align-items: flex-start; row-gap: 0.5rem; -moz-column-gap: 2rem; column-gap: 2rem; } @media (min-width: 782px) { footer #footer-navigation .wp-block-navigation { grid-template-columns: repeat(2, 1fr); row-gap: 2rem } } footer #footer-navigation .wp-block-navigation li.wp-block-navigation-item{ display: block; } footer #footer-navigation .wp-block-navigation li.wp-block-navigation-item a.wp-block-navigation-item__content{ padding-bottom: 0.25rem; font-weight: 700; } @media (min-width: 782px){ footer #footer-navigation .wp-block-navigation li.wp-block-navigation-item a.wp-block-navigation-item__content{ padding-bottom: 1rem; } } footer #footer-navigation .wp-block-navigation li.wp-block-navigation-item .subpages-links__title{ padding-bottom: 0.25rem; font-weight: 700; } @media (min-width: 782px){ footer #footer-navigation .wp-block-navigation li.wp-block-navigation-item .subpages-links__title{ padding-bottom: 1rem; } } footer #footer-navigation .wp-block-navigation li.wp-block-navigation-item .wp-block-navigation__submenu-icon{ display: none; } footer #footer-navigation > ul.wp-block-navigation__container > li > a, footer #footer-navigation > ul.wp-block-navigation__container > li > .subpages-links__title{ font-size: 1.25rem; line-height: 1.75rem; } footer #footer-navigation ul.wp-block-navigation-submenu, footer #footer-navigation ul.subpages-links__list{ visibility: visible; position: static; display: block; height: auto; width: auto; border-style: none; background-color: transparent; padding-bottom: 1rem; opacity: 1; } @media (min-width: 782px){ footer #footer-navigation ul.wp-block-navigation-submenu, footer #footer-navigation ul.subpages-links__list{ margin-bottom: 0px; padding-bottom: 0px; } } footer #footer-navigation ul.wp-block-navigation-submenu a.wp-block-navigation-item__content, footer #footer-navigation ul.wp-block-navigation-submenu .wp-block-navigation-item__content, footer #footer-navigation ul.subpages-links__list a.wp-block-navigation-item__content, footer #footer-navigation ul.subpages-links__list .wp-block-navigation-item__content{ padding-left: 0px; padding-bottom: 0px !important; font-weight: 400 !important; --tw-text-opacity: 1; color: rgb(24 55 92 / var(--tw-text-opacity, 1)); } footer #footer-navigation ul.subpages-links__list li{ margin-bottom: 0.5rem; } footer{ display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; } footer #accessbilite-vie-privee{ margin-top: 0.75rem; } @media (min-width: 782px){ footer #accessbilite-vie-privee{ margin-top: 0px; text-align: right; } } footer #logo-and-socials{ flex-direction: column; align-items: flex-start; row-gap: 2rem; } @media (min-width: 782px){ footer #logo-and-socials{ flex-direction: row; justify-content: space-between; row-gap: 0px; } } :root { --febi-full-inset: 1rem; } @media (min-width: 768px) { :root { --febi-full-inset: 1.5rem } } .entry-content .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } .entry-content .alignfull.has-full-inset { margin-left: calc(50% - 50vw + var(--febi-full-inset, 1.5rem)); margin-right: calc(50% - 50vw + var(--febi-full-inset, 1.5rem)); } .entry-content > .alignleft { margin-left: 0; margin-right: 0; } /* .archive-ecoles { @apply px-8; .archive-ecoles__list { @apply flex flex-col px-0; } .archive-ecoles__item { @apply list-none m-0 font-semibold text-xl no-underline p-10; display: grid; grid-template-columns: 1fr auto; gap: 2rem; &:nth-child(odd) { @apply bg-febi-blue-100; .caracteristic_item { @apply bg-white text-primary; } } &:nth-child(even) { @apply bg-white; } a { @apply no-underline; } .archive-ecoles__details { @apply flex flex-col gap-4; .archive-ecoles__details__title { @apply text-3xl my-0; } .archive-ecoles__details__city { @apply w-fit h-fit flex gap-4 items-center text-base font-medium; &:before { content: ''; display: block; width: 10px; height: 10px; background-color: var(--wp--preset--color--primary); } } .caracteristics { @apply flex gap-2; } .contact-details { @apply flex gap-x-8 text-lg font-medium py-3; a:hover { @apply underline underline-offset-8; } } } } } */ .wp-block-button .wp-block-button__link{ position: relative; padding-left: 1.5rem; padding-right: 3rem !important; } .wp-block-button .wp-block-button__link::after{ position: absolute; top: 50%; right: 1.5rem; display: block; height: 0.75rem; width: 0.75rem; transition: transform 0.3s ease-in-out; transform: translateY(calc(-50% + 1px)); content: ''; background-image: none; background-color: currentColor; /* hérite de text-primary */ mask-image: url('../images/icons/arrow-right.svg'); mask-size: contain; mask-repeat: no-repeat; mask-position: center; -webkit-mask-image: url('../images/icons/arrow-right.svg'); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } .wp-block-button .wp-block-button__link:hover::after { transform: translateY(calc(-50% + 1px)) translateX(3px); } .wp-block-button .wp-block-button__link{ border-radius: 0px; border-style: none; font-weight: 400; text-decoration-line: none; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .wp-block-button:not(.is-style-secondary):not(.is-style-outline) .wp-block-button__link{ position: relative; --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } /* Secondary */ .wp-block-button.is-style-secondary .wp-block-button__link{ background-color: rgba(225, 254, 205, 1); --tw-text-opacity: 1; color: rgb(24 55 92 / var(--tw-text-opacity, 1)); } .wp-block-button.is-style-secondary .wp-block-button__link:hover{ --tw-bg-opacity: 1; background-color: rgb(0 32 97 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .wp-block-button.is-style-primary .wp-block-button__link{ position: relative; --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .narrative-card{ margin-top: 3rem; margin-bottom: 3rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 3rem; padding-bottom: 3rem; } @media (min-width: 782px){ .narrative-card{ padding-left: 3rem; padding-right: 3rem; } } .page-card{ display: block; height: 100%; text-decoration-line: none !important; transition: transform 0.3s ease-in-out; } .page-card, .page-card--primary{ background-color: rgba(238, 243, 254, 1); --tw-text-opacity: 1; color: rgb(24 55 92 / var(--tw-text-opacity, 1)); } .page-card:hover{ --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .page-card--hovered{ --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .page-card p, .page-card h1, .page-card h2, .page-card h3, .page-card h4, .page-card h5, .page-card h6{ text-decoration-line: none; } .page-card:hover { /* .page-card__diminutif-metier { @apply bg-secondary text-febi-blue-900; } */ } .page-card:hover .tag-diminutif-metier{ background-color: rgba(225, 254, 205, 1); --tw-text-opacity: 1; color: rgb(24 55 92 / var(--tw-text-opacity, 1)); } .page-card--vertical-hover:hover { transform: translateY(-4px); } .page-card--lateral-hover:hover { transform: translateX(4px); } .page-card__header{ display: flex; justify-content: space-between; gap: 1rem; transform: translateY(-4px); } .page-card__header .page-card__diminutif-metier{ background-color: rgba(225, 254, 205, 1); --tw-text-opacity: 1; color: rgb(24 55 92 / var(--tw-text-opacity, 1)); } .page-card__title{ font-weight: 500; } .page-card__diminutif-metier{ display: flex; height: 2rem; width: auto; min-width: 2rem; flex-shrink: 0; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); padding: 0.75rem; text-align: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .page-card__cover{ width: 100%; -o-object-fit: cover; object-fit: cover; height: 20.9375rem; } .page-card__content{ padding: 1rem; } :root { --content-box-text-color: #136f63; } .content-box { /* @apply max-w-screen-lg mx-auto; */ padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 4rem; padding-bottom: 4rem; background-color: var(--content-box-background-color, transparent); } .content-box:not(.alignfull, .alignwide, .has-full-inset){ margin-left: auto; margin-right: auto; max-width: 960px; } .content-box--variant-framed{ border-width: 1px; --tw-border-opacity: 1; border-color: rgb(89 123 165 / var(--tw-border-opacity, 1)); } .content-box--variant-nude{ padding-left: 0px; padding-right: 0px; } .content-box--variant-backgrounded { background-color: var(--content-box-background-color, transparent); } .content-box--variant-framed-backgrounded{ border-width: 1px; --tw-border-opacity: 1; border-color: rgb(89 123 165 / var(--tw-border-opacity, 1)); background-color: var(--content-box-background-color, transparent); } .content-box .content-box__innerblocks{ margin-left: auto; margin-right: auto; } /* @apply px-4 md:px-8 ; */ /* max-width: 1280px; */ .content-box .content-box__innerblocks > :not(.alignwide):not(.alignfull):not(.has-full-inset){ margin-left: auto; margin-right: auto; max-width: 960px; } .content-box .content-box__innerblocks .alignwide{ margin-left: auto; margin-right: auto; max-width: 1280px; /* max-width: var(--wp--style--global--wide-size); */ } .content-box.alignwide .content-box__innerblocks > :not(.alignfull):not(.has-full-inset){ margin-left: auto; margin-right: auto; max-width: 1280px; } .lien-navigation-empilee{ position: relative; display: flex; align-items: center; -moz-column-gap: 2rem; column-gap: 2rem; row-gap: 0.5rem; padding-left: 1rem; padding-right: 1rem; padding-block: 2rem; border-block: 1px solid #18375C; margin-block: 0; counter-increment: link-number; display: grid; grid-template-columns: 1fr 2.5rem; } @media (min-width: 782px) { .lien-navigation-empilee { grid-template-columns: 20px 1fr 1fr 2.5rem } } @media (min-width: 1280px) { .lien-navigation-empilee { grid-template-columns: 20px 0.5fr 1fr 2.5rem } } .lien-navigation-empilee{ text-decoration: none; transition: transform 0.3s ease-in-out; text-decoration-line: none; } /* p, h2 { @apply no-underline !bg-red-400; } */ .lien-navigation-empilee:hover{ --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); transform: translateX(6px); } .lien-navigation-empilee:has(+ .lien-navigation-empilee:hover) { border-bottom: none; } .lien-navigation-empilee:before{ order: 2; display: flex; align-items: center; justify-content: center; } @media (min-width: 782px){ .lien-navigation-empilee:before{ order: 0; } } .lien-navigation-empilee:before { content: counter(link-number, decimal-leading-zero); left: 0; top: 0; } .lien-navigation-empilee .lien-navigation-empilee__extract{ order: 3; grid-column: span 2 / span 2; } @media (min-width: 782px){ .lien-navigation-empilee .lien-navigation-empilee__extract{ order: 0; grid-column: span 1 / span 1; } } .lien-navigation-empilee .lien-navigation-empilee__extract{ max-width: 36rem; } .lien-navigation-empilee .lien-navigation-empilee__title{ margin-top: 0px; margin-bottom: 0px; font-size: 1.5rem; line-height: 2rem; font-weight: 600; } @media (min-width: 782px){ .lien-navigation-empilee .lien-navigation-empilee__title{ font-size: 1.875rem; line-height: 2.25rem; } } .lien-navigation-empilee .lien-navigation-empilee__title{ order: 1; } @media (min-width: 782px){ .lien-navigation-empilee .lien-navigation-empilee__title{ order: 0; } } .lien-navigation-empilee .lien-navigation-empilee__title a:hover{ --tw-text-opacity: 1; color: rgb(89 123 165 / var(--tw-text-opacity, 1)); text-decoration-line: underline; text-underline-offset: 8px; text-decoration-thickness: 1px; } .lien-navigation-empilee:has(.lien-navigation-empilee__title a:hover) .lien-navigation-empilee__link-arrow { transform: translateX(6px); } .lien-navigation-empilee .lien-navigation-empilee__link-arrow{ order: 4; display: flex; height: 2.5rem; width: 2.5rem; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } @media (min-width: 782px){ .lien-navigation-empilee .lien-navigation-empilee__link-arrow{ order: 0; } } .lien-navigation-empilee:hover .lien-navigation-empilee__link-arrow { transform: translateX(6px); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(24 55 92 / var(--tw-text-opacity, 1)); } .lien-navigation-empilee:hover .lien-navigation-empilee__link-arrow svg path { stroke: #18375C; } .lien-navigation-empilee + .lien-navigation-empilee { border-top: none; } .faq-container .block-title{ text-align: center; font-size: 3.75rem; line-height: 1; font-weight: 400; --tw-text-opacity: 1; color: rgb(24 55 92 / var(--tw-text-opacity, 1)); } .faq-container .tab-group__toolbar{ margin-left: auto; margin-right: auto; width: 100%; max-width: 1280px; justify-content: space-between !important; } .faq-container .tab-group__content{ margin-left: auto; margin-right: auto; margin-top: 3rem; max-width: 960px; } .faq-container .tab-group__content .tab-group__content__item .profession_shortcode{ height: 1rem; width: -moz-fit-content; width: fit-content; --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .faq-container .profession-questions-list{ margin-top: 0px; list-style-type: none !important; padding-left: 0px; padding-right: 0px; } .faq-container .profession-questions-list li { border-block: 1px solid #18375C; transition: all 0.3s ease-in-out; list-style-type: none !important; } .faq-container .profession-questions-list li:has(a:hover){ --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); transform: translateX(6px); } .faq-container .profession-questions-list li a{ padding-left: 1rem; padding-right: 1rem; display: flex; align-items: center; justify-content: space-between; padding-top: 2rem; padding-bottom: 2rem; text-decoration-line: none; } .faq-container .profession-questions-list li a:hover{ --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .faq-container .profession-questions-list li a:hover .question-link-arrow{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(24 55 92 / var(--tw-text-opacity, 1)); } .faq-container .profession-questions-list li a:hover .question-link-arrow svg path { stroke: #18375C; } .faq-container .profession-questions-list li a.question-link-title{ font-size: 1.5rem; line-height: 2rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(24 55 92 / var(--tw-text-opacity, 1)); text-decoration-line: none; } .faq-container .profession-questions-list li .question-link-arrow{ order: 4; display: flex; height: 2.5rem; width: 2.5rem; flex-shrink: 0; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } @media (min-width: 782px){ .faq-container .profession-questions-list li .question-link-arrow{ order: 0; } } .faq-container .profession-questions-list li .question-link-arrow { transition: transform 0.3s ease-in-out; } .faq-container .profession-questions-list li .question-link-arrow:hover { transform: translateX(6px); } .faq-container .profession-questions-list li + li { border-top: none; } .faq-container .profession-questions-list li:has(+ li a:hover) { border-bottom: none; } .faq-container .see-all{ margin-left: auto; margin-right: auto; margin-top: 3rem; } .banner-content .banner-content__innerblocks > :first-child{ margin-top: 0px !important; } .banner-content .banner-content__innerblocks h1{ font-weight: 700; } .banner-content .banner-content__innerblocks > p, .banner-content .banner-content__innerblocks > h2{ max-width: 36rem; } .banner-content .banner-content__innerblocks--full{ display: flex; height: 100%; flex-direction: column; justify-content: center; } .testimonies-container{ position: relative; margin-left: auto; margin-top: 8rem !important; margin-bottom: 8rem !important; } @media (min-width: 960px) { .testimonies-container a.button-temoignages { margin-left: auto; position: absolute; bottom: 0; right: 0 } } .testimonies-container.testimonies-container--font-small cite{ font-size: 1rem; line-height: 1.5rem; } @media (min-width: 782px){ .testimonies-container.testimonies-container--font-small cite{ font-size: 1rem; line-height: 1.5rem; } } @media (min-width: 960px){ .testimonies-container.testimonies-container--font-small cite{ font-size: 1.125rem; line-height: 1.75rem; } } .testimonies-container.testimonies-container--font-medium cite{ font-size: 1.125rem; line-height: 1.75rem; } @media (min-width: 782px){ .testimonies-container.testimonies-container--font-medium cite{ font-size: 1.125rem; line-height: 1.75rem; } } @media (min-width: 960px){ .testimonies-container.testimonies-container--font-medium cite{ font-size: 1.25rem; line-height: 1.75rem; } } .testimonies-container.testimonies-container--font-large cite{ font-size: 1.25rem; line-height: 1.75rem; } @media (min-width: 782px){ .testimonies-container.testimonies-container--font-large cite{ font-size: 1.5rem; line-height: 2rem; } } @media (min-width: 960px){ .testimonies-container.testimonies-container--font-large cite{ font-size: 1.875rem; line-height: 2.25rem; } } .testimonies-container .testimony { position: relative; padding-left: 1.5rem; padding-top: 0.75rem; } @media (min-width: 782px){ .testimonies-container .testimony{ padding-left: 1.5rem; } } @media (min-width: 960px){ .testimonies-container .testimony{ padding-left: 2.25rem; } } .testimonies-container .testimony { box-sizing: border-box; } .testimonies-container .testimony:before{ display: block; height: 1rem; width: 1rem; } @media (min-width: 782px){ .testimonies-container .testimony:before{ height: 1.5rem; width: 1.5rem; } } @media (min-width: 960px){ .testimonies-container .testimony:before{ height: 1.75rem; width: 1.75rem; } } .testimonies-container .testimony:before { /* width: 2rem; height: 2rem; */ content: ''; font-size: 2rem; font-weight: 600; margin-right: 0.5rem; color: #18375C; position: absolute; top: 0; left: 0; background-image: url('../images/elements/guillemet.svg'); /* background-image: url('../images/icons/arrow-right.svg'); */ background-size: contain; background-repeat: no-repeat; background-position: center; } .testimonies-container .testimony cite { /* font-size: 1.8rem; */ font-style: normal; font-weight: 400; line-height: 150% !important; } .testimonies-container .testimony .testimony__footer { margin-top: 4rem; } .testimonies-container .testimony .testimony__name{ font-weight: 600; margin-bottom: 0; } .testimonies-container .testimony .testimony__profession { margin: 0; } .testimonies-container .testimonies-container__list{ margin-top: 0px; padding-top: 0px; } @media (min-width: 960px){ .testimonies-container .testimonies-container__list{ padding-top: 2rem; } } .testimonies-container .testimonies-container__list { /* padding-top: 2rem; */ display: grid; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 782px) { .testimonies-container .testimonies-container__list { grid-template-columns: 1fr auto; gap: 12rem } } .testimonies-container .swiper{ order: 2; width: 100%; } @media (min-width: 782px){ .testimonies-container .swiper{ order: 0; } } .testimonies-container .swiper-controls{ position: static; order: 1; margin-left: auto; display: flex; gap: 0.5rem; } @media (min-width: 782px){ .testimonies-container .swiper-controls{ order: 0; } } .testimonies-container .swiper-slide{ display: block; width: 100%; } .testimonies-container .swiper-button-next, .testimonies-container .swiper-button-prev{ position: static; margin-top: 0px; --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); padding: 0.75rem; width: 1rem; height: 1rem; display: flex; align-items: center; justify-content: center; } .testimonies-container .swiper-button-next:after, .testimonies-container .swiper-button-prev:after{ --tw-content: none; content: var(--tw-content); } .testimonies-container .swiper-button-next svg, .testimonies-container .swiper-button-prev svg{ width: 0.5rem; } .testimonies-container .swiper-button-next svg path, .testimonies-container .swiper-button-prev svg path { stroke: white; } .testimonies-container .swiper-button-prev { rotate: 180deg; } .testimonies-container .swiper-button-prev svg { /* @apply rotate-180; */ } .questions-chapitrees .testimonies-container{ margin-top: 0px !important; } .questions-chapitrees .testimonies-container .testimonies-container__list{ gap: 2rem; } .questions-chapitrees{ gap: 1.5rem; -moz-column-gap: 2.5rem; column-gap: 2.5rem; } @media (min-width: 782px){ .questions-chapitrees{ gap: 3rem; -moz-column-gap: 5rem; column-gap: 5rem; } } @media (min-width: 960px){ .questions-chapitrees{ display: grid; grid-template-columns: 1fr 2fr; } } .questions-chapitrees sidebar{ top: 0px; height: -moz-fit-content; height: fit-content; } @media (min-width: 960px){ .questions-chapitrees sidebar{ position: sticky; } } .questions-chapitrees sidebar .related-chapters-list{ padding-left: 0px; } .questions-chapitrees sidebar .related-chapters-list li{ list-style-type: none; } .questions-chapitrees sidebar .related-chapters-list li .related-chapter-item__link, .questions-chapitrees sidebar .related-chapters-list li a{ display: block; padding-top: 1rem; padding-bottom: 1rem; --tw-text-opacity: 1; color: rgb(24 55 92 / var(--tw-text-opacity, 1)); text-decoration-line: none; opacity: 0.7; font-family: 'Space Grotesk', sans-serif; font-weight: 500; line-height: 1.875rem; /* 166.667% */ letter-spacing: -0.0225rem; } .questions-chapitrees sidebar .related-chapters-list li a[aria-current='true']{ opacity: 1; border-block: 1px solid var(--wp--preset--color--primary); } .questions-chapitrees sidebar .related-chapters-list li:first-child .related-chapter-item__link, .questions-chapitrees sidebar .related-chapters-list li:first-child a { border-top: 1px solid var(--wp--preset--color--primary); } .questions-chapitrees sidebar .related-chapters-list li:last-child .related-chapter-item__link, .questions-chapitrees sidebar .related-chapters-list li:last-child a { border-bottom: 1px solid var(--wp--preset--color--primary); } .questions-chapitrees sidebar .sidebar__extra{ margin-top: 2rem; } .questions-chapitrees .content { } .navigation-item-with-submenu .submenu-container{ z-index: 50; overflow: visible; padding-left: 3rem; padding-right: 3rem; padding-top: 2rem; padding-bottom: 2rem; /* .keypoints-list { @apply flex flex-col gap-4; &__header { @apply flex justify-between items-center pb-4; border-bottom: 2px solid color-mix(in srgb, theme('colors.febi-blue.900') 50%, transparent); p { @apply m-0 p-0; } } } */ } .navigation-item-with-submenu .submenu-container .page-card .tag-diminutif-metier{ margin-top: 0px; margin-bottom: 0px; height: auto; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .navigation-item-with-submenu .submenu-container .page-card__title{ margin-top: 0px; margin-bottom: 0px; } .navigation-item-with-submenu .submenu-container .page-card__extract { line-height: 1.125rem; } .page-card[data-active-panel='true']{ --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .page-card[data-active-panel='true'] .tag-diminutif-metier{ background-color: rgba(225, 254, 205, 1); --tw-text-opacity: 1; color: rgb(24 55 92 / var(--tw-text-opacity, 1)); } .wp-block-navigation__responsive-container.is-menu-open .submenu-container, html.debug-nav .submenu-container{ overflow: visible; padding-left: 0px; padding-right: 0px; padding-top: 0.75rem; padding-bottom: 0.75rem; } .wp-block-navigation__responsive-container.is-menu-open .submenu-container .page-card, html.debug-nav .submenu-container .page-card{ max-width: 100%; text-decoration-line: none; } .wp-block-navigation__responsive-container.is-menu-open .submenu-container .page-card--vertical-hover:hover, html.debug-nav .submenu-container .page-card--vertical-hover:hover { transform: none; } .wp-block-navigation__responsive-container.is-menu-open .submenu-container .page-card[data-active-panel='true'], html.debug-nav .submenu-container .page-card[data-active-panel='true']{ background-color: rgba(238, 243, 254, 1); --tw-text-opacity: 1; color: rgb(24 55 92 / var(--tw-text-opacity, 1)); } .wp-block-navigation__responsive-container.is-menu-open .submenu-container .page-card[data-active-panel='true'] .tag-diminutif-metier, html.debug-nav .submenu-container .page-card[data-active-panel='true'] .tag-diminutif-metier{ --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .wp-block-navigation__responsive-container.is-menu-open .submenu-container .page-card__content, html.debug-nav .submenu-container .page-card__content{ padding: 0.75rem; } .wp-block-navigation__responsive-container.is-menu-open .submenu-container .page-card__title, html.debug-nav .submenu-container .page-card__title{ margin-top: 0px; margin-bottom: 0px; font-size: 1rem; line-height: 1.5rem; } .wp-block-navigation__responsive-container.is-menu-open .submenu-container .page-card__extract, html.debug-nav .submenu-container .page-card__extract{ margin-top: 0.25rem; margin-bottom: 0px; font-size: 0.875rem; line-height: 1.25rem; } .archive-faq{ gap: 2rem; } @media (min-width: 960px){ .archive-faq{ display: grid; gap: 3rem; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); align-items: start; } } .archive-faq sidebar h4{ margin-bottom: 1rem; } .archive-faq sidebar .tab-group__toolbar{ display: flex; flex-direction: column; flex-wrap: wrap; gap: 0.5rem; } .archive-faq sidebar .tab-group__toolbar button{ width: 100%; text-align: left; } .archive-faq sidebar .tab-group__toolbar button[aria-selected='true']{ --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); opacity: 1; } .archive-faq sidebar .tab-group__toolbar button[aria-selected='false']{ background-color: rgba(238, 243, 254, 1); opacity: 1; color: color-mix(in srgb, #18375C 50%, transparent); } .archive-faq .filters-by-rubriques{ margin-bottom: 1.5rem; display: flex; flex-wrap: wrap; gap: 0.5rem; } .archive-faq .filters-by-rubriques button[aria-pressed='true']{ --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); opacity: 1; } .archive-faq .filters-by-rubriques button[aria-pressed='false']{ background-color: rgba(238, 243, 254, 1); opacity: 1; color: color-mix(in srgb, #18375C 50%, transparent); } .archive-faq .tab-group__content .tab-group__content__item .profession_shortcode{ height: 1rem; width: -moz-fit-content; width: fit-content; --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .archive-faq .tab-group__content div[role='tabpanel'] { display: none; } .archive-faq .tab-group__content div[role='tabpanel'][data-active='true'] { display: block; } .archive-faq .questions-list{ margin-top: 0px; list-style-type: none !important; padding-left: 0px; padding-right: 0px; } .archive-faq .questions-list li { border-block: 1px solid #18375C; transition: all 0.3s ease-in-out; list-style-type: none !important; } .archive-faq .questions-list li[data-visible='false'] { display: none; } .archive-faq .questions-list li:has(a:hover){ --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); transform: translateX(6px); } .archive-faq .questions-list li:has(a:hover) .question-link__title{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .archive-faq .questions-list li a{ display: flex; align-items: center; justify-content: space-between; padding-left: 1rem; padding-right: 1rem; padding-top: 2rem; padding-bottom: 2rem; text-decoration-line: none; } .archive-faq .questions-list li a:hover{ --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .archive-faq .questions-list li a:hover .question-link__title{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .archive-faq .questions-list li a:hover .question-link-arrow{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(24 55 92 / var(--tw-text-opacity, 1)); } .archive-faq .questions-list li a:hover .question-link-arrow svg path { stroke: #18375C; } .archive-faq .questions-list li .question-link__title{ margin-top: 0px; margin-bottom: 0px; font-size: 1.25rem; line-height: 1.75rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(24 55 92 / var(--tw-text-opacity, 1)); } .archive-faq .questions-list li .question-link-arrow{ order: 4; display: flex; height: 2.5rem; width: 2.5rem; flex-shrink: 0; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(24 55 92 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } @media (min-width: 782px){ .archive-faq .questions-list li .question-link-arrow{ order: 0; } } .archive-faq .questions-list li .question-link-arrow { transition: transform 0.3s ease-in-out; } .archive-faq .questions-list li .question-link-arrow:hover { transform: translateX(6px); } .archive-faq .questions-list li + li { border-top: none; } .archive-faq .questions-list li:has(+ li a:hover) { border-bottom: none; } .archive-faq .see-all{ margin-top: 3rem; } @media (min-width: 960px) { .archive-faq .see-all { grid-column: 1 / -1 } } .wp-block-social-links{ gap: 0.75rem !important; } .wp-block-social-links .wp-social-link{ padding: 0px !important; background-color: transparent !important; } .wp-block-social-links .wp-social-link a, .wp-block-social-links .wp-social-link .wp-block-social-link-anchor{ padding: 0px !important; } .wp-block-social-links .wp-social-link svg{ height: 2.5rem !important; width: 2.5rem !important; } /* Éditeur : le natif rend un