diff --git a/.gitignore b/.gitignore index e39ba90..cc53582 100644 --- a/.gitignore +++ b/.gitignore @@ -5,3 +5,6 @@ */.DS_Store Makefile init_script.sh +/css +/js +./css \ No newline at end of file diff --git a/css/admin-style.css b/css/admin-style.css deleted file mode 100644 index f0ab37e..0000000 --- a/css/admin-style.css +++ /dev/null @@ -1,25 +0,0 @@ -/* body { - background: red !important; -} */ - -#menu-posts { - border-top: 1px solid rgba(255, 255, 255, 0.2) !important; -} - -#menu-posts-conseils { - border-top: 1px solid rgba(255, 255, 255, 0.2) !important; -} - -#toplevel_page_theme-general-settings { - border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; -} - -/* .wp-block-post-content, -.is-root-container { - background-color: red !imporatant; -} - -.block-editor-block-list__block { - background-color: yellow !imporatant; */ - -/* } */ diff --git a/css/app.css b/css/app.css deleted file mode 100644 index a5800e1..0000000 --- a/css/app.css +++ /dev/null @@ -1,5262 +0,0 @@ -/* -! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com -*/ - -/* -1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) -2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) -*/ - -*, -::before, -::after { - box-sizing: border-box; - /* 1 */ - border-width: 0; - /* 2 */ - border-style: solid; - /* 2 */ - border-color: currentColor; - /* 2 */ -} - -::before, -::after { - --tw-content: ''; -} - -/* -1. Use a consistent sensible line-height in all browsers. -2. Prevent adjustments of font size after orientation changes in iOS. -3. Use a more readable tab size. -4. Use the user's configured `sans` font-family by default. -*/ - -html { - line-height: 1.5; - /* 1 */ - -webkit-text-size-adjust: 100%; - /* 2 */ - -moz-tab-size: 4; - /* 3 */ - -o-tab-size: 4; - tab-size: 4; - /* 3 */ - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - /* 4 */ -} - -/* -1. Remove the margin in all browsers. -2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. -*/ - -body { - margin: 0; - /* 1 */ - line-height: inherit; - /* 2 */ -} - -/* -1. Add the correct height in Firefox. -2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) -3. Ensure horizontal rules are visible by default. -*/ - -hr { - height: 0; - /* 1 */ - color: inherit; - /* 2 */ - border-top-width: 1px; - /* 3 */ -} - -/* -Add the correct text decoration in Chrome, Edge, and Safari. -*/ - -abbr:where([title]) { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; -} - -/* -Remove the default font size and weight for headings. -*/ - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: inherit; - font-weight: inherit; -} - -/* -Reset links to optimize for opt-in styling instead of opt-out. -*/ - -a { - color: inherit; - text-decoration: inherit; -} - -/* -Add the correct font weight in Edge and Safari. -*/ - -b, -strong { - font-weight: bolder; -} - -/* -1. Use the user's configured `mono` font family by default. -2. Correct the odd `em` font sizing in all browsers. -*/ - -code, -kbd, -samp, -pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - /* 1 */ - font-size: 1em; - /* 2 */ -} - -/* -Add the correct font size in all browsers. -*/ - -small { - font-size: 80%; -} - -/* -Prevent `sub` and `sup` elements from affecting the line height in all browsers. -*/ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* -1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) -2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) -3. Remove gaps between table borders by default. -*/ - -table { - text-indent: 0; - /* 1 */ - border-color: inherit; - /* 2 */ - border-collapse: collapse; - /* 3 */ -} - -/* -1. Change the font styles in all browsers. -2. Remove the margin in Firefox and Safari. -3. Remove default padding in all browsers. -*/ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - font-weight: inherit; - /* 1 */ - line-height: inherit; - /* 1 */ - color: inherit; - /* 1 */ - margin: 0; - /* 2 */ - padding: 0; - /* 3 */ -} - -/* -Remove the inheritance of text transform in Edge and Firefox. -*/ - -button, -select { - text-transform: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Remove default button styles. -*/ - -button, -[type='button'], -[type='reset'], -[type='submit'] { - -webkit-appearance: button; - /* 1 */ - background-color: transparent; - /* 2 */ - background-image: none; - /* 2 */ -} - -/* -Use the modern Firefox focus style for all focusable elements. -*/ - -:-moz-focusring { - outline: auto; -} - -/* -Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) -*/ - -:-moz-ui-invalid { - box-shadow: none; -} - -/* -Add the correct vertical alignment in Chrome and Firefox. -*/ - -progress { - vertical-align: baseline; -} - -/* -Correct the cursor style of increment and decrement buttons in Safari. -*/ - -::-webkit-inner-spin-button, -::-webkit-outer-spin-button { - height: auto; -} - -/* -1. Correct the odd appearance in Chrome and Safari. -2. Correct the outline style in Safari. -*/ - -[type='search'] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ -} - -/* -Remove the inner padding in Chrome and Safari on macOS. -*/ - -::-webkit-search-decoration { - -webkit-appearance: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Change font properties to `inherit` in Safari. -*/ - -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ -} - -/* -Add the correct display in Chrome and Safari. -*/ - -summary { - display: list-item; -} - -/* -Removes the default spacing and border for appropriate elements. -*/ - -blockquote, -dl, -dd, -h1, -h2, -h3, -h4, -h5, -h6, -hr, -figure, -p, -pre { - margin: 0; -} - -fieldset { - margin: 0; - padding: 0; -} - -legend { - padding: 0; -} - -ol, -ul, -menu { - list-style: none; - margin: 0; - padding: 0; -} - -/* -Prevent resizing textareas horizontally by default. -*/ - -textarea { - resize: vertical; -} - -/* -1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) -2. Set the default placeholder color to the user's configured gray 400 color. -*/ - -input::-moz-placeholder, textarea::-moz-placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -input::placeholder, -textarea::placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -/* -Set the default cursor for buttons. -*/ - -button, -[role="button"] { - cursor: pointer; -} - -/* -Make sure disabled buttons don't get the pointer cursor. -*/ - -:disabled { - cursor: default; -} - -/* -1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) -2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) - This can trigger a poorly considered lint error in some tools but is included by design. -*/ - -img, -svg, -video, -canvas, -audio, -iframe, -embed, -object { - display: block; - /* 1 */ - vertical-align: middle; - /* 2 */ -} - -/* -Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) -*/ - -img, -video { - max-width: 100%; - height: auto; -} - -*, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -::-webkit-backdrop { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -::backdrop { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -.container { - width: 100%; - padding-right: 1rem; - padding-left: 1rem; -} - -@media (min-width: 480px) { - .container { - max-width: 480px; - } -} - -@media (min-width: 600px) { - .container { - max-width: 600px; - padding-right: 2rem; - padding-left: 2rem; - } -} - -@media (min-width: 782px) { - .container { - max-width: 782px; - } -} - -@media (min-width: 960px) { - .container { - max-width: 960px; - padding-right: 0rem; - padding-left: 0rem; - } -} - -@media (min-width: 1280px) { - .container { - max-width: 1280px; - } -} - -@media (min-width: 1440px) { - .container { - max-width: 1440px; - } -} - -.sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; -} - -.m-8 { - margin: 2rem; -} - -.my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; -} - -.mx-auto { - margin-left: auto; - margin-right: auto; -} - -.my-8 { - margin-top: 2rem; - margin-bottom: 2rem; -} - -.mb-8 { - margin-bottom: 2rem; -} - -.mb-4 { - margin-bottom: 1rem; -} - -.mb-1 { - margin-bottom: 0.25rem; -} - -.mb-12 { - margin-bottom: 3rem; -} - -.block { - display: block; -} - -.flex { - display: flex; -} - -.table { - display: table; -} - -.h-1 { - height: 0.25rem; -} - -.min-h-screen { - min-height: 100vh; -} - -.w-full { - width: 100%; -} - -.w-16 { - width: 4rem; -} - -.max-w-sm { - max-width: 24rem; -} - -.max-w-screen-md { - max-width: 782px; -} - -.flex-grow { - flex-grow: 1; -} - -.flex-col { - flex-direction: column; -} - -.items-center { - align-items: center; -} - -.justify-center { - justify-content: center; -} - -.rounded { - border-radius: 0.25rem; -} - -.border { - border-width: 1px; -} - -.\!border { - border-width: 1px !important; -} - -.border-b { - border-bottom-width: 1px; -} - -.border-primary { - --tw-border-opacity: 1; - border-color: rgb(47 1 84 / var(--tw-border-opacity)); -} - -.border-secondary { - --tw-border-opacity: 1; - border-color: rgb(223 30 30 / var(--tw-border-opacity)); -} - -.bg-primary { - --tw-bg-opacity: 1; - background-color: rgb(47 1 84 / var(--tw-bg-opacity)); -} - -.bg-secondary { - --tw-bg-opacity: 1; - background-color: rgb(223 30 30 / var(--tw-bg-opacity)); -} - -.bg-acoustique-coproprietes { - --tw-bg-opacity: 1; - background-color: rgb(36 94 242 / var(--tw-bg-opacity)); -} - -.bg-acoustique-coproprietes-light { - --tw-bg-opacity: 1; - background-color: rgb(223 241 255 / var(--tw-bg-opacity)); -} - -.bg-energies-urbanisme { - --tw-bg-opacity: 1; - background-color: rgb(2 126 80 / var(--tw-bg-opacity)); -} - -.bg-energies-urbanisme-light { - --tw-bg-opacity: 1; - background-color: rgb(227 255 240 / var(--tw-bg-opacity)); -} - -.bg-isolation-quotidien { - --tw-bg-opacity: 1; - background-color: rgb(194 69 3 / var(--tw-bg-opacity)); -} - -.bg-isolation-quotidien-light { - --tw-bg-opacity: 1; - background-color: rgb(255 251 236 / var(--tw-bg-opacity)); -} - -.bg-patrimoine-renovation { - --tw-bg-opacity: 1; - background-color: rgb(139 47 247 / var(--tw-bg-opacity)); -} - -.bg-patrimoine-renovation-light { - --tw-bg-opacity: 1; - background-color: rgb(248 242 255 / var(--tw-bg-opacity)); -} - -.bg-location-renovation-circulaire { - --tw-bg-opacity: 1; - background-color: rgb(223 0 43 / var(--tw-bg-opacity)); -} - -.bg-location-renovation-circulaire-light { - --tw-bg-opacity: 1; - background-color: rgb(254 245 246 / var(--tw-bg-opacity)); -} - -.px-4 { - padding-left: 1rem; - padding-right: 1rem; -} - -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -.py-12 { - padding-top: 3rem; - padding-bottom: 3rem; -} - -.text-center { - text-align: center; -} - -.text-5xl { - font-size: 3rem; - line-height: 1; -} - -.text-2xl { - font-size: 1.5rem; - line-height: 2rem; -} - -.text-sm { - font-size: 0.875rem; - line-height: 1.25rem; -} - -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; -} - -.font-light { - font-weight: 300; -} - -.font-extrabold { - font-weight: 800; -} - -.uppercase { - text-transform: uppercase; -} - -.leading-tight { - line-height: 1.25; -} - -.text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.text-primary { - --tw-text-opacity: 1; - color: rgb(47 1 84 / var(--tw-text-opacity)); -} - -.text-secondary { - --tw-text-opacity: 1; - color: rgb(223 30 30 / var(--tw-text-opacity)); -} - -.text-acoustique-coproprietes { - --tw-text-opacity: 1; - color: rgb(36 94 242 / var(--tw-text-opacity)); -} - -.text-acoustique-coproprietes-light { - --tw-text-opacity: 1; - color: rgb(223 241 255 / var(--tw-text-opacity)); -} - -.text-energies-urbanisme { - --tw-text-opacity: 1; - color: rgb(2 126 80 / var(--tw-text-opacity)); -} - -.text-energies-urbanisme-light { - --tw-text-opacity: 1; - color: rgb(227 255 240 / var(--tw-text-opacity)); -} - -.text-isolation-quotidien { - --tw-text-opacity: 1; - color: rgb(194 69 3 / var(--tw-text-opacity)); -} - -.text-isolation-quotidien-light { - --tw-text-opacity: 1; - color: rgb(255 251 236 / var(--tw-text-opacity)); -} - -.text-patrimoine-renovation { - --tw-text-opacity: 1; - color: rgb(139 47 247 / var(--tw-text-opacity)); -} - -.text-patrimoine-renovation-light { - --tw-text-opacity: 1; - color: rgb(248 242 255 / var(--tw-text-opacity)); -} - -.text-location-renovation-circulaire { - --tw-text-opacity: 1; - color: rgb(223 0 43 / var(--tw-text-opacity)); -} - -.text-location-renovation-circulaire-light { - --tw-text-opacity: 1; - color: rgb(254 245 246 / var(--tw-text-opacity)); -} - -.antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.filter { - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); -} - -.alignfull { - margin: 2rem calc(50% - 50vw) !important; - max-width: 100vw !important; - width: 100vw; -} - -.alignwide { - margin: 2rem 0; - max-width: 1280px !important; -} - -.alignnone { - margin-left: 0px; - margin-right: 0px; - height: auto; - max-width: 100%; -} - -.aligncenter { - margin: 0.5rem auto; - display: block; -} - -@media (min-width: 600px) { - .alignleft:not(.wp-block-button) { - margin-right: 0.5rem; - float: left; - } - - .alignright:not(.wp-block-button) { - margin-left: 0.5rem; - float: right; - } - - .wp-block-button.alignleft a { - float: left; - margin-right: 1rem; - } - - .wp-block-button.alignright a { - float: right; - margin-left: 1rem; - } -} - -.wp-caption { - display: inline-block; -} - -.wp-caption img { - margin-bottom: 0.5rem; - line-height: 1; -} - -.wp-caption-text { - font-size: 0.875rem; - color: #718096; -} - -/* ########### UTILITIES ############ */ - -.shadowed { - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -} - -@-webkit-keyframes fade-in { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -@keyframes fade-in { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } -} - -@-webkit-keyframes fade-out { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -@keyframes fade-out { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } -} - -@-webkit-keyframes slide-in { - 0% { - transform: translateY(-80%); - } - - 100% { - transform: translateY(0%); - } -} - -@keyframes slide-in { - 0% { - transform: translateY(-80%); - } - - 100% { - transform: translateY(0%); - } -} - -@-webkit-keyframes slide-out { - 0% { - transform: translateY(0%); - } - - 100% { - transform: translateY(-10%); - } -} - -@keyframes slide-out { - 0% { - transform: translateY(0%); - } - - 100% { - transform: translateY(-10%); - } -} - -@-webkit-keyframes height-in { - 0% { - max-height: 0px; - } - - 100% { - max-height: 300px; - } -} - -@keyframes height-in { - 0% { - max-height: 0px; - } - - 100% { - max-height: 300px; - } -} - -@-webkit-keyframes height-out { - 0% { - max-height: 300px; - } - - 100% { - max-height: 0px; - } -} - -@keyframes height-out { - 0% { - max-height: 300px; - } - - 100% { - max-height: 0px; - } -} - -@-webkit-keyframes translate-in { - 0% { - transform: translateY(0%); - } - - 100% { - transform: translateY(100%); - } -} - -@keyframes translate-in { - 0% { - transform: translateY(0%); - } - - 100% { - transform: translateY(100%); - } -} - -@-webkit-keyframes translate-out { - 0% { - transform: translateY(100%); - } - - 100% { - transform: translateY(60%); - } -} - -@keyframes translate-out { - 0% { - transform: translateY(100%); - } - - 100% { - transform: translateY(60%); - } -} - -.rounding-radius { - border-radius: 22px; -} - -a:focus, -button:focus { - outline: red solid 1px; - outline-width: 1px; - outline-offset: 8px; - outline-radius: 50px; - /* border-radius: 10px; */ -} - -.focus-text { - border-radius: 0.125rem; - outline-style: solid; - outline-width: 1px; - outline-offset: 2px; - outline-color: #DF1E1E; -} - -p a:focus, ul a:focus, ol a:focus { - border-radius: 0.125rem; - outline-style: solid; - outline-width: 1px; - outline-offset: 2px; - outline-color: #DF1E1E; -} - -/* ########### BASE ############ */ - -body:not(.wp-admin) { - font-family: 'Raleway', sans-serif; - font-weight: 400; -} - -body { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -*::marker { - display: inline-block; - color: red; - font-size: 20px; - font-weight: bold; -} - -summary { - margin: 10px; - /* display: inline-block; */ -} - -/* .filter-acoustique-coproprietes { - filter: invert(27%) sepia(88%) saturate(1302%) hue-rotate(206deg) brightness(105%) contrast(114%); -} -.filter-energies-urbanisme { - filter: invert(28%) sepia(89%) saturate(1188%) hue-rotate(131deg) brightness(95%) contrast(98%); -} -.filter-isolation-quotidien { - filter: invert(21%) sepia(94%) saturate(3059%) hue-rotate(26deg) brightness(98%) contrast(98%); -} -.filter-patrimoine-renovation { - filter: invert(25%) sepia(79%) saturate(6075%) hue-rotate(263deg) brightness(99%) contrast(96%); -} -.filter-location-renovation-circulaire { - filter: invert(13%) sepia(71%) saturate(4425%) hue-rotate(338deg) brightness(109%) contrast(117%); -} */ - -/* ########### COMPONENTS ############ */ - -.cta { - margin-top: 0.5rem; - margin-bottom: 0.5rem; - display: block; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - font-size: 1rem; - line-height: 1.5rem; - font-weight: 700; -} - -.cta--button { - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - border-radius: 9999px; - padding-left: 2rem; - padding-right: 2rem; - padding-top: 1rem; - padding-bottom: 1rem; - font-weight: 700; -} - -.cta--button:focus { - border-radius: 9999px; -} - -.cta--circular { - display: flex; - aspect-ratio: 1 / 1; - width: 3rem; - align-items: center; - justify-content: center; - border-radius: 9999px; -} - -.cta--circular:focus { - border-radius: 9999px; -} - -.cta--circular { - outline-offset: 5px !important; -} - -.cta--primary { - --tw-bg-opacity: 1; - background-color: rgb(47 1 84 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.cta--primary:hover { - --tw-bg-opacity: 1; - background-color: rgb(19 0 35 / var(--tw-bg-opacity)); -} - -.cta--secondary { - --tw-bg-opacity: 1; - background-color: rgb(223 30 30 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.cta--secondary:hover { - --tw-bg-opacity: 1; - background-color: rgb(152 3 3 / var(--tw-bg-opacity)); -} - -.cta--outline { - border-width: 2px; - background-color: transparent; -} - -.cta--outline:hover { - background-color: rgb(239, 239, 239, 0.6); -} - -/* &--outline-secondary { - @apply border-secondary border; - } */ - -.cta--shadowed { - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -} - -.cta--shadowed:hover { - --tw-bg-opacity: 1; - background-color: rgb(223 30 30 / var(--tw-bg-opacity)); - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.cta--streched::after { - position: absolute; - content: var(--tw-content); - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; -} - -.cta.cta--button.cta--outline { - --tw-border-opacity: 1; - border-color: rgb(0 0 0 / var(--tw-border-opacity)); - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -.cta--read-more { - margin-top: auto; - display: flex; - width: 100%; - align-items: center; - justify-content: space-between; - --tw-text-opacity: 1; - color: rgb(47 1 84 / var(--tw-text-opacity)); -} - -.cta--read-more:hover { - --tw-text-opacity: 1; - color: rgb(223 30 30 / var(--tw-text-opacity)); -} - -.cta--with-arrow-button .cta_arrow_button { - transition: transform 0.3s ease-in-out; -} - -.cta--with-arrow-button:hover .cta_arrow_button { - filter: invert(27%) sepia(69%) saturate(6074%) hue-rotate(348deg) brightness(87%) - contrast(100%); - transform: translateX(3px); -} - -.external-link { - display: flex; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - align-items: center; - font-weight: 600; -} - -.external-link:hover { - --tw-text-opacity: 1; - color: rgb(223 30 30 / var(--tw-text-opacity)); -} - -.external-link:after { - margin-left: 0.5rem; - display: block; - content: url('../resources/img/graphic-assets/icone-external-link.svg'); - transform: translateY(1px); -} - -&.card-acoustique:hover .cta_arrow_button, &.card-petites-coproprietes:hover .cta_arrow_button { - filter: invert(27%) sepia(88%) saturate(1302%) hue-rotate(206deg) brightness(105%) contrast(114%); -} - -&.card-au-quotidien:hover .cta_arrow_button, &.card-isolation:hover .cta_arrow_button { - filter: invert(21%) sepia(94%) saturate(3059%) hue-rotate(26deg) brightness(98%) contrast(98%); -} - -&.card-energies:hover .cta_arrow_button, &.card-urbanisme:hover .cta_arrow_button { - filter: invert(28%) sepia(89%) saturate(1188%) hue-rotate(131deg) brightness(95%) contrast(98%); -} - -&.card-location:hover .cta_arrow_button { - filter: invert(13%) sepia(71%) saturate(4425%) hue-rotate(338deg) brightness(109%) contrast(117%); -} - -&.card-patrimoine:hover .cta_arrow_button { - filter: invert(25%) sepia(79%) saturate(6075%) hue-rotate(263deg) brightness(99%) contrast(96%); -} - -.card-large-content-container { - display: flex; - flex-direction: column; - align-items: center; - background-color: rgb(239, 239, 239, 0.6); - padding-top: 4rem; - padding-bottom: 4rem; -} - -@media (min-width: 960px) { - .card-large-content-container { - padding-left: 3rem; - padding-right: 3rem; - } -} - -.card-large-content-container--has-illustration { - padding-top: 12rem; -} - -.card-large-content { - position: relative; - width: 100%; - max-width: 1280px; - border-radius: 1.5rem; - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - padding: 4rem; -} - -.card-large-content--has-illustration { - padding-top: 10rem; -} - -.card-large-content__top-illustration { - position: absolute; - top: 0px; - left: 50%; - transform: translate(-50%, -50%); -} - -.card-large-content__links-container { - display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); - gap: 3rem; -} - -.card-large-content__link { - margin-top: 2rem; - font-size: 1.5rem; - line-height: 2rem; -} - -.card-large-content__link__page_icon { - max-width: 80px; -} - -.card-large-content__link__title { - margin-top: 0.75rem; - font-size: 1.25rem; - font-weight: 700; -} - -.card-large-content__link__excerpt { - padding-top: 0.75rem; - font-size: 1.125rem; - line-height: 1.75rem; -} - -.card-large-content__link .cta { - margin-top: 2rem; -} - -.section_titling { - padding-bottom: 2rem; - text-align: center; -} - -.section_titling__title { - padding-bottom: 0.5rem; - font-size: 1.25rem; - font-weight: 700; - text-transform: uppercase; - letter-spacing: 0.1em; - --tw-text-opacity: 1; - color: rgb(223 30 30 / var(--tw-text-opacity)); -} - -.section_titling__subtitle { - margin-left: auto; - margin-right: auto; - max-width: 48rem; - font-size: 2.25rem; - line-height: 2.5rem; - font-weight: 700; - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -.section_titling__description { - margin-left: auto; - margin-right: auto; - max-width: 48rem; - padding-top: 1rem; - font-size: 1.125rem; - line-height: 1.75rem; -} - -.section_titling--left { - text-align: left; -} - -.section_titling--left .section_titling__subtitle { - margin-left: 0px; -} - -.content-intertitle { - padding-bottom: 0.25rem; - font-size: 1.125rem; - line-height: 1.75rem; - font-weight: 600; - --tw-text-opacity: 1; - color: rgb(223 30 30 / var(--tw-text-opacity)); -} - -.search-module { - position: absolute; - left: 0px; - bottom: 0px; - z-index: 10; - width: 100%; - --tw-translate-y: 100%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - padding-left: 4rem; - padding-right: 4rem; - padding-top: 1.5rem; - padding-bottom: 1.5rem; - display: block; -} - -/* transition: all 0.5s; - transition-timing-function: cubic-bezier(0, 0.51, 0.23, 0.99); */ - -.search-module[mobile-closed] { - display: none; -} - -.search-module[mobile-closing] { - /* animation: translate-out 400ms forwards cubic-bezier(0, 0.51, 0.23, 0.99), - fade-out 800ms forwards ease-in; */ - -webkit-animation: translate-out 800ms forwards ease-in, fade-out 600ms forwards ease-in; - animation: translate-out 800ms forwards ease-in, fade-out 600ms forwards ease-in; -} - -.search-module[mobile-opened] { - -webkit-animation: translate-in 700ms forwards cubic-bezier(0, 0.51, 0.23, 0.99), - fade-in 600ms forwards ease-out; - animation: translate-in 700ms forwards cubic-bezier(0, 0.51, 0.23, 0.99), - fade-in 600ms forwards ease-out; -} - -.search-module__wrapper-container { - margin-left: auto; - margin-right: auto; - max-width: 1280px; -} - -.search-module__search-form { - display: flex; - flex-wrap: wrap; -} - -.search-module__search-form__title { - display: block; - width: 100%; - font-size: 1.125rem; - line-height: 1.75rem; - font-weight: 700; -} - -.search-module__search-form__separator { - margin-top: 0.5rem; - margin-bottom: 2rem; - width: 100%; - border-style: none; - --tw-bg-opacity: 1; - background-color: rgb(118 117 117 / var(--tw-bg-opacity)); - opacity: 0.5; - height: 1px; -} - -.search-module__search-form__input { - box-sizing: border-box; - display: block; - max-width: 100%; - flex-grow: 1; - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; - border-width: 1px; - --tw-border-opacity: 1; - border-color: rgb(0 0 0 / var(--tw-border-opacity)); - padding-top: 0.75rem; - padding-bottom: 0.75rem; - padding-left: 1rem; - padding-right: 1rem; -} - -.search-module__search-form button[type='submit'] { - display: flex; - width: 16.666667%; - align-items: center; - justify-content: center; - gap: 0.75rem; - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; - --tw-bg-opacity: 1; - background-color: rgb(223 30 30 / var(--tw-bg-opacity)); - padding-left: 1rem; - padding-right: 1rem; - padding-top: 0.75rem; - padding-bottom: 0.75rem; - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); - max-width: 300px; -} - -.search-module__search-form button[type='submit'] .search_icon { - --tw-invert: invert(100%); - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); -} - -.search-module__suggestions { - display: flex; - flex-wrap: wrap; - -moz-column-gap: 0.75rem; - column-gap: 0.75rem; - padding-top: 1rem; -} - -.search-module__suggestions__navlist { - display: flex; - flex-wrap: wrap; - -moz-column-gap: 0.75rem; - column-gap: 0.75rem; -} - -.search-module__suggestions__navlist .suggestion-item { - font-weight: 700; - -webkit-text-decoration-line: underline; - text-decoration-line: underline; - text-underline-offset: 4px; -} - -.thematiques-post-viewer { - margin-left: auto; - margin-right: auto; - margin-top: 0px; - max-width: 1280px; - --tw-bg-opacity: 1; - background-color: rgb(47 1 84 / var(--tw-bg-opacity)); - padding-top: 3rem; - padding-bottom: 3rem; - text-align: center; - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.thematiques-post-viewer__title { - font-size: 1.25rem; - font-weight: 500; - text-transform: uppercase; - letter-spacing: 0.1em; -} - -.thematiques-post-viewer__description { - margin-left: auto; - margin-right: auto; - max-width: 782px; - padding-top: 1rem; - font-size: 2.25rem; - line-height: 2.5rem; - font-weight: 700; -} - -.thematiques-post-viewer__terms-grid { - margin-left: auto; - margin-right: auto; - display: grid; - max-width: 782px; - grid-template-columns: repeat(4, minmax(0, 1fr)); - gap: 1rem; - padding: 1rem; - padding-top: 2rem; -} - -.thematiques-post-viewer__terms-grid .term { - border-radius: 1.5rem; - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - padding-left: 1rem; - padding-right: 1rem; - padding-top: 1.5rem; - padding-bottom: 1.5rem; - font-weight: 700; - line-height: 1rem; -} - -.thematiques-post-viewer__terms-grid .term img { - margin-left: auto; - margin-right: auto; - max-width: 80px; - border-radius: 0.5rem; - padding-bottom: 1rem; -} - -.breadcrumbs_navigation { - margin-left: auto; - margin-right: auto; - max-width: 1280px; - padding-top: 1.5rem; - padding-bottom: 1.5rem; -} - -.breadcrumbs_navigation ol { - display: flex; - list-style-type: none; - align-items: center; - font-size: 0.875rem; - line-height: 1.25rem; - font-weight: 700; -} - -.breadcrumbs_navigation ol li + li:before { - margin-left: 0.25rem; - margin-right: 0.5rem; - display: inline-block; - content: ''; - border-right: 2.5px solid #000; - border-bottom: 2.5px solid #000; - border-radius: 2px; - height: 8px; - width: 8px; - transform: rotate(-45deg); -} - -.archive-page-header { - margin-left: auto; - margin-right: auto; - margin-top: 0px; - max-width: 1280px; - border-radius: 1rem; - --tw-bg-opacity: 1; - background-color: rgb(47 1 84 / var(--tw-bg-opacity)); - padding-top: 3rem; - padding-bottom: 3rem; - text-align: center; - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.archive-page-header__title { - font-size: 1.25rem; - font-weight: 500; - text-transform: uppercase; - letter-spacing: 0.1em; -} - -.archive-page-header__description { - margin-left: auto; - margin-right: auto; - max-width: 782px; - padding-top: 1rem; - font-size: 2.25rem; - line-height: 2.5rem; - font-weight: 700; -} - -/* POUR TEMPLATE ARCHIVE CONSEILS ET ARCHIVE QUESTIONS */ - -.archive-page-header__terms-grid { - margin-left: auto; - margin-right: auto; - display: grid; - max-width: 782px; - grid-template-columns: repeat(4, minmax(0, 1fr)); - gap: 1rem; - padding: 1rem; - padding-top: 2rem; -} - -.archive-page-header__terms-grid .term { - border-radius: 1.5rem; - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - padding-left: 1rem; - padding-right: 1rem; - padding-top: 1.5rem; - padding-bottom: 1.5rem; - font-weight: 700; - line-height: 1rem; -} - -.archive-page-header__terms-grid .term img { - margin-left: auto; - margin-right: auto; - max-width: 80px; - border-radius: 0.5rem; - padding-bottom: 1rem; -} - -/* POUR PUBLICATIONS */ - -.archive-page-header__search-grid { - margin-left: auto; - margin-right: auto; - display: grid; - max-width: 782px; - grid-template-columns: repeat(4, minmax(0, 1fr)); - gap: 1rem; - padding: 1rem; - padding-top: 2rem; -} - -.archive-page-header__search-grid .term { - border-radius: 1.5rem; - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - padding-left: 1rem; - padding-right: 1rem; - padding-top: 1.5rem; - padding-bottom: 1.5rem; - font-weight: 700; - line-height: 1rem; -} - -.archive-page-header__search-grid .term img { - margin-left: auto; - margin-right: auto; - max-width: 80px; - border-radius: 0.5rem; - padding-bottom: 1rem; -} - -.publications-grid { - margin-left: auto; - margin-right: auto; - margin-bottom: 3rem; - max-width: 1280px; - padding-top: 3rem; - padding-bottom: 3rem; -} - -.publications-grid__row { - display: grid; - grid-template-columns: repeat(11, minmax(0, 1fr)); - gap: 2rem; - align-items: center; -} - -.publications-grid__row + .publications-grid__row { - margin-top: 2rem; - border-top-width: 1px; - border-color: rgb(239, 239, 239, 0.6); - padding-top: 2rem; -} - -.publications-grid__cover { - grid-column: span 1 / span 1; - width: 5rem; - border-radius: 0.5rem; -} - -.publications-grid__title { - grid-column: span 4 / span 4; - font-weight: 700; -} - -.publications-grid__thematique { - grid-column: span 2 / span 2; - text-align: center; -} - -.publications-grid__edition { - grid-column: span 2 / span 2; - text-align: center; -} - -.publications-grid__button { - grid-column: span 2 / span 2; - display: flex; - justify-content: flex-end; -} - -.card-news { - position: relative; - border-radius: 1.5rem; - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.card-news__thumbnail { - height: 190px; - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; - -o-object-fit: cover; - object-fit: cover; -} - -.card-news__inner { - height: 100%; - padding: 2rem; -} - -.card-news__heading { - display: flex; - flex-direction: column-reverse; -} - -.card-news__tag { - margin-bottom: 1rem; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - border-radius: 0.75rem; - --tw-bg-opacity: 1; - background-color: rgb(255 237 236 / var(--tw-bg-opacity)); - padding-left: 1rem; - padding-right: 1rem; - padding-top: 0.25rem; - padding-bottom: 0.25rem; - --tw-text-opacity: 1; - color: rgb(223 30 30 / var(--tw-text-opacity)); -} - -.card-news__title { - margin-bottom: 1rem; - font-size: 1.5rem; - line-height: 2rem; - font-weight: 700; - --tw-text-opacity: 1; - color: rgb(223 30 30 / var(--tw-text-opacity)); - line-height: 1.1; -} - -.card-frequent-question { - position: relative; - border-radius: 1.5rem; - padding: 2rem; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -} - -.card-frequent-question__icon { - max-width: 80px; -} - -.card-frequent-question__title { - margin-top: 1rem; - padding-bottom: 1rem; - font-size: 1.25rem; - font-weight: 700; -} - -.card-frequent-question__details-container { - margin-top: 1rem; - display: flex; - align-items: center; - justify-content: space-between; -} - -.card-frequent-question__tags_container { - display: flex; - flex-wrap: wrap; - -moz-column-gap: 0.75rem; - column-gap: 0.75rem; -} - -.card-frequent-question__tags_container .tag { - border-radius: 0.5rem; - padding-top: 0.25rem; - padding-bottom: 0.25rem; - padding-left: 1rem; - padding-right: 1rem; -} - -.card-frequent-question.card-acoustique:hover .cta_arrow_button, .card-frequent-question.card-petites-coproprietes:hover .cta_arrow_button { - filter: invert(27%) sepia(88%) saturate(1302%) hue-rotate(206deg) brightness(105%) contrast(114%); -} - -.card-frequent-question.card-au-quotidien:hover .cta_arrow_button, .card-frequent-question.card-isolation:hover .cta_arrow_button { - filter: invert(21%) sepia(94%) saturate(3059%) hue-rotate(26deg) brightness(98%) contrast(98%); -} - -.card-frequent-question.card-energies:hover .cta_arrow_button, .card-frequent-question.card-urbanisme:hover .cta_arrow_button { - filter: invert(28%) sepia(89%) saturate(1188%) hue-rotate(131deg) brightness(95%) contrast(98%); -} - -.card-frequent-question.card-location:hover .cta_arrow_button { - filter: invert(13%) sepia(71%) saturate(4425%) hue-rotate(338deg) brightness(109%) contrast(117%); -} - -.card-frequent-question.card-patrimoine:hover .cta_arrow_button { - filter: invert(25%) sepia(79%) saturate(6075%) hue-rotate(263deg) brightness(99%) contrast(96%); -} - -.card-thematique { - position: relative; - display: flex; - flex-direction: column; - border-radius: 1.5rem; - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - padding: 2rem; - transition: all 0.3s ease-in-out; - box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15); -} - -.card-thematique__thumbnail { - width: 100%; - align-self: flex-end; - max-height: 250px; - width: auto; - margin-top: -110px; - margin-right: 0px; -} - -.card-thematique__title { - padding-bottom: 1rem; - font-size: 1.125rem; - line-height: 1.75rem; - font-weight: 700; -} - -.card-thematique__descritpion { -} - -.card-thematique__cta { - display: flex; - align-items: center; - justify-content: space-between; - padding-top: 2rem; - font-weight: 700; -} - -.card-thematique__cta::after { - position: absolute; - content: var(--tw-content); - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; -} - -.card-thematique__cta:hover { - opacity: 1; -} - -.card-thematique__cta { - transition: font-weight 0.3s ease-in-out; -} - -.card-thematique__cta .cta_arrow_button { - display: block; - width: 50px; - height: 50px; -} - -.card-thematique:hover { - transform: scale(1.02) translateY(-10px); - box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.15); -} - -.card-thematique:hover .cta_arrow_button { - opacity: 1; -} - -.card-thematique.card-acoustique:hover .cta_arrow_button, .card-thematique.card-petites-coproprietes:hover .cta_arrow_button { - filter: invert(27%) sepia(88%) saturate(1302%) hue-rotate(206deg) brightness(105%) contrast(114%); -} - -.card-thematique.card-au-quotidien:hover .cta_arrow_button, .card-thematique.card-isolation:hover .cta_arrow_button { - filter: invert(21%) sepia(94%) saturate(3059%) hue-rotate(26deg) brightness(98%) contrast(98%); -} - -.card-thematique.card-energies:hover .cta_arrow_button, .card-thematique.card-urbanisme:hover .cta_arrow_button { - filter: invert(28%) sepia(89%) saturate(1188%) hue-rotate(131deg) brightness(95%) contrast(98%); -} - -.card-thematique.card-location:hover .cta_arrow_button { - filter: invert(13%) sepia(71%) saturate(4425%) hue-rotate(338deg) brightness(109%) contrast(117%); -} - -.card-thematique.card-patrimoine:hover .cta_arrow_button { - filter: invert(25%) sepia(79%) saturate(6075%) hue-rotate(263deg) brightness(99%) contrast(96%); -} - -.post-conseils-chapter-header { - margin-left: auto; - margin-right: auto; - margin-top: 2rem; - display: flex; - max-width: 1440px; - flex-direction: column; - align-items: center; - justify-content: center; - border-radius: 1rem; - padding: 2rem; -} - -@media (min-width: 782px) { - .post-conseils-chapter-header { - padding-left: 4rem; - padding-right: 4rem; - } -} - -@media (min-width: 960px) { - .post-conseils-chapter-header { - flex-direction: row; - } -} - -.post-conseils-chapter-header { - margin-bottom: 20px; - /* .post-conseil-page--acoustique & { - @apply !bg-pink-500; - } */ -} - -.post-conseils-chapter-header__page-thematic-cover { - max-width: 400px; -} - -.post-conseils-chapter-header__page-thematic-title { - padding-bottom: 1rem; - font-size: 1.25rem; - font-weight: 700; - text-transform: uppercase; - letter-spacing: 0.05em; -} - -.post-conseils-chapter-header__page-title { - font-size: 2.25rem; - line-height: 2.5rem; - font-weight: 700; -} - -.post-conseils-chapter-header__infos { - max-width: 42rem; -} - -.post-conseils-chapter-header__infos .cta { - margin-top: 2rem; - margin-bottom: 2rem; -} - -.post-conseils-chapter-header__infos time { - margin-top: 1.5rem; - display: block; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - border-radius: 1.5rem; - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - padding-top: 0.5rem; - padding-bottom: 0.5rem; - padding-left: 1.5rem; - padding-right: 1.5rem; -} - -.post-chapter-header { - margin-left: auto; - margin-right: auto; - margin-top: 2rem; - display: flex; - max-width: 1440px; - align-content: space-between; - align-items: center; - border-radius: 1rem; - padding: 2rem; -} - -@media (min-width: 782px) { - .post-chapter-header { - padding-left: 4rem; - padding-right: 4rem; - } -} - -.post-chapter-header { - margin-bottom: 20px; -} - -.post-chapter-header__page-thematic-cover { - max-width: 400px; -} - -.post-chapter-header__page-thematic-title { - padding-bottom: 1rem; - font-size: 1.25rem; - font-weight: 700; - text-transform: uppercase; - letter-spacing: 0.05em; -} - -.post-chapter-header__page-title { - font-size: 2.25rem; - line-height: 2.5rem; - font-weight: 700; -} - -.post-chapter-header__infos { - max-width: 42rem; -} - -.post-chapter-header__infos .cta { - margin-top: 2rem; - margin-bottom: 2rem; -} - -/* ########### LAYOUT ############ */ - -header#main-header { - display: flex; - flex-direction: column-reverse; -} - -@media (min-width: 960px) { - header#main-header { - flex-direction: column; - } -} - -.skiplinks { - --tw-bg-opacity: 1; - background-color: rgb(47 1 84 / var(--tw-bg-opacity)); - padding-left: 2rem; -} - -.skiplinks__link { - transition: margin 0.25s ease-in-out; - display: block; - max-height: 0px; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - overflow: hidden; - border-radius: 0.375rem; - --tw-border-opacity: 1; - border-color: rgb(255 255 255 / var(--tw-border-opacity)); - padding-left: 1rem; - padding-right: 1rem; - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.skiplinks__link:focus { - margin-top: 1rem; - margin-bottom: 1rem; - max-height: 3rem; - border-width: 1px; - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -.sub-menu { - z-index: 10; -} - -.site-footer { - display: grid; - grid-template-columns: repeat(4, minmax(0, 1fr)); - gap: 2rem; - background-color: rgb(239, 239, 239, 0.6); - padding-left: 2rem; - padding-right: 2rem; -} - -.site-footer__informative-message { - grid-column: span 4 / span 4; - display: flex; - justify-content: center; - border-radius: 1.5rem; - --tw-bg-opacity: 1; - background-color: rgb(47 1 84 / var(--tw-bg-opacity)); - padding: 2rem; - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.site-footer__informative-message img { - margin-right: 0.5rem; -} - -.site-footer__partenaires, - .site-footer__metiers-patrimoine, - .site-footer__infos-contact, - .site-footer__navigation-menu { - border-radius: 1.5rem; - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - padding: 2rem; -} - -.site-footer__infos-contact { - grid-column: span 4 / span 4; - display: grid; - gap: 1.5rem; -} - -@media (min-width: 960px) { - .site-footer__infos-contact { - grid-column: span 1 / span 1; - } -} - -.site-footer__infos-contact .external-link { - margin-top: 0.25rem; - padding-top: 0.5rem; -} - -.site-footer__navigation-menu { - grid-column: span 4 / span 4; -} - -@media (min-width: 960px) { - .site-footer__navigation-menu { - grid-column: span 3 / span 3; - } -} - -.site-footer__navigation-menu .footer-menu-renovateur { - display: flex; - width: 100%; - align-items: flex-end; - justify-content: center; - gap: 1rem; - --tw-bg-opacity: 1; - background-color: rgb(223 30 30 / var(--tw-bg-opacity)); -} - -.site-footer__navigation-menu .footer-menu-renovateur .sub-menu { - display: none; -} - -.site-footer__navigation-menu .extra_details { - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; -} - -.site-footer__navigation-menu .extra_details .social-networks { - display: flex; - gap: 1rem; -} - -.site-footer__partenaires { - grid-column: span 4 / span 4; - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: center; - gap: 3rem; -} - -@media (min-width: 782px) { - .site-footer__partenaires { - grid-column: span 2 / span 2; - } -} - -.site-footer__partenaires a img { - display: inline-block; -} - -.site-footer__metiers-patrimoine { - grid-column: span 4 / span 4; -} - -@media (min-width: 782px) { - .site-footer__metiers-patrimoine { - grid-column: span 2 / span 2; - } -} - -.menu-renovateur { - position: relative; - display: flex; - flex-wrap: wrap; - justify-content: space-between; - padding-top: 2rem; - padding-bottom: 2rem; - padding-left: 1rem; - padding-right: 1rem; - --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -@media (min-width: 600px) { - .menu-renovateur { - padding-left: 2rem; - padding-right: 2rem; - } -} - -@media (min-width: 782px) { - .menu-renovateur { - padding-left: 4rem; - padding-right: 4rem; - } -} - -.menu-renovateur .website_logo { - order: 1; - margin-right: 3rem; - width: 190px; -} - -@media (min-width: 1280px) { - .menu-renovateur .website_logo { - width: 222px; - } -} - -.menu-renovateur .website_logo a:focus img { - outline: red solid 1px; - outline-width: 1px; - outline-offset: 8px; - outline-radius: 50px; -} - -/* &__main-elements { - @apply w-full bg-red-200 flex justify-between items-center; - } */ - -.menu-renovateur__navlist { - position: relative; - justify-content: center; -} - -@media (min-width: 960px) { - .menu-renovateur__navlist { - display: flex; - } -} - -.menu-renovateur__navlist > .menu-item:hover > a, - .menu-renovateur__navlist > .menu-item:hover > button, - .menu-renovateur__navlist > .menu-item > a:focus, - .menu-renovateur__navlist > .menu-item > button:focus { - background-color: rgb(239, 239, 239, 0.6); - --tw-text-opacity: 1; - color: rgb(223 30 30 / var(--tw-text-opacity)); -} - -.menu-renovateur__navlist > .menu-item { - font-weight: 700; - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -@media (min-width: 960px) { - .menu-renovateur__navlist > .menu-item { - position: relative; - } -} - -/* Generic Submenu Item */ - -.menu-renovateur__navlist .sub-menu { - position: fixed; - top: 0px; - z-index: 50; - min-height: 100vh; - width: 100%; - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - padding: 2rem; -} - -@media (min-width: 960px) { - .menu-renovateur__navlist .sub-menu { - position: absolute; - min-height: 0px; - width: 100vw; - max-width: 48rem; - bottom: -31px; - transform: translateY(100%); - top: unset; - } -} - -.menu-renovateur__navlist .sub-menu--closed { - display: none; -} - -.menu-renovateur__navlist .sub-menu--open { - display: block; -} - -/* Conseils — Thamtiques Submenu Item */ - -.menu-renovateur__navlist li#menu-item-168 .sub-menu__navlist { - display: grid; - gap: 1rem; -} - -@media (min-width: 782px) { - .menu-renovateur__navlist li#menu-item-168 .sub-menu__navlist { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } -} - -.menu-renovateur__navlist li#menu-item-168 .sub-menu__navlist__item a { - display: flex; - gap: 1rem; -} - -.menu-renovateur__navlist li#menu-item-168 .sub-menu__navlist__thematique-icon { - max-width: 80px; -} - -.menu-renovateur__navlist li#menu-item-168 .sub-menu__navlist__description { - font-size: 0.875rem; - line-height: 1.25rem; - font-weight: 400; - line-height: 1.3; -} - -/* Conseils — Thamtiques Submenu Item */ - -.menu-renovateur__navlist li#menu-item-169 .sub-menu { - /* @apply hidden; */ -} - -.menu-renovateur__navlist li#menu-item-169 .sub-menu__navlist { - display: flex; - gap: 1.25rem; -} - -.menu-renovateur__navlist li#menu-item-169 .sub-menu__navlist li { - -webkit-text-decoration-line: underline; - text-decoration-line: underline; - text-underline-offset: 4px; -} - -.menu-renovateur .menu-item .page_icon { - height: 50px; - width: 50px; -} - -.menu-renovateur .menu-item__submenu-title { - margin-bottom: 1rem; - border-bottom-width: 1px; - --tw-border-opacity: 1; - border-color: rgb(118 117 117 / var(--tw-border-opacity)); - padding-bottom: 1rem; -} - -.menu-renovateur .menu-item__submenu-toggle, - .menu-renovateur .menu-item > a { - display: flex; - align-items: center; - justify-content: center; - border-radius: 1.5rem; - padding: 1.5rem; -} - -.menu-renovateur .menu-item__submenu-toggle { - text-align: left; -} - -.menu-renovateur .menu-item__submenu-close { - position: absolute; - top: 2rem; - right: 2rem; - height: auto; - border-radius: 9999px; - text-align: right; - outline-offset: 4px; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - padding: 0; -} - -.menu-renovateur__navlist-container { - order: 3; - width: 100%; -} - -@media (min-width: 960px) { - .menu-renovateur__navlist-container { - order: 2; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - } -} - -@media screen and (max-width: 960px) { - .menu-renovateur__navlist-container { - overflow: hidden; - } - - .menu-renovateur__navlist-container[opened] { - -webkit-animation: height-in 400ms forwards ease-out, fade-in 800ms forwards ease-in; - animation: height-in 400ms forwards ease-out, fade-in 800ms forwards ease-in; - } - - .menu-renovateur__navlist-container[closing] { - -webkit-animation: height-out 500ms forwards ease-out, fade-out 800ms forwards ease-in; - animation: height-out 500ms forwards ease-out, fade-out 800ms forwards ease-in; - } - - .menu-renovateur__navlist-container[closed] { - display: none; - } -} - -.menu-renovateur__interaction_toggles { - order: 2; - display: flex; - align-items: center; - justify-content: flex-start; - gap: 1rem; -} - -@media (min-width: 960px) { - .menu-renovateur__interaction_toggles { - order: 3; - } -} - -.menu-renovateur__mobile-menu-toggle { - display: flex; - align-items: center; - gap: 1rem; -} - -@media (min-width: 960px) { - .menu-renovateur__mobile-menu-toggle { - display: none; - } -} - -.menu-renovateur__mobile-menu-toggle { - /* &:after { - @apply block w-8 h-8; - content: url('../resources/images/menu.svg'); - } */ -} - -.menu-renovateur__mobile-menu-toggle .toggle-icon { - /* transform: translate(0, 7px); */ - position: relative; - height: 1rem; - width: 1.5rem; - opacity: 0.8; -} - -.menu-renovateur__mobile-menu-toggle .toggle-icon__bar { - position: absolute; - width: 100%; - --tw-bg-opacity: 1; - background-color: rgb(0 0 0 / var(--tw-bg-opacity)); - height: 3px; -} - -.menu-renovateur__mobile-menu-toggle .toggle-icon__bar--top { - top: 0; - transition: all 0.3s ease-in-out; -} - -.menu-renovateur__mobile-menu-toggle .toggle-icon__bar--middle { - top: 50%; - transform: translateY(-50%); -} - -.menu-renovateur__mobile-menu-toggle .toggle-icon__bar--bottom { - bottom: 0; - transition: all 0.3s ease-in-out; -} - -.menu-renovateur__mobile-menu-toggle[aria-expanded='true'] .toggle-icon { - position: relative; -} - -.menu-renovateur__mobile-menu-toggle[aria-expanded='true'] .toggle-icon__bar--top { - top: 50%; - transform: translateY(-50%) rotate(45deg); -} - -.menu-renovateur__mobile-menu-toggle[aria-expanded='true'] .toggle-icon__bar--middle { - opacity: 0; -} - -.menu-renovateur__mobile-menu-toggle[aria-expanded='true'] .toggle-icon__bar--bottom { - top: 50%; - transform: translateY(-50%) rotate(-45deg); -} - -.menu-renovateur__search-module-toggle { - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; -} - -.menu-renovateur--footer { - width: 100%; - padding: 0px; - --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); -} - -.menu-renovateur--footer .menu-renovateur__navlist-container { - width: 100%; -} - -.menu-renovateur--footer .menu-renovateur__navlist { - position: relative; - display: grid; - row-gap: 1rem; -} - -@media (min-width: 600px) { - .menu-renovateur--footer .menu-renovateur__navlist { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } -} - -@media (min-width: 960px) { - .menu-renovateur--footer .menu-renovateur__navlist { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } -} - -.menu-renovateur--footer .menu-renovateur__navlist .menu-item { - justify-content: flex-start; -} - -.menu-renovateur--footer li .page_icon { - height: 50px; - width: 50px; -} - -.menu-renovateur--footer li { - display: flex; - align-items: center; - justify-content: flex-start; - font-weight: 700; - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -.menu-renovateur--footer li .sub-menu { - /* @apply hidden; */ - /* @apply absolute top-0 left-0 z-50 w-full h-full bg-white grid grid-cols-2; */ -} - -.menu-renovateur--footer .menu-item__submenu-toggle, - .menu-renovateur--footer .menu-item > a { - padding: 0.75rem; -} - -/* .primary-menu-container { */ - -.menu-homegrade { - position: relative; - margin-left: auto; - margin-right: auto; - margin-top: 0px; - margin-bottom: 0px; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - width: 100%; - --tw-bg-opacity: 1; - background-color: rgb(47 1 84 / var(--tw-bg-opacity)); - padding-top: 1rem; - padding-bottom: 1rem; - padding-left: 2rem; - padding-right: 2rem; - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -@media (min-width: 1440px) { - .menu-homegrade { - padding-left: 8rem; - padding-right: 8rem; - } -} - -.menu-homegrade { - /*##### RESPONSIVE */ - /* @media (max-width: 960px) { - &__wrapper-container { - @apply mt-0 - left-0 - z-40 - absolute - hidden; - - min-height: 100vh; - height: fit-content; - top: 0; - width: 100vw; - - // Rendu conditionnel de l'élément si contenu dans une classe de parent (nesting inversé) - - .nav-open & { - @apply flex; - } - - > ul { - @apply max-w-xs - mx-auto; - padding-top: 5vh; - } - li.menu-item { - @apply mt-0 - text-center - text-white - font-medium - py-8 - text-lg - !block - pb-0; - - .sub-menu li { - @apply text-sm; - } - } - } - - // BURGER MENU - body:has(.nav-open) { - @apply max-h-screen - overflow-hidden; - } - } */ - /* @media (max-width: 960px) and (hover: none) { - li.menu-item { - @apply mx-auto - } - } */ -} - -/* submenus */ - -.menu-homegrade .sub-menu[open] { - display: block; -} - -.menu-homegrade .sub-menu { - position: static; - bottom: 0px; - margin-left: auto; - margin-right: auto; - --tw-translate-y: 100%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - --tw-bg-opacity: 1; - background-color: rgb(47 1 84 / var(--tw-bg-opacity)); - padding: 1.5rem; -} - -@media (min-width: 960px) { - .menu-homegrade .sub-menu { - position: absolute; - margin-left: 0px; - margin-right: 0px; - } -} - -.menu-homegrade .sub-menu { - z-index: 999; - display: none; -} - -.menu-homegrade .sub-menu--closed { - display: none; -} - -.menu-homegrade .sub-menu--open { - display: block; -} - -.menu-homegrade .sub-menu li { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - -@media (min-width: 960px) { - .menu-homegrade .sub-menu li { - text-align: left; - } -} - -.menu-homegrade .sub-menu > a::after { - transform: translateY(-2px) rotate(-90deg); - content: ''; - display: inline-block; - height: 10px; - width: 10px; - margin-left: 20px; - background-image: url('../resources/img/arrow_down_white.svg'); - background-repeat: no-repeat; - background-size: contain; - transition: all 0.3s ease-out; -} - -/* &__wrapper-container { - } */ - -.menu-homegrade__navlist { - margin-left: auto; - margin-right: auto; - width: 100%; - max-width: 1440px; - justify-content: flex-end; - padding-right: 0px; -} - -@media (min-width: 960px) { - .menu-homegrade__navlist { - display: flex; - } -} - -/* Highlight using list element */ - -.menu-homegrade__navlist li.current-page-parent > a, - .menu-homegrade__navlist li.current_page_item > a { - font-weight: 500; - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); - -webkit-text-decoration-line: underline; - text-decoration-line: underline; - -webkit-text-decoration-color: #DF1E1E; - text-decoration-color: #DF1E1E; - text-underline-offset: 8px; -} - -.menu-homegrade__navlist li.menu-item { - border-radius: 0.75rem; - padding-left: 1rem; - padding-right: 1rem; - padding-top: 0.5rem; - padding-bottom: 0.5rem; - text-align: center; - font-weight: 500; -} - -.menu-homegrade__navlist li.menu-item:hover, - .menu-homegrade__navlist li.menu-item button:focus, - .menu-homegrade__navlist li.menu-item a:focus { - cursor: pointer; - background-color: rgba(255, 255, 255, 0.1); -} - -.menu-homegrade__navlist li.menu-item button:focus, - .menu-homegrade__navlist li.menu-item a:focus { - border-radius: 0.375rem; - text-decoration: none; - outline: 1px solid rgba(255, 255, 255, 0.8); - outline-offset: 8px; -} - -/* IF SUBMENU CHILD */ - -.menu-homegrade__navlist li.menu-item .menu-item__submenu-toggle:hover, - .menu-homegrade__navlist li.menu-item .menu-item__submenu-toggle:focus { - /* @apply text-secondary; */ -} - -.menu-homegrade__navlist li.menu-item .menu-item__submenu-toggle { - position: relative; - padding-right: 1rem; -} - -.menu-homegrade__navlist li.menu-item .menu-item__submenu-toggle:after { - content: ''; - display: inline-block; - transition: all 0.3s ease-out; - border-bottom: 2px solid white; - border-right: 2px solid white; - height: 10px; - width: 10px; - margin-left: 10px; -} - -.menu-homegrade__navlist li.menu-item .menu-item__submenu-toggle[aria-expanded='false']:after { - transform: translateY(-20%) rotate(45deg); -} - -.menu-homegrade__navlist li.menu-item .menu-item__submenu-toggle[aria-expanded='true']:after { - /* transform: rotate(225deg); */ - transform: translateY(40%) rotate(225deg); -} - -.menu-homegrade__burger-menu-toggle { - position: absolute; - right: 2.5rem; - top: 50%; - z-index: 50; - --tw-translate-y: -50%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -@media (min-width: 960px) { - .menu-homegrade__burger-menu-toggle { - display: none; - } -} - -.menu-homegrade__burger-menu-toggle { - width: 26px; - height: 26px; -} - -.menu-homegrade__burger-menu-toggle .menu-toggle-bar { - position: absolute; - top: 50%; - right: 0px; - display: block; - height: 2px; - width: 100%; - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - margin-top: -1px; - transition: all 0.3s ease; -} - -.menu-homegrade__burger-menu-toggle .menu-toggle-bar.menu-toggle-bar--top { - transform: translate(0, -7px); -} - -.menu-homegrade__burger-menu-toggle .menu-toggle-bar.menu-toggle-bar--middle { -} - -.menu-homegrade__burger-menu-toggle .menu-toggle-bar.menu-toggle-bar--bottom { - transform: translate(0, 7px); -} - -.nav-open .menu-homegrade__burger-menu-toggle .menu-toggle-bar { - --tw-bg-opacity: 1; - background-color: rgb(223 30 30 / var(--tw-bg-opacity)); -} - -.nav-open .menu-homegrade__burger-menu-toggle .menu-toggle-bar.menu-toggle-bar--top { - transform: translate(0, 0) rotate(45deg); -} - -.nav-open .menu-homegrade__burger-menu-toggle .menu-toggle-bar.menu-toggle-bar--middle { - opacity: 0; -} - -.nav-open .menu-homegrade__burger-menu-toggle .menu-toggle-bar.menu-toggle-bar--bottom { - transform: translate(0, 0) rotate(-45deg); -} - -.menu-homegrade__burger-menu-toggle:hover path { - fill: #DF1E1E; -} - -@media screen and (max-width: 960px) { - .menu-homegrade { - overflow: hidden; - } - - .menu-homegrade[opened] { - -webkit-animation: height-in 400ms forwards ease-out, fade-in 800ms forwards ease-in; - animation: height-in 400ms forwards ease-out, fade-in 800ms forwards ease-in; - } - - .menu-homegrade[closing] { - -webkit-animation: height-out 500ms forwards ease-in, fade-out 800ms forwards ease-in; - animation: height-out 500ms forwards ease-in, fade-out 800ms forwards ease-in; - } - - .menu-homegrade[closed] { - display: none; - } -} - -.menu-homegrade--header { -} - -.menu-homegrade--footer { - margin-top: 2rem; - display: grid; - row-gap: 2rem; -} - -@media (min-width: 600px) { - .menu-homegrade--footer { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } -} - -@media (min-width: 782px) { - .menu-homegrade--footer { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } -} - -.menu-homegrade--footer li.menu-item a:hover { - --tw-text-opacity: 1; - color: rgb(223 30 30 / var(--tw-text-opacity)); -} - -.menu-homegrade--footer > li.menu-item > a, - .menu-homegrade--footer h6.page-group-title { - margin-bottom: 0.5rem; - display: block; - font-weight: 700; -} - -.menu-homegrade--footer h6.page-group-title { - cursor: not-allowed; - /* order: 1; */ -} - -.menu-homegrade--footer .sub-menu li { - margin-top: 0.25rem; - margin-bottom: 0.25rem; - display: block; -} - -.menu-homegrade--footer .wpml-ls-menu-item { - display: none; -} - -/* ###### EDITOR ##### */ - -/* ------------------------------------------------- - BLUE SCHEME — PETITES COPROPRIÉTÉS & ACOUSTIQUE ----------------------------------------------------*/ - -body.petites-coproprietes h2, - body.petites-coproprietes h3, - body.petites-coproprietes h4, - body.petites-coproprietes h5, - body.petites-coproprietes h6, - body.petites-coproprietes ul li::marker, - body.petites-coproprietes ol li::marker, - body.petites-coproprietes .homegrade-blocks-focused-thematique__figcaption-toggle, - .entry-content--petites-coproprietes h2, - .entry-content--petites-coproprietes h3, - .entry-content--petites-coproprietes h4, - .entry-content--petites-coproprietes h5, - .entry-content--petites-coproprietes h6, - .entry-content--petites-coproprietes ul li::marker, - .entry-content--petites-coproprietes ol li::marker, - .entry-content--petites-coproprietes .homegrade-blocks-focused-thematique__figcaption-toggle, - .post-conseil-page--petites-coproprietes h2, - .post-conseil-page--petites-coproprietes h3, - .post-conseil-page--petites-coproprietes h4, - .post-conseil-page--petites-coproprietes h5, - .post-conseil-page--petites-coproprietes h6, - .post-conseil-page--petites-coproprietes ul li::marker, - .post-conseil-page--petites-coproprietes ol li::marker, - .post-conseil-page--petites-coproprietes .homegrade-blocks-focused-thematique__figcaption-toggle, - .post-question-page--petites-coproprietes h2, - .post-question-page--petites-coproprietes h3, - .post-question-page--petites-coproprietes h4, - .post-question-page--petites-coproprietes h5, - .post-question-page--petites-coproprietes h6, - .post-question-page--petites-coproprietes ul li::marker, - .post-question-page--petites-coproprietes ol li::marker, - .post-question-page--petites-coproprietes .homegrade-blocks-focused-thematique__figcaption-toggle, - body.acoustique h2, - body.acoustique h3, - body.acoustique h4, - body.acoustique h5, - body.acoustique h6, - body.acoustique ul li::marker, - body.acoustique ol li::marker, - body.acoustique .homegrade-blocks-focused-thematique__figcaption-toggle, - .entry-content--acoustique h2, - .entry-content--acoustique h3, - .entry-content--acoustique h4, - .entry-content--acoustique h5, - .entry-content--acoustique h6, - .entry-content--acoustique ul li::marker, - .entry-content--acoustique ol li::marker, - .entry-content--acoustique .homegrade-blocks-focused-thematique__figcaption-toggle, - .post-conseil-page--acoustique h2, - .post-conseil-page--acoustique h3, - .post-conseil-page--acoustique h4, - .post-conseil-page--acoustique h5, - .post-conseil-page--acoustique h6, - .post-conseil-page--acoustique ul li::marker, - .post-conseil-page--acoustique ol li::marker, - .post-conseil-page--acoustique .homegrade-blocks-focused-thematique__figcaption-toggle, - .post-question-page--acoustique h2, - .post-question-page--acoustique h3, - .post-question-page--acoustique h4, - .post-question-page--acoustique h5, - .post-question-page--acoustique h6, - .post-question-page--acoustique ul li::marker, - .post-question-page--acoustique ol li::marker, - .post-question-page--acoustique .homegrade-blocks-focused-thematique__figcaption-toggle { - --tw-text-opacity: 1; - color: rgb(36 94 242 / var(--tw-text-opacity)); -} - -body.petites-coproprietes .chapter_index__position-indicator, - body.petites-coproprietes .homegrade-blocks-focus-point-bullet, - body.petites-coproprietes .homegrade-blocks-focus-point-bullet:after, - body.petites-coproprietes .homegrade-blocks-focused-schema ol li:before, - body.petites-coproprietes .wp-block-button__link, - body.petites-coproprietes ul li:before, - .entry-content--petites-coproprietes .chapter_index__position-indicator, - .entry-content--petites-coproprietes .homegrade-blocks-focus-point-bullet, - .entry-content--petites-coproprietes .homegrade-blocks-focus-point-bullet:after, - .entry-content--petites-coproprietes .homegrade-blocks-focused-schema ol li:before, - .entry-content--petites-coproprietes .wp-block-button__link, - .entry-content--petites-coproprietes ul li:before, - .post-conseil-page--petites-coproprietes .chapter_index__position-indicator, - .post-conseil-page--petites-coproprietes .homegrade-blocks-focus-point-bullet, - .post-conseil-page--petites-coproprietes .homegrade-blocks-focus-point-bullet:after, - .post-conseil-page--petites-coproprietes .homegrade-blocks-focused-schema ol li:before, - .post-conseil-page--petites-coproprietes .wp-block-button__link, - .post-conseil-page--petites-coproprietes ul li:before, - .post-question-page--petites-coproprietes .chapter_index__position-indicator, - .post-question-page--petites-coproprietes .homegrade-blocks-focus-point-bullet, - .post-question-page--petites-coproprietes .homegrade-blocks-focus-point-bullet:after, - .post-question-page--petites-coproprietes .homegrade-blocks-focused-schema ol li:before, - .post-question-page--petites-coproprietes .wp-block-button__link, - .post-question-page--petites-coproprietes ul li:before, - body.acoustique .chapter_index__position-indicator, - body.acoustique .homegrade-blocks-focus-point-bullet, - body.acoustique .homegrade-blocks-focus-point-bullet:after, - body.acoustique .homegrade-blocks-focused-schema ol li:before, - body.acoustique .wp-block-button__link, - body.acoustique ul li:before, - .entry-content--acoustique .chapter_index__position-indicator, - .entry-content--acoustique .homegrade-blocks-focus-point-bullet, - .entry-content--acoustique .homegrade-blocks-focus-point-bullet:after, - .entry-content--acoustique .homegrade-blocks-focused-schema ol li:before, - .entry-content--acoustique .wp-block-button__link, - .entry-content--acoustique ul li:before, - .post-conseil-page--acoustique .chapter_index__position-indicator, - .post-conseil-page--acoustique .homegrade-blocks-focus-point-bullet, - .post-conseil-page--acoustique .homegrade-blocks-focus-point-bullet:after, - .post-conseil-page--acoustique .homegrade-blocks-focused-schema ol li:before, - .post-conseil-page--acoustique .wp-block-button__link, - .post-conseil-page--acoustique ul li:before, - .post-question-page--acoustique .chapter_index__position-indicator, - .post-question-page--acoustique .homegrade-blocks-focus-point-bullet, - .post-question-page--acoustique .homegrade-blocks-focus-point-bullet:after, - .post-question-page--acoustique .homegrade-blocks-focused-schema ol li:before, - .post-question-page--acoustique .wp-block-button__link, - .post-question-page--acoustique ul li:before { - --tw-bg-opacity: 1; - background-color: rgb(36 94 242 / var(--tw-bg-opacity)); -} - -body.petites-coproprietes .homegrade-blocks-highlight, .entry-content--petites-coproprietes .homegrade-blocks-highlight, .post-conseil-page--petites-coproprietes .homegrade-blocks-highlight, .post-question-page--petites-coproprietes .homegrade-blocks-highlight, body.acoustique .homegrade-blocks-highlight, .entry-content--acoustique .homegrade-blocks-highlight, .post-conseil-page--acoustique .homegrade-blocks-highlight, .post-question-page--acoustique .homegrade-blocks-highlight { - --tw-bg-opacity: 1; - background-color: rgb(223 241 255 / var(--tw-bg-opacity)); -} - -body.petites-coproprietes .tooltip-word, .entry-content--petites-coproprietes .tooltip-word, .post-conseil-page--petites-coproprietes .tooltip-word, .post-question-page--petites-coproprietes .tooltip-word, body.acoustique .tooltip-word, .entry-content--acoustique .tooltip-word, .post-conseil-page--acoustique .tooltip-word, .post-question-page--acoustique .tooltip-word { - -webkit-text-decoration-color: #245EF2 !important; - text-decoration-color: #245EF2 !important; -} - -body.petites-coproprietes .homegrade-blocks-aside, .entry-content--petites-coproprietes .homegrade-blocks-aside, .post-conseil-page--petites-coproprietes .homegrade-blocks-aside, .post-question-page--petites-coproprietes .homegrade-blocks-aside, body.acoustique .homegrade-blocks-aside, .entry-content--acoustique .homegrade-blocks-aside, .post-conseil-page--acoustique .homegrade-blocks-aside, .post-question-page--acoustique .homegrade-blocks-aside { - --tw-border-opacity: 1; - border-color: rgb(36 94 242 / var(--tw-border-opacity)); -} - -body.petites-coproprietes .post-conseils-chapter-header__infos p, .entry-content--petites-coproprietes .post-conseils-chapter-header__infos p, .post-conseil-page--petites-coproprietes .post-conseils-chapter-header__infos p, .post-question-page--petites-coproprietes .post-conseils-chapter-header__infos p, body.acoustique .post-conseils-chapter-header__infos p, .entry-content--acoustique .post-conseils-chapter-header__infos p, .post-conseil-page--acoustique .post-conseils-chapter-header__infos p, .post-question-page--acoustique .post-conseils-chapter-header__infos p { - --tw-text-opacity: 1; - color: rgb(36 94 242 / var(--tw-text-opacity)); -} - -body.petites-coproprietes .post-conseils-chapter-header time, .entry-content--petites-coproprietes .post-conseils-chapter-header time, .post-conseil-page--petites-coproprietes .post-conseils-chapter-header time, .post-question-page--petites-coproprietes .post-conseils-chapter-header time, body.acoustique .post-conseils-chapter-header time, .entry-content--acoustique .post-conseils-chapter-header time, .post-conseil-page--acoustique .post-conseils-chapter-header time, .post-question-page--acoustique .post-conseils-chapter-header time { - --tw-text-opacity: 1; - color: rgb(36 94 242 / var(--tw-text-opacity)); -} - -body.petites-coproprietes .homegrade-blocks-lien-chapitre__cta:hover, .entry-content--petites-coproprietes .homegrade-blocks-lien-chapitre__cta:hover, .post-conseil-page--petites-coproprietes .homegrade-blocks-lien-chapitre__cta:hover, .post-question-page--petites-coproprietes .homegrade-blocks-lien-chapitre__cta:hover, body.acoustique .homegrade-blocks-lien-chapitre__cta:hover, .entry-content--acoustique .homegrade-blocks-lien-chapitre__cta:hover, .post-conseil-page--acoustique .homegrade-blocks-lien-chapitre__cta:hover, .post-question-page--acoustique .homegrade-blocks-lien-chapitre__cta:hover { - filter: invert(27%) sepia(88%) saturate(1302%) hue-rotate(206deg) brightness(105%) contrast(114%); -} - -/* PETITES COPROPRIÉTÉS — SPECIFIC */ - -body.petites-coproprietes .post-conseils-chapter-header, .entry-content--petites-coproprietes .post-conseils-chapter-header, .post-conseil-page--petites-coproprietes .post-conseils-chapter-header, .post-question-page--petites-coproprietes .post-conseils-chapter-header { - background: var(--wp--preset--gradient--gradient-blue); -} - -/* ACOUSTIQUE — SPECIFIC */ - -body.acoustique .post-conseils-chapter-header, .entry-content--acoustique .post-conseils-chapter-header, .post-conseil-page--acoustique .post-conseils-chapter-header, .post-question-page--acoustique .post-conseils-chapter-header { - --tw-bg-opacity: 1; - background-color: rgb(223 241 255 / var(--tw-bg-opacity)); -} - -/* ----------------------------------- - GREEN SCHEME — ÉNERGIES & URBANISME --------------------------------------*/ - -body.urbanisme h2, - body.urbanisme h3, - body.urbanisme h4, - body.urbanisme h5, - body.urbanisme h6, - body.urbanisme ol li::marker, - body.urbanisme ul li::marker, - body.urbanisme .homegrade-blocks-focused-thematique__figcaption-toggle, - .entry-content--urbanisme h2, - .entry-content--urbanisme h3, - .entry-content--urbanisme h4, - .entry-content--urbanisme h5, - .entry-content--urbanisme h6, - .entry-content--urbanisme ol li::marker, - .entry-content--urbanisme ul li::marker, - .entry-content--urbanisme .homegrade-blocks-focused-thematique__figcaption-toggle, - .post-conseil-page--urbanisme h2, - .post-conseil-page--urbanisme h3, - .post-conseil-page--urbanisme h4, - .post-conseil-page--urbanisme h5, - .post-conseil-page--urbanisme h6, - .post-conseil-page--urbanisme ol li::marker, - .post-conseil-page--urbanisme ul li::marker, - .post-conseil-page--urbanisme .homegrade-blocks-focused-thematique__figcaption-toggle, - .post-question-page--urbanisme h2, - .post-question-page--urbanisme h3, - .post-question-page--urbanisme h4, - .post-question-page--urbanisme h5, - .post-question-page--urbanisme h6, - .post-question-page--urbanisme ol li::marker, - .post-question-page--urbanisme ul li::marker, - .post-question-page--urbanisme .homegrade-blocks-focused-thematique__figcaption-toggle, - body.energies h2, - body.energies h3, - body.energies h4, - body.energies h5, - body.energies h6, - body.energies ol li::marker, - body.energies ul li::marker, - body.energies .homegrade-blocks-focused-thematique__figcaption-toggle, - .entry-content--energies h2, - .entry-content--energies h3, - .entry-content--energies h4, - .entry-content--energies h5, - .entry-content--energies h6, - .entry-content--energies ol li::marker, - .entry-content--energies ul li::marker, - .entry-content--energies .homegrade-blocks-focused-thematique__figcaption-toggle, - .post-conseil-page--energies h2, - .post-conseil-page--energies h3, - .post-conseil-page--energies h4, - .post-conseil-page--energies h5, - .post-conseil-page--energies h6, - .post-conseil-page--energies ol li::marker, - .post-conseil-page--energies ul li::marker, - .post-conseil-page--energies .homegrade-blocks-focused-thematique__figcaption-toggle, - .post-question-page--energies h2, - .post-question-page--energies h3, - .post-question-page--energies h4, - .post-question-page--energies h5, - .post-question-page--energies h6, - .post-question-page--energies ol li::marker, - .post-question-page--energies ul li::marker, - .post-question-page--energies .homegrade-blocks-focused-thematique__figcaption-toggle { - --tw-text-opacity: 1; - color: rgb(2 126 80 / var(--tw-text-opacity)); -} - -body.urbanisme .homegrade-blocks-highlight, - body.urbanisme .post-conseils-chapter-header, - .entry-content--urbanisme .homegrade-blocks-highlight, - .entry-content--urbanisme .post-conseils-chapter-header, - .post-conseil-page--urbanisme .homegrade-blocks-highlight, - .post-conseil-page--urbanisme .post-conseils-chapter-header, - .post-question-page--urbanisme .homegrade-blocks-highlight, - .post-question-page--urbanisme .post-conseils-chapter-header, - body.energies .homegrade-blocks-highlight, - body.energies .post-conseils-chapter-header, - .entry-content--energies .homegrade-blocks-highlight, - .entry-content--energies .post-conseils-chapter-header, - .post-conseil-page--energies .homegrade-blocks-highlight, - .post-conseil-page--energies .post-conseils-chapter-header, - .post-question-page--energies .homegrade-blocks-highlight, - .post-question-page--energies .post-conseils-chapter-header { - --tw-bg-opacity: 1; - background-color: rgb(227 255 240 / var(--tw-bg-opacity)); -} - -body.urbanisme .chapter_index__position-indicator, - body.urbanisme .homegrade-blocks-focus-point-bullet, - body.urbanisme .homegrade-blocks-focus-point-bullet:after, - body.urbanisme .homegrade-blocks-focused-schema ol li:before, - body.urbanisme ul li:before, - body.urbanisme .wp-block-button__link, - .entry-content--urbanisme .chapter_index__position-indicator, - .entry-content--urbanisme .homegrade-blocks-focus-point-bullet, - .entry-content--urbanisme .homegrade-blocks-focus-point-bullet:after, - .entry-content--urbanisme .homegrade-blocks-focused-schema ol li:before, - .entry-content--urbanisme ul li:before, - .entry-content--urbanisme .wp-block-button__link, - .post-conseil-page--urbanisme .chapter_index__position-indicator, - .post-conseil-page--urbanisme .homegrade-blocks-focus-point-bullet, - .post-conseil-page--urbanisme .homegrade-blocks-focus-point-bullet:after, - .post-conseil-page--urbanisme .homegrade-blocks-focused-schema ol li:before, - .post-conseil-page--urbanisme ul li:before, - .post-conseil-page--urbanisme .wp-block-button__link, - .post-question-page--urbanisme .chapter_index__position-indicator, - .post-question-page--urbanisme .homegrade-blocks-focus-point-bullet, - .post-question-page--urbanisme .homegrade-blocks-focus-point-bullet:after, - .post-question-page--urbanisme .homegrade-blocks-focused-schema ol li:before, - .post-question-page--urbanisme ul li:before, - .post-question-page--urbanisme .wp-block-button__link, - body.energies .chapter_index__position-indicator, - body.energies .homegrade-blocks-focus-point-bullet, - body.energies .homegrade-blocks-focus-point-bullet:after, - body.energies .homegrade-blocks-focused-schema ol li:before, - body.energies ul li:before, - body.energies .wp-block-button__link, - .entry-content--energies .chapter_index__position-indicator, - .entry-content--energies .homegrade-blocks-focus-point-bullet, - .entry-content--energies .homegrade-blocks-focus-point-bullet:after, - .entry-content--energies .homegrade-blocks-focused-schema ol li:before, - .entry-content--energies ul li:before, - .entry-content--energies .wp-block-button__link, - .post-conseil-page--energies .chapter_index__position-indicator, - .post-conseil-page--energies .homegrade-blocks-focus-point-bullet, - .post-conseil-page--energies .homegrade-blocks-focus-point-bullet:after, - .post-conseil-page--energies .homegrade-blocks-focused-schema ol li:before, - .post-conseil-page--energies ul li:before, - .post-conseil-page--energies .wp-block-button__link, - .post-question-page--energies .chapter_index__position-indicator, - .post-question-page--energies .homegrade-blocks-focus-point-bullet, - .post-question-page--energies .homegrade-blocks-focus-point-bullet:after, - .post-question-page--energies .homegrade-blocks-focused-schema ol li:before, - .post-question-page--energies ul li:before, - .post-question-page--energies .wp-block-button__link { - --tw-bg-opacity: 1; - background-color: rgb(2 126 80 / var(--tw-bg-opacity)); -} - -body.urbanisme .tooltip-word, .entry-content--urbanisme .tooltip-word, .post-conseil-page--urbanisme .tooltip-word, .post-question-page--urbanisme .tooltip-word, body.energies .tooltip-word, .entry-content--energies .tooltip-word, .post-conseil-page--energies .tooltip-word, .post-question-page--energies .tooltip-word { - -webkit-text-decoration-color: #027E50 !important; - text-decoration-color: #027E50 !important; -} - -body.urbanisme .homegrade-blocks-aside, .entry-content--urbanisme .homegrade-blocks-aside, .post-conseil-page--urbanisme .homegrade-blocks-aside, .post-question-page--urbanisme .homegrade-blocks-aside, body.energies .homegrade-blocks-aside, .entry-content--energies .homegrade-blocks-aside, .post-conseil-page--energies .homegrade-blocks-aside, .post-question-page--energies .homegrade-blocks-aside { - --tw-border-opacity: 1; - border-color: rgb(2 126 80 / var(--tw-border-opacity)); -} - -body.urbanisme .post-conseils-chapter-header__infos p, .entry-content--urbanisme .post-conseils-chapter-header__infos p, .post-conseil-page--urbanisme .post-conseils-chapter-header__infos p, .post-question-page--urbanisme .post-conseils-chapter-header__infos p, body.energies .post-conseils-chapter-header__infos p, .entry-content--energies .post-conseils-chapter-header__infos p, .post-conseil-page--energies .post-conseils-chapter-header__infos p, .post-question-page--energies .post-conseils-chapter-header__infos p { - --tw-text-opacity: 1; - color: rgb(2 126 80 / var(--tw-text-opacity)); -} - -body.urbanisme .post-conseils-chapter-header time, .entry-content--urbanisme .post-conseils-chapter-header time, .post-conseil-page--urbanisme .post-conseils-chapter-header time, .post-question-page--urbanisme .post-conseils-chapter-header time, body.energies .post-conseils-chapter-header time, .entry-content--energies .post-conseils-chapter-header time, .post-conseil-page--energies .post-conseils-chapter-header time, .post-question-page--energies .post-conseils-chapter-header time { - --tw-text-opacity: 1; - color: rgb(2 126 80 / var(--tw-text-opacity)); -} - -body.urbanisme .homegrade-blocks-lien-chapitre__cta:hover, .entry-content--urbanisme .homegrade-blocks-lien-chapitre__cta:hover, .post-conseil-page--urbanisme .homegrade-blocks-lien-chapitre__cta:hover, .post-question-page--urbanisme .homegrade-blocks-lien-chapitre__cta:hover, body.energies .homegrade-blocks-lien-chapitre__cta:hover, .entry-content--energies .homegrade-blocks-lien-chapitre__cta:hover, .post-conseil-page--energies .homegrade-blocks-lien-chapitre__cta:hover, .post-question-page--energies .homegrade-blocks-lien-chapitre__cta:hover { - filter: invert(28%) sepia(89%) saturate(1188%) hue-rotate(131deg) brightness(95%) contrast(98%); -} - -body.urbanisme .homegrade-blocks-focused-thematique__figcaption-toggle img, .entry-content--urbanisme .homegrade-blocks-focused-thematique__figcaption-toggle img, .post-conseil-page--urbanisme .homegrade-blocks-focused-thematique__figcaption-toggle img, .post-question-page--urbanisme .homegrade-blocks-focused-thematique__figcaption-toggle img, body.energies .homegrade-blocks-focused-thematique__figcaption-toggle img, .entry-content--energies .homegrade-blocks-focused-thematique__figcaption-toggle img, .post-conseil-page--energies .homegrade-blocks-focused-thematique__figcaption-toggle img, .post-question-page--energies .homegrade-blocks-focused-thematique__figcaption-toggle img { - filter: invert(28%) sepia(89%) saturate(1188%) hue-rotate(131deg) brightness(95%) contrast(98%); -} - -/* URBANISME — SPECIFIC */ - -body.urbanisme .post-conseils-chapter-header, .entry-content--urbanisme .post-conseils-chapter-header, .post-conseil-page--urbanisme .post-conseils-chapter-header, .post-question-page--urbanisme .post-conseils-chapter-header { - background: var(--wp--preset--gradient--gradient-green); -} - -/* ENERGIES — SPECIFIC */ - -body.energies .post-conseils-chapter-header, .entry-content--energies .post-conseils-chapter-header, .post-conseil-page--energies .post-conseils-chapter-header, .post-question-page--energies .post-conseils-chapter-header { - --tw-bg-opacity: 1; - background-color: rgb(227 255 240 / var(--tw-bg-opacity)); -} - -/* ---------------------------------------- - YELLOW SCHEME — ISOLATION & AU QUOTIDIEN -------------------------------------------*/ - -body.au-quotidien h2, - body.au-quotidien h3, - body.au-quotidien h4, - body.au-quotidien h5, - body.au-quotidien h6, - body.au-quotidien ol li::marker, - body.au-quotidien ul li::marker, - body.au-quotidien .homegrade-blocks-focused-thematique__figcaption-toggle, - .entry-content--au-quotidien h2, - .entry-content--au-quotidien h3, - .entry-content--au-quotidien h4, - .entry-content--au-quotidien h5, - .entry-content--au-quotidien h6, - .entry-content--au-quotidien ol li::marker, - .entry-content--au-quotidien ul li::marker, - .entry-content--au-quotidien .homegrade-blocks-focused-thematique__figcaption-toggle, - .post-conseil-page--au-quotidien h2, - .post-conseil-page--au-quotidien h3, - .post-conseil-page--au-quotidien h4, - .post-conseil-page--au-quotidien h5, - .post-conseil-page--au-quotidien h6, - .post-conseil-page--au-quotidien ol li::marker, - .post-conseil-page--au-quotidien ul li::marker, - .post-conseil-page--au-quotidien .homegrade-blocks-focused-thematique__figcaption-toggle, - .post-question-page--au-quotidien h2, - .post-question-page--au-quotidien h3, - .post-question-page--au-quotidien h4, - .post-question-page--au-quotidien h5, - .post-question-page--au-quotidien h6, - .post-question-page--au-quotidien ol li::marker, - .post-question-page--au-quotidien ul li::marker, - .post-question-page--au-quotidien .homegrade-blocks-focused-thematique__figcaption-toggle, - body.isolation h2, - body.isolation h3, - body.isolation h4, - body.isolation h5, - body.isolation h6, - body.isolation ol li::marker, - body.isolation ul li::marker, - body.isolation .homegrade-blocks-focused-thematique__figcaption-toggle, - .entry-content--isolation h2, - .entry-content--isolation h3, - .entry-content--isolation h4, - .entry-content--isolation h5, - .entry-content--isolation h6, - .entry-content--isolation ol li::marker, - .entry-content--isolation ul li::marker, - .entry-content--isolation .homegrade-blocks-focused-thematique__figcaption-toggle, - .post-conseil-page--isolation h2, - .post-conseil-page--isolation h3, - .post-conseil-page--isolation h4, - .post-conseil-page--isolation h5, - .post-conseil-page--isolation h6, - .post-conseil-page--isolation ol li::marker, - .post-conseil-page--isolation ul li::marker, - .post-conseil-page--isolation .homegrade-blocks-focused-thematique__figcaption-toggle, - .post-question-page--isolation h2, - .post-question-page--isolation h3, - .post-question-page--isolation h4, - .post-question-page--isolation h5, - .post-question-page--isolation h6, - .post-question-page--isolation ol li::marker, - .post-question-page--isolation ul li::marker, - .post-question-page--isolation .homegrade-blocks-focused-thematique__figcaption-toggle { - --tw-text-opacity: 1; - color: rgb(194 69 3 / var(--tw-text-opacity)); -} - -body.au-quotidien .homegrade-blocks-highlight, .entry-content--au-quotidien .homegrade-blocks-highlight, .post-conseil-page--au-quotidien .homegrade-blocks-highlight, .post-question-page--au-quotidien .homegrade-blocks-highlight, body.isolation .homegrade-blocks-highlight, .entry-content--isolation .homegrade-blocks-highlight, .post-conseil-page--isolation .homegrade-blocks-highlight, .post-question-page--isolation .homegrade-blocks-highlight { - --tw-bg-opacity: 1; - background-color: rgb(255 251 236 / var(--tw-bg-opacity)); -} - -body.au-quotidien .chapter_index__position-indicator, - body.au-quotidien .homegrade-blocks-focus-point-bullet, - body.au-quotidien .homegrade-blocks-focus-point-bullet:after, - body.au-quotidien .homegrade-blocks-focused-schema ol li:before, - body.au-quotidien ul li:before, - body.au-quotidien .wp-block-button__link, - .entry-content--au-quotidien .chapter_index__position-indicator, - .entry-content--au-quotidien .homegrade-blocks-focus-point-bullet, - .entry-content--au-quotidien .homegrade-blocks-focus-point-bullet:after, - .entry-content--au-quotidien .homegrade-blocks-focused-schema ol li:before, - .entry-content--au-quotidien ul li:before, - .entry-content--au-quotidien .wp-block-button__link, - .post-conseil-page--au-quotidien .chapter_index__position-indicator, - .post-conseil-page--au-quotidien .homegrade-blocks-focus-point-bullet, - .post-conseil-page--au-quotidien .homegrade-blocks-focus-point-bullet:after, - .post-conseil-page--au-quotidien .homegrade-blocks-focused-schema ol li:before, - .post-conseil-page--au-quotidien ul li:before, - .post-conseil-page--au-quotidien .wp-block-button__link, - .post-question-page--au-quotidien .chapter_index__position-indicator, - .post-question-page--au-quotidien .homegrade-blocks-focus-point-bullet, - .post-question-page--au-quotidien .homegrade-blocks-focus-point-bullet:after, - .post-question-page--au-quotidien .homegrade-blocks-focused-schema ol li:before, - .post-question-page--au-quotidien ul li:before, - .post-question-page--au-quotidien .wp-block-button__link, - body.isolation .chapter_index__position-indicator, - body.isolation .homegrade-blocks-focus-point-bullet, - body.isolation .homegrade-blocks-focus-point-bullet:after, - body.isolation .homegrade-blocks-focused-schema ol li:before, - body.isolation ul li:before, - body.isolation .wp-block-button__link, - .entry-content--isolation .chapter_index__position-indicator, - .entry-content--isolation .homegrade-blocks-focus-point-bullet, - .entry-content--isolation .homegrade-blocks-focus-point-bullet:after, - .entry-content--isolation .homegrade-blocks-focused-schema ol li:before, - .entry-content--isolation ul li:before, - .entry-content--isolation .wp-block-button__link, - .post-conseil-page--isolation .chapter_index__position-indicator, - .post-conseil-page--isolation .homegrade-blocks-focus-point-bullet, - .post-conseil-page--isolation .homegrade-blocks-focus-point-bullet:after, - .post-conseil-page--isolation .homegrade-blocks-focused-schema ol li:before, - .post-conseil-page--isolation ul li:before, - .post-conseil-page--isolation .wp-block-button__link, - .post-question-page--isolation .chapter_index__position-indicator, - .post-question-page--isolation .homegrade-blocks-focus-point-bullet, - .post-question-page--isolation .homegrade-blocks-focus-point-bullet:after, - .post-question-page--isolation .homegrade-blocks-focused-schema ol li:before, - .post-question-page--isolation ul li:before, - .post-question-page--isolation .wp-block-button__link { - --tw-bg-opacity: 1; - background-color: rgb(194 69 3 / var(--tw-bg-opacity)); -} - -body.au-quotidien .tooltip-word, .entry-content--au-quotidien .tooltip-word, .post-conseil-page--au-quotidien .tooltip-word, .post-question-page--au-quotidien .tooltip-word, body.isolation .tooltip-word, .entry-content--isolation .tooltip-word, .post-conseil-page--isolation .tooltip-word, .post-question-page--isolation .tooltip-word { - -webkit-text-decoration-color: #C24503 !important; - text-decoration-color: #C24503 !important; -} - -body.au-quotidien .homegrade-blocks-aside, .entry-content--au-quotidien .homegrade-blocks-aside, .post-conseil-page--au-quotidien .homegrade-blocks-aside, .post-question-page--au-quotidien .homegrade-blocks-aside, body.isolation .homegrade-blocks-aside, .entry-content--isolation .homegrade-blocks-aside, .post-conseil-page--isolation .homegrade-blocks-aside, .post-question-page--isolation .homegrade-blocks-aside { - --tw-border-opacity: 1; - border-color: rgb(194 69 3 / var(--tw-border-opacity)); -} - -body.au-quotidien .post-conseils-chapter-header__infos p, .entry-content--au-quotidien .post-conseils-chapter-header__infos p, .post-conseil-page--au-quotidien .post-conseils-chapter-header__infos p, .post-question-page--au-quotidien .post-conseils-chapter-header__infos p, body.isolation .post-conseils-chapter-header__infos p, .entry-content--isolation .post-conseils-chapter-header__infos p, .post-conseil-page--isolation .post-conseils-chapter-header__infos p, .post-question-page--isolation .post-conseils-chapter-header__infos p { - --tw-text-opacity: 1; - color: rgb(194 69 3 / var(--tw-text-opacity)); -} - -body.au-quotidien .post-conseils-chapter-header time, .entry-content--au-quotidien .post-conseils-chapter-header time, .post-conseil-page--au-quotidien .post-conseils-chapter-header time, .post-question-page--au-quotidien .post-conseils-chapter-header time, body.isolation .post-conseils-chapter-header time, .entry-content--isolation .post-conseils-chapter-header time, .post-conseil-page--isolation .post-conseils-chapter-header time, .post-question-page--isolation .post-conseils-chapter-header time { - --tw-text-opacity: 1; - color: rgb(194 69 3 / var(--tw-text-opacity)); -} - -body.au-quotidien .homegrade-blocks-lien-chapitre__cta:hover, .entry-content--au-quotidien .homegrade-blocks-lien-chapitre__cta:hover, .post-conseil-page--au-quotidien .homegrade-blocks-lien-chapitre__cta:hover, .post-question-page--au-quotidien .homegrade-blocks-lien-chapitre__cta:hover, body.isolation .homegrade-blocks-lien-chapitre__cta:hover, .entry-content--isolation .homegrade-blocks-lien-chapitre__cta:hover, .post-conseil-page--isolation .homegrade-blocks-lien-chapitre__cta:hover, .post-question-page--isolation .homegrade-blocks-lien-chapitre__cta:hover { - filter: invert(21%) sepia(94%) saturate(3059%) hue-rotate(26deg) brightness(98%) contrast(98%); -} - -body.au-quotidien .homegrade-blocks-focused-thematique__figcaption-toggle img, .entry-content--au-quotidien .homegrade-blocks-focused-thematique__figcaption-toggle img, .post-conseil-page--au-quotidien .homegrade-blocks-focused-thematique__figcaption-toggle img, .post-question-page--au-quotidien .homegrade-blocks-focused-thematique__figcaption-toggle img, body.isolation .homegrade-blocks-focused-thematique__figcaption-toggle img, .entry-content--isolation .homegrade-blocks-focused-thematique__figcaption-toggle img, .post-conseil-page--isolation .homegrade-blocks-focused-thematique__figcaption-toggle img, .post-question-page--isolation .homegrade-blocks-focused-thematique__figcaption-toggle img { - filter: invert(21%) sepia(94%) saturate(3059%) hue-rotate(26deg) brightness(98%) contrast(98%); -} - -/* AU QUOTIDIEN — SPECIFIC */ - -body.au-quotidien .post-conseils-chapter-header, .entry-content--au-quotidien .post-conseils-chapter-header, .post-conseil-page--au-quotidien .post-conseils-chapter-header, .post-question-page--au-quotidien .post-conseils-chapter-header { - background: var(--wp--preset--gradient--gradient-yellow); -} - -/* ISOLATION — SPECIFIC */ - -body.isolation .post-conseils-chapter-header, .entry-content--isolation .post-conseils-chapter-header, .post-conseil-page--isolation .post-conseils-chapter-header, .post-question-page--isolation .post-conseils-chapter-header { - --tw-bg-opacity: 1; - background-color: rgb(255 251 236 / var(--tw-bg-opacity)); -} - -/* ---------------------------------------- - PURPLE SCHEME — PATRIMOINE -------------------------------------------*/ - -body.patrimoine h2, - body.patrimoine h3, - body.patrimoine h4, - body.patrimoine h5, - body.patrimoine h6, - body.patrimoine ol li::marker, - body.patrimoine ul li::marker, - .entry-content--patrimoine h2, - .entry-content--patrimoine h3, - .entry-content--patrimoine h4, - .entry-content--patrimoine h5, - .entry-content--patrimoine h6, - .entry-content--patrimoine ol li::marker, - .entry-content--patrimoine ul li::marker, - .post-conseil-page--patrimoine h2, - .post-conseil-page--patrimoine h3, - .post-conseil-page--patrimoine h4, - .post-conseil-page--patrimoine h5, - .post-conseil-page--patrimoine h6, - .post-conseil-page--patrimoine ol li::marker, - .post-conseil-page--patrimoine ul li::marker, - .post-question-page--patrimoine h2, - .post-question-page--patrimoine h3, - .post-question-page--patrimoine h4, - .post-question-page--patrimoine h5, - .post-question-page--patrimoine h6, - .post-question-page--patrimoine ol li::marker, - .post-question-page--patrimoine ul li::marker { - --tw-text-opacity: 1; - color: rgb(139 47 247 / var(--tw-text-opacity)); -} - -body.patrimoine .homegrade-blocks-highlight, .entry-content--patrimoine .homegrade-blocks-highlight, .post-conseil-page--patrimoine .homegrade-blocks-highlight, .post-question-page--patrimoine .homegrade-blocks-highlight { - --tw-bg-opacity: 1; - background-color: rgb(248 242 255 / var(--tw-bg-opacity)); -} - -body.patrimoine .chapter_index__position-indicator, - body.patrimoine .homegrade-blocks-focus-point-bullet, - body.patrimoine .homegrade-blocks-focus-point-bullet:after, - body.patrimoine .homegrade-blocks-focused-schema ol li:before, - body.patrimoine ul li:before, - body.patrimoine .wp-block-button__link, - .entry-content--patrimoine .chapter_index__position-indicator, - .entry-content--patrimoine .homegrade-blocks-focus-point-bullet, - .entry-content--patrimoine .homegrade-blocks-focus-point-bullet:after, - .entry-content--patrimoine .homegrade-blocks-focused-schema ol li:before, - .entry-content--patrimoine ul li:before, - .entry-content--patrimoine .wp-block-button__link, - .post-conseil-page--patrimoine .chapter_index__position-indicator, - .post-conseil-page--patrimoine .homegrade-blocks-focus-point-bullet, - .post-conseil-page--patrimoine .homegrade-blocks-focus-point-bullet:after, - .post-conseil-page--patrimoine .homegrade-blocks-focused-schema ol li:before, - .post-conseil-page--patrimoine ul li:before, - .post-conseil-page--patrimoine .wp-block-button__link, - .post-question-page--patrimoine .chapter_index__position-indicator, - .post-question-page--patrimoine .homegrade-blocks-focus-point-bullet, - .post-question-page--patrimoine .homegrade-blocks-focus-point-bullet:after, - .post-question-page--patrimoine .homegrade-blocks-focused-schema ol li:before, - .post-question-page--patrimoine ul li:before, - .post-question-page--patrimoine .wp-block-button__link { - --tw-bg-opacity: 1; - background-color: rgb(139 47 247 / var(--tw-bg-opacity)); -} - -body.patrimoine .tooltip-word, .entry-content--patrimoine .tooltip-word, .post-conseil-page--patrimoine .tooltip-word, .post-question-page--patrimoine .tooltip-word { - -webkit-text-decoration-color: #8B2FF7 !important; - text-decoration-color: #8B2FF7 !important; -} - -body.patrimoine .homegrade-blocks-aside, .entry-content--patrimoine .homegrade-blocks-aside, .post-conseil-page--patrimoine .homegrade-blocks-aside, .post-question-page--patrimoine .homegrade-blocks-aside { - --tw-border-opacity: 1; - border-color: rgb(139 47 247 / var(--tw-border-opacity)); -} - -body.patrimoine .post-conseils-chapter-header__infos p, .entry-content--patrimoine .post-conseils-chapter-header__infos p, .post-conseil-page--patrimoine .post-conseils-chapter-header__infos p, .post-question-page--patrimoine .post-conseils-chapter-header__infos p { - --tw-text-opacity: 1; - color: rgb(139 47 247 / var(--tw-text-opacity)); -} - -body.patrimoine .post-conseils-chapter-header time, .entry-content--patrimoine .post-conseils-chapter-header time, .post-conseil-page--patrimoine .post-conseils-chapter-header time, .post-question-page--patrimoine .post-conseils-chapter-header time { - --tw-text-opacity: 1; - color: rgb(139 47 247 / var(--tw-text-opacity)); -} - -body.patrimoine .homegrade-blocks-lien-chapitre__cta:hover, .entry-content--patrimoine .homegrade-blocks-lien-chapitre__cta:hover, .post-conseil-page--patrimoine .homegrade-blocks-lien-chapitre__cta:hover, .post-question-page--patrimoine .homegrade-blocks-lien-chapitre__cta:hover { - filter: invert(25%) sepia(79%) saturate(6075%) hue-rotate(263deg) brightness(99%) contrast(96%); -} - -body.patrimoine .homegrade-blocks-focused-thematique__figcaption-toggle img, .entry-content--patrimoine .homegrade-blocks-focused-thematique__figcaption-toggle img, .post-conseil-page--patrimoine .homegrade-blocks-focused-thematique__figcaption-toggle img, .post-question-page--patrimoine .homegrade-blocks-focused-thematique__figcaption-toggle img { - filter: invert(25%) sepia(79%) saturate(6075%) hue-rotate(263deg) brightness(99%) contrast(96%); -} - -body.renovation .post-conseils-chapter-header, .entry-content--newpurplethematic .post-conseils-chapter-header, .post-conseil-page--newpurplethematic .post-conseils-chapter-header, .post-question-page--newpurplethematic .post-conseils-chapter-header { - background: var(--wp--preset--gradient--gradient-purple); -} - -body.patrimoine .post-conseils-chapter-header, .entry-content--patrimoine .post-conseils-chapter-header, .post-conseil-page--patrimoine .post-conseils-chapter-header, .post-question-page--patrimoine .post-conseils-chapter-header { - --tw-bg-opacity: 1; - background-color: rgb(248 242 255 / var(--tw-bg-opacity)); -} - -/* ---------------------------------------- - RED SCHEME — LOCATION -------------------------------------------*/ - -body.location h2, - body.location h3, - body.location h4, - body.location h5, - body.location h6, - body.location ol li::marker, - body.location ul li::marker, - .entry-content--location h2, - .entry-content--location h3, - .entry-content--location h4, - .entry-content--location h5, - .entry-content--location h6, - .entry-content--location ol li::marker, - .entry-content--location ul li::marker, - .post-conseil-page--location h2, - .post-conseil-page--location h3, - .post-conseil-page--location h4, - .post-conseil-page--location h5, - .post-conseil-page--location h6, - .post-conseil-page--location ol li::marker, - .post-conseil-page--location ul li::marker, - .post-question-page--location h2, - .post-question-page--location h3, - .post-question-page--location h4, - .post-question-page--location h5, - .post-question-page--location h6, - .post-question-page--location ol li::marker, - .post-question-page--location ul li::marker, - body.renovation-circulaire h2, - body.renovation-circulaire h3, - body.renovation-circulaire h4, - body.renovation-circulaire h5, - body.renovation-circulaire h6, - body.renovation-circulaire ol li::marker, - body.renovation-circulaire ul li::marker, - .entry-content--renovation-circulaire h2, - .entry-content--renovation-circulaire h3, - .entry-content--renovation-circulaire h4, - .entry-content--renovation-circulaire h5, - .entry-content--renovation-circulaire h6, - .entry-content--renovation-circulaire ol li::marker, - .entry-content--renovation-circulaire ul li::marker, - .post-conseil-page--renovation-circulaire h2, - .post-conseil-page--renovation-circulaire h3, - .post-conseil-page--renovation-circulaire h4, - .post-conseil-page--renovation-circulaire h5, - .post-conseil-page--renovation-circulaire h6, - .post-conseil-page--renovation-circulaire ol li::marker, - .post-conseil-page--renovation-circulaire ul li::marker, - .post-question-page--renovation-circulaire h2, - .post-question-page--renovation-circulaire h3, - .post-question-page--renovation-circulaire h4, - .post-question-page--renovation-circulaire h5, - .post-question-page--renovation-circulaire h6, - .post-question-page--renovation-circulaire ol li::marker, - .post-question-page--renovation-circulaire ul li::marker { - --tw-text-opacity: 1; - color: rgb(223 0 43 / var(--tw-text-opacity)); -} - -body.location .homegrade-blocks-highlight, .entry-content--location .homegrade-blocks-highlight, .post-conseil-page--location .homegrade-blocks-highlight, .post-question-page--location .homegrade-blocks-highlight, body.renovation-circulaire .homegrade-blocks-highlight, .entry-content--renovation-circulaire .homegrade-blocks-highlight, .post-conseil-page--renovation-circulaire .homegrade-blocks-highlight, .post-question-page--renovation-circulaire .homegrade-blocks-highlight { - --tw-bg-opacity: 1; - background-color: rgb(254 245 246 / var(--tw-bg-opacity)); -} - -body.location .chapter_index__position-indicator, - body.location .homegrade-blocks-focus-point-bullet, - body.location .homegrade-blocks-focus-point-bullet:after, - body.location .homegrade-blocks-focused-schema ol li:before, - body.location ul li:before, - body.location .wp-block-button__link, - .entry-content--location .chapter_index__position-indicator, - .entry-content--location .homegrade-blocks-focus-point-bullet, - .entry-content--location .homegrade-blocks-focus-point-bullet:after, - .entry-content--location .homegrade-blocks-focused-schema ol li:before, - .entry-content--location ul li:before, - .entry-content--location .wp-block-button__link, - .post-conseil-page--location .chapter_index__position-indicator, - .post-conseil-page--location .homegrade-blocks-focus-point-bullet, - .post-conseil-page--location .homegrade-blocks-focus-point-bullet:after, - .post-conseil-page--location .homegrade-blocks-focused-schema ol li:before, - .post-conseil-page--location ul li:before, - .post-conseil-page--location .wp-block-button__link, - .post-question-page--location .chapter_index__position-indicator, - .post-question-page--location .homegrade-blocks-focus-point-bullet, - .post-question-page--location .homegrade-blocks-focus-point-bullet:after, - .post-question-page--location .homegrade-blocks-focused-schema ol li:before, - .post-question-page--location ul li:before, - .post-question-page--location .wp-block-button__link, - body.renovation-circulaire .chapter_index__position-indicator, - body.renovation-circulaire .homegrade-blocks-focus-point-bullet, - body.renovation-circulaire .homegrade-blocks-focus-point-bullet:after, - body.renovation-circulaire .homegrade-blocks-focused-schema ol li:before, - body.renovation-circulaire ul li:before, - body.renovation-circulaire .wp-block-button__link, - .entry-content--renovation-circulaire .chapter_index__position-indicator, - .entry-content--renovation-circulaire .homegrade-blocks-focus-point-bullet, - .entry-content--renovation-circulaire .homegrade-blocks-focus-point-bullet:after, - .entry-content--renovation-circulaire .homegrade-blocks-focused-schema ol li:before, - .entry-content--renovation-circulaire ul li:before, - .entry-content--renovation-circulaire .wp-block-button__link, - .post-conseil-page--renovation-circulaire .chapter_index__position-indicator, - .post-conseil-page--renovation-circulaire .homegrade-blocks-focus-point-bullet, - .post-conseil-page--renovation-circulaire .homegrade-blocks-focus-point-bullet:after, - .post-conseil-page--renovation-circulaire .homegrade-blocks-focused-schema ol li:before, - .post-conseil-page--renovation-circulaire ul li:before, - .post-conseil-page--renovation-circulaire .wp-block-button__link, - .post-question-page--renovation-circulaire .chapter_index__position-indicator, - .post-question-page--renovation-circulaire .homegrade-blocks-focus-point-bullet, - .post-question-page--renovation-circulaire .homegrade-blocks-focus-point-bullet:after, - .post-question-page--renovation-circulaire .homegrade-blocks-focused-schema ol li:before, - .post-question-page--renovation-circulaire ul li:before, - .post-question-page--renovation-circulaire .wp-block-button__link { - --tw-bg-opacity: 1; - background-color: rgb(223 0 43 / var(--tw-bg-opacity)); -} - -body.location .tooltip-word, .entry-content--location .tooltip-word, .post-conseil-page--location .tooltip-word, .post-question-page--location .tooltip-word, body.renovation-circulaire .tooltip-word, .entry-content--renovation-circulaire .tooltip-word, .post-conseil-page--renovation-circulaire .tooltip-word, .post-question-page--renovation-circulaire .tooltip-word { - -webkit-text-decoration-color: #DF002B !important; - text-decoration-color: #DF002B !important; -} - -body.location .homegrade-blocks-aside, .entry-content--location .homegrade-blocks-aside, .post-conseil-page--location .homegrade-blocks-aside, .post-question-page--location .homegrade-blocks-aside, body.renovation-circulaire .homegrade-blocks-aside, .entry-content--renovation-circulaire .homegrade-blocks-aside, .post-conseil-page--renovation-circulaire .homegrade-blocks-aside, .post-question-page--renovation-circulaire .homegrade-blocks-aside { - --tw-border-opacity: 1; - border-color: rgb(223 0 43 / var(--tw-border-opacity)); -} - -body.location .post-conseils-chapter-header__infos p, .entry-content--location .post-conseils-chapter-header__infos p, .post-conseil-page--location .post-conseils-chapter-header__infos p, .post-question-page--location .post-conseils-chapter-header__infos p, body.renovation-circulaire .post-conseils-chapter-header__infos p, .entry-content--renovation-circulaire .post-conseils-chapter-header__infos p, .post-conseil-page--renovation-circulaire .post-conseils-chapter-header__infos p, .post-question-page--renovation-circulaire .post-conseils-chapter-header__infos p { - --tw-text-opacity: 1; - color: rgb(223 0 43 / var(--tw-text-opacity)); -} - -body.location .post-conseils-chapter-header time, .entry-content--location .post-conseils-chapter-header time, .post-conseil-page--location .post-conseils-chapter-header time, .post-question-page--location .post-conseils-chapter-header time, body.renovation-circulaire .post-conseils-chapter-header time, .entry-content--renovation-circulaire .post-conseils-chapter-header time, .post-conseil-page--renovation-circulaire .post-conseils-chapter-header time, .post-question-page--renovation-circulaire .post-conseils-chapter-header time { - --tw-text-opacity: 1; - color: rgb(223 0 43 / var(--tw-text-opacity)); -} - -body.location .homegrade-blocks-lien-chapitre__cta:hover, .entry-content--location .homegrade-blocks-lien-chapitre__cta:hover, .post-conseil-page--location .homegrade-blocks-lien-chapitre__cta:hover, .post-question-page--location .homegrade-blocks-lien-chapitre__cta:hover, body.renovation-circulaire .homegrade-blocks-lien-chapitre__cta:hover, .entry-content--renovation-circulaire .homegrade-blocks-lien-chapitre__cta:hover, .post-conseil-page--renovation-circulaire .homegrade-blocks-lien-chapitre__cta:hover, .post-question-page--renovation-circulaire .homegrade-blocks-lien-chapitre__cta:hover { - filter: invert(25%) sepia(79%) saturate(6075%) hue-rotate(263deg) brightness(99%) contrast(96%); -} - -body.location .homegrade-blocks-focused-thematique__figcaption-toggle img, .entry-content--location .homegrade-blocks-focused-thematique__figcaption-toggle img, .post-conseil-page--location .homegrade-blocks-focused-thematique__figcaption-toggle img, .post-question-page--location .homegrade-blocks-focused-thematique__figcaption-toggle img, body.renovation-circulaire .homegrade-blocks-focused-thematique__figcaption-toggle img, .entry-content--renovation-circulaire .homegrade-blocks-focused-thematique__figcaption-toggle img, .post-conseil-page--renovation-circulaire .homegrade-blocks-focused-thematique__figcaption-toggle img, .post-question-page--renovation-circulaire .homegrade-blocks-focused-thematique__figcaption-toggle img { - filter: invert(25%) sepia(79%) saturate(6075%) hue-rotate(263deg) brightness(99%) contrast(96%); -} - -/* RENOVATION CIRCULAIRE — SPECIFIC */ - -body.renovation-circulaire .post-conseils-chapter-header, .entry-content--renovation-circulaire .post-conseils-chapter-header, .post-conseil-page--renovation-circulaire .post-conseils-chapter-header, .post-question-page--renovation-circulaire .post-conseils-chapter-header { - background: var(--wp--preset--gradient--gradient-red); -} - -/* LOCATION — SPECIFIC */ - -body.location .post-conseils-chapter-header, .entry-content--location .post-conseils-chapter-header, .post-conseil-page--location .post-conseils-chapter-header, .post-question-page--location .post-conseils-chapter-header { - --tw-bg-opacity: 1; - background-color: rgb(254 245 246 / var(--tw-bg-opacity)); -} - -/* WHITE TEXT ON GRADIENTS COVER */ - -body.petites-coproprietes .post-conseils-chapter-header p, - body.petites-coproprietes .post-conseils-chapter-header h1, - .entry-content--petites-coproprietes .post-conseils-chapter-header p, - .entry-content--petites-coproprietes .post-conseils-chapter-header h1, - .post-conseil-page--petites-coproprietes .post-conseils-chapter-header p, - .post-conseil-page--petites-coproprietes .post-conseils-chapter-header h1, - .post-question-page--petites-coproprietes .post-conseils-chapter-header p, - .post-question-page--petites-coproprietes .post-conseils-chapter-header h1, - body.urbanisme .post-conseils-chapter-header p, - body.urbanisme .post-conseils-chapter-header h1, - .entry-content--urbanisme .post-conseils-chapter-header p, - .entry-content--urbanisme .post-conseils-chapter-header h1, - .post-conseil-page--urbanisme .post-conseils-chapter-header p, - .post-conseil-page--urbanisme .post-conseils-chapter-header h1, - .post-question-page--urbanisme .post-conseils-chapter-header p, - .post-question-page--urbanisme .post-conseils-chapter-header h1, - body.au-quotidien .post-conseils-chapter-header p, - body.au-quotidien .post-conseils-chapter-header h1, - .entry-content--au-quotidien .post-conseils-chapter-header p, - .entry-content--au-quotidien .post-conseils-chapter-header h1, - .post-conseil-page--au-quotidien .post-conseils-chapter-header p, - .post-conseil-page--au-quotidien .post-conseils-chapter-header h1, - .post-question-page--au-quotidien .post-conseils-chapter-header p, - .post-question-page--au-quotidien .post-conseils-chapter-header h1, - body.renovation-circulaire .post-conseils-chapter-header p, - body.renovation-circulaire .post-conseils-chapter-header h1, - .entry-content--renovation-circulaire .post-conseils-chapter-header p, - .entry-content--renovation-circulaire .post-conseils-chapter-header h1, - .post-conseil-page--renovation-circulaire .post-conseils-chapter-header p, - .post-conseil-page--renovation-circulaire .post-conseils-chapter-header h1, - .post-question-page--renovation-circulaire .post-conseils-chapter-header p, - .post-question-page--renovation-circulaire .post-conseils-chapter-header h1 { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -/* ------------------------------------------------- - FILTERS ----------------------------------------------------*/ - -.filter-acoustique-coproprietes { - filter: invert(27%) sepia(88%) saturate(1302%) hue-rotate(206deg) brightness(105%) contrast(114%); -} - -.filter-energies-urbanisme { - filter: invert(28%) sepia(89%) saturate(1188%) hue-rotate(131deg) brightness(95%) contrast(98%); -} - -.filter-isolation-quotidien { - filter: invert(21%) sepia(94%) saturate(3059%) hue-rotate(26deg) brightness(98%) contrast(98%); -} - -.filter-patrimoine-renovation { - filter: invert(25%) sepia(79%) saturate(6075%) hue-rotate(263deg) brightness(99%) contrast(96%); -} - -.filter-location-renovation-circulaire { - filter: invert(13%) sepia(71%) saturate(4425%) hue-rotate(338deg) brightness(109%) contrast(117%); -} - -article > *:not(.entry-content, .chapter-header-block), -.entry-content > * { - margin-left: auto; - margin-right: auto; - max-width: 960px; -} - -.entry-content { - margin-top: 1rem; -} - -@media (min-width: 960px) { - .entry-content { - margin-top: 0px; - } -} - -.entry-content { - max-width: 800px; -} - -.entry-content > :first-child { - margin-top: 0px !important; -} - -.entry-content h1 { - font-size: 1.5rem; - line-height: 2rem; -} - -.entry-content h2 { - margin-top: 4rem; - margin-bottom: 2rem; - font-size: 1.25rem; -} - -.entry-content h3 { - margin-top: 4rem; - margin-bottom: 1rem; - font-size: 1.5rem; - line-height: 2rem; - font-weight: 700; -} - -.entry-content p a, .entry-content ul a, .entry-content ol a { - font-weight: 700; - --tw-text-opacity: 1; - color: rgb(47 1 84 / var(--tw-text-opacity)); - -webkit-text-decoration-line: underline; - text-decoration-line: underline; - text-underline-offset: 4px; -} - -.entry-content p a:hover, .entry-content ul a:hover, .entry-content ol a:hover { - -webkit-text-decoration-line: none; - text-decoration-line: none; -} - -.entry-content p, - .entry-content ul, - .entry-content ol { - margin-bottom: 2rem; -} - -.entry-content ol { - list-style-position: inside; - list-style-type: decimal; -} - -.entry-content ul li { - position: relative; - padding-left: 1.25rem; -} - -.entry-content ul li:before { - position: absolute; - left: 0px; - content: ''; - display: inline-block; - height: 8px; - width: 8px; - border-radius: 50%; - margin-right: 14px; - margin-top: 9px; -} - -.wp-block-table thead { - border-radius: 0.75rem; - border-bottom-width: 0px; - background-color: rgb(239, 239, 239, 0.6); -} - -.wp-block-table thead th { - border-style: none !important; - padding-top: 2rem; - padding-bottom: 2rem; -} - -.wp-block-table thead th:first-child { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; -} - -.wp-block-table thead th:last-child { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; -} - -.wp-block-table tr { - margin-top: 2rem; -} - -.wp-block-table tr td:first-child { - border-left-width: 0px; -} - -.wp-block-table tr td:last-child { - border-right-width: 0px; -} - -.wp-block-table tr:first-child td { - border-top-width: 0px; -} - -.wp-block-table tr:last-child td { - border-bottom-width: 0px; -} - -.wp-block-table td { - border-width: 1px; - --tw-border-opacity: 1; - border-color: rgb(229 229 229 / var(--tw-border-opacity)); - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} - -.wp-block-table .table-cell-icon { - position: relative; - margin-left: auto; - margin-right: auto; - display: flex; - height: auto; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - flex-grow: 0; - align-items: center; - justify-content: center; - border-radius: 9999px; - padding: 0.5rem; - aspect-ratio: 1; -} - -.wp-block-table .table-cell-icon img { - height: 1rem; - width: 1rem; -} - -.wp-block-table .table-cell-icon--checked { - --tw-bg-opacity: 1; - background-color: rgb(22 163 74 / var(--tw-bg-opacity)); -} - -.wp-block-table .table-cell-icon--crossed { - border-width: 2px; - --tw-border-opacity: 1; - border-color: rgb(38 38 38 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.tooltip-word { - -webkit-text-decoration-line: underline; - text-decoration-line: underline; - -webkit-text-decoration-style: dotted !important; - text-decoration-style: dotted !important; - -webkit-text-decoration-color:; - text-decoration-color:; - text-decoration-thickness: 2px !important; - font-weight: 700; -} - -.tooltip-word:focus { - border-radius: 0.125rem; - outline-style: solid; - outline-width: 1px; - outline-offset: 2px; - outline-color: #DF1E1E; -} - -.tooltip-popup { - border-radius: 0.75rem; - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - padding: 1rem; - font-weight: 400; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -} - -.tooltip-popup:after { - position: absolute; - z-index: -2; - /* background-color: white; */ -} - -.brochure-link-format:focus { - border-radius: 0.125rem; - outline-style: solid; - outline-width: 1px; - outline-offset: 2px; - outline-color: #DF1E1E; -} - -/* ########### BLOCKS ############ */ - -/* Home */ - -.home-header { - margin-left: auto; - margin-right: auto; - margin-bottom: 6rem; - max-width: 1280px; - padding-left: 1.5rem; - padding-right: 1.5rem; - padding-top: 4rem; -} - -@media (min-width: 960px) { - .home-header { - padding-left: 4rem; - padding-right: 4rem; - } -} - -@media (min-width: 1280px) { - .home-header { - padding-top: 5rem; - } -} - -.home-header { - isolation: isolate; - /* relative */ -} - -/* background-color: #fbfff5a6; */ - -.home-header__titling { - position: relative; - z-index: 10; - margin-bottom: -100px; - max-width: 580px; -} - -@media (min-width: 960px) { - .home-header__titling { - position: absolute; - margin-bottom: 0px; - } -} - -/* min-height: 80vh; */ - -.home-header__title { - padding-bottom: 1.5rem; - padding-top: 4rem; - font-size: 1.875rem; - line-height: 2.25rem; - font-weight: 500; -} - -@media (min-width: 782px) { - .home-header__title { - font-size: 2.25rem; - line-height: 2.5rem; - } -} - -.home-header__title { - line-height: 1.2; -} - -/* aspect-ratio: 1.5; */ - -.home-header__scroll-down-indicator { - margin-top: 1.5rem; - display: flex; - align-items: center; - justify-content: center; - border-radius: 9999px; - --tw-bg-opacity: 1; - background-color: rgb(47 1 84 / var(--tw-bg-opacity)); - width: 80px; - height: 80px; -} - -.home-header__scroll-down-indicator__arrow { - -webkit-animation: bouncingArrow 1s infinite alternate cubic-bezier(0.01, 0.61, 0.67, 0.99); - animation: bouncingArrow 1s infinite alternate cubic-bezier(0.01, 0.61, 0.67, 0.99); - /* cubic-bezier(0.01, 0.61, 0.39, 1); */ - /* cubic-bezier(0.18, 0.89, 0.3, 1); */ -} - -/* bg-red-100 */ - -.home-header__fresque { - width: 100%; - z-index: -1; - --tw-bg-opacity: 1; - background-color: rgb(250 245 255 / var(--tw-bg-opacity)); -} - -.home-header__fresque img { - height: 100%; - max-height: 100%; - width: 100%; - -o-object-fit: contain; - object-fit: contain; -} - -/* object-position: 100% 100%; */ - -@media (min-width: 960px) { - .home-header__fresque img { - /* object-position: 100% 0%; */ - } -} - -@media (max-aspect-ratio: 16 / 9) { - .home-header__fresque img { - /* @apply bg-red-100; */ - } -} - -@media (min-aspect-ratio: 16 / 9) { - .home-header__fresque img { - /* @apply bg-green-100; */ - } -} - -@-webkit-keyframes bouncingArrow { - 0% { - transform: translateY(4px); - } - - 100% { - transform: translateY(-6px); - } -} - -@keyframes bouncingArrow { - 0% { - transform: translateY(4px); - } - - 100% { - transform: translateY(-6px); - } -} - -.section_latest_news { - padding-top: 6rem; - padding-bottom: 6rem; -} - -.section_latest_news .section_titling { - margin-left: auto; - margin-right: auto; - max-width: 28rem; -} - -.section_latest_news .articles_container { - margin-left: auto; - margin-right: auto; - display: grid; - max-width: 1440px; - grid-template-columns: repeat(1, minmax(0, 1fr)); - gap: 2rem; - padding-left: 2rem; - padding-right: 2rem; - padding-top: 4rem; - padding-bottom: 4rem; -} - -@media (min-width: 600px) { - .section_latest_news .articles_container { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } -} - -@media (min-width: 1280px) { - .section_latest_news .articles_container { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } -} - -#block-aides-financieres .section_titling { - max-width: 782px; -} - -#block-aides-financieres .card-large-content { - grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: 3rem; -} - -@media (min-width: 960px) { - #block-aides-financieres .card-large-content { - display: grid; - } -} - -/* .logo_renolution { */ - -#block-aides-financieres .card-large-content__renolution-details .renolution__logo { - margin-bottom: 2rem; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - border-radius: 1.5rem; - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - padding: 1.5rem; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -} - -#block-aides-financieres .card-large-content__renolution-details .renolution__title { - padding-bottom: 0.75rem; - font-size: 1.125rem; - line-height: 1.75rem; - font-weight: 700; - --tw-text-opacity: 1; - color: rgb(223 30 30 / var(--tw-text-opacity)); -} - -#block-aides-financieres .card-large-content__renolution-details .cta { - margin-top: 2rem; -} - -#block-aides-financieres .card-large-content__renolution-details .renolution__guide-external-links { - display: grid; - grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: 3rem; - padding-top: 1.5rem; -} - -#block-aides-financieres .card-large-content__renolution-details .renolution__guide-external-links .question_title { - padding-top: 1.5rem; - padding-bottom: 0.5rem; - font-weight: 700; - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -#block-aides-financieres .card-large-content__renolution-details .renolution__guide-external-links .question_explanation { - font-size: 0.875rem; - line-height: 1.25rem; -} - -#block-aides-financieres .card-large-content__renolution-details .renolution__guide-external-links .question_url { - margin-top: 0.5rem; - display: block; - padding-top: 0.5rem; - padding-bottom: 0.5rem; - font-size: 0.875rem; - line-height: 1.25rem; - font-weight: 700; - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -#block-aides-financieres .card-large-content__renolution-details .renolution__guide-external-links .question_url:hover { - --tw-text-opacity: 1; - color: rgb(223 30 30 / var(--tw-text-opacity)); -} - -#block-aides-financieres .card-large-content__renolution-details .renolution__guide-external-links .question_url img { - margin-left: 0.25rem; - margin-top: -0.25rem; - display: inline-block; -} - -#block-aides-financieres .card-large-content__renolution-illustration-picture { - margin-left: auto; -} - -.swiper-content { - position: relative; - margin-left: auto; - margin-right: auto; - max-width: 1440px; - padding-left: 6rem; - padding-right: 6rem; - /* @apply bg-fuchsia-100; */ -} - -.swiper-container { - height: auto; - overflow: hidden; - padding-left: 0.75rem; - padding-right: 0.75rem; - /* @apply bg-yellow-50; */ -} - -.swiper-wrapper { - width: 100%; - flex-direction: column; - row-gap: 5rem; - padding-top: 6rem; - padding-bottom: 4rem; -} - -@media (min-width: 960px) { - .swiper-wrapper { - flex-direction: row; - } -} - -.swiper-slide .card-thematique { - height: 100%; -} - -.thematique-button-next, -.thematique-button-prev { - position: absolute; - top: 50%; - z-index: 50; - display: none; - opacity: 0.8; -} - -@media (min-width: 960px) { - .thematique-button-next, -.thematique-button-prev { - display: block; - } -} - -.thematique-button-next, -.thematique-button-prev { - width: 60px; - height: 60px; -} - -.thematique-button-next:hover, - .thematique-button-next:focus, - .thematique-button-prev:hover, - .thematique-button-prev:focus { - opacity: 1; - filter: invert(13%) sepia(71%) saturate(4425%) hue-rotate(338deg) brightness(109%) - contrast(117%); -} - -.thematique-button-next:focus, .thematique-button-prev:focus { - border-radius: 9999px; -} - -.thematique-button-next { - right: 0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.thematique-button-prev { - left: 0px; -} - -.swiper-pagination { - display: none; -} - -@media (min-width: 960px) { - .swiper-pagination { - display: block; - } -} - -.swiper-pagination-bullet { - margin-left: 0.5rem; - margin-right: 0.5rem; - height: 0.75rem; - width: 0.75rem; - border-width: 2px !important; - border-style: solid !important; - --tw-border-opacity: 1; - border-color: rgb(0 0 0 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - opacity: 0.8; -} - -.swiper-pagination-bullet:focus { - outline-offset: 4px; -} - -.swiper-pagination-bullet-active { - --tw-border-opacity: 1 !important; - border-color: rgb(223 30 30 / var(--tw-border-opacity)) !important; - --tw-bg-opacity: 1; - background-color: rgb(223 30 30 / var(--tw-bg-opacity)); - opacity: 1; -} - -/* .swiper-slide { - background-color: red !important; - text-align: center; - font-size: 18px; - background: #fff; - display: flex; - justify-content: center; - align-items: center; -} - -.swiper-slide img { - display: block; - width: 100%; - height: 100%; - object-fit: cover; -} */ - -.section-show-thematiques { - padding-left: 4rem; - padding-right: 4rem; - padding-top: 2rem; - padding-bottom: 8rem; -} - -.section-show-thematiques .thematiques-container { - margin-left: auto; - margin-right: auto; - display: grid; - max-width: 1280px; - grid-template-columns: repeat(3, minmax(0, 1fr)); - gap: 2rem; - row-gap: 8rem; - padding-top: 4rem; -} - -#block-demarches-administratives.card-large-content-container--has-illustration { - padding-top: 16rem; -} - -#block-demarches-administratives .card-large-content--has-illustration { - padding-top: 7rem; -} - -#block-demarches-administratives .card-large-content__top-illustration { - transform: translate(-50%, -70%); -} - -#block-demarches-administratives .card-large-content__links-container { - grid-template-columns: repeat(1, minmax(0, 1fr)); -} - -@media (min-width: 782px) { - #block-demarches-administratives .card-large-content__links-container { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } -} - -@media (min-width: 960px) { - #block-demarches-administratives .card-large-content__links-container { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } -} - -#block-questions-frequentes { - padding-top: 7rem; - padding-bottom: 7rem; -} - -.questions-frequentes-grid { - margin-left: auto; - margin-right: auto; - display: grid; - max-width: 1280px; - gap: 2rem; - -moz-column-gap: 2rem; - column-gap: 2rem; -} - -@media (min-width: 782px) { - .questions-frequentes-grid { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } -} - -@media (min-width: 960px) { - .questions-frequentes-grid { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } -} - -/* ########### ADD STYLE LAYER TO CONTENT BLOCKS (FROM PLUGIN) ############ */ - -/* @import './blocks/chapter-header-block.css'; */ - -.questions-container-block { - padding-bottom: 3rem; -} - -.questions-container-block__title { - font-size: 2.25rem !important; - line-height: 2.5rem !important; - font-weight: 700; - --tw-text-opacity: 1 !important; - color: rgb(0 0 0 / var(--tw-text-opacity)) !important; -} - -.wp-block-homegrade-content-blocks-points-cles { - border-radius: 1.5rem; - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - padding: 2rem; - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.wp-block-homegrade-content-blocks-points-cles__titling { - margin-bottom: 1.5rem; -} - -.wp-block-homegrade-content-blocks-points-cles__titling .icon { - --tw-bg-opacity: 1; - background-color: rgb(47 1 84 / var(--tw-bg-opacity)); -} - -.wp-block-homegrade-content-blocks-points-cles h3 { - font-size: 1.5rem; - line-height: 2rem; - font-weight: 700; -} - -.homegrade-blocks-highlight { - margin-top: 2rem; - margin-bottom: 2rem; - padding: 3rem; - border-radius: 22px; -} - -.homegrade-blocks-highlight h3 { - padding-bottom: 1rem; -} - -.homegrade-blocks-highlight p { - margin-bottom: 10px; -} - -.homegrade-blocks-highlight__block-title { - padding-bottom: 0px !important; -} - -.homegrade-blocks-highlight .icon { - --tw-bg-opacity: 1; - background-color: rgb(47 1 84 / var(--tw-bg-opacity)); -} - -.homegrade-blocks-vocabulaire-summary { - border-radius: 1rem; - background-color: rgb(239, 239, 239, 0.6); - padding: 3rem; -} - -.homegrade-blocks-vocabulaire-summary details { - margin-bottom: 1rem; - border-radius: 1rem; -} - -.homegrade-blocks-vocabulaire-summary__title, - .homegrade-blocks-vocabulaire-summary h2 { - margin-top: 0px; - margin-bottom: 0px; - padding-bottom: 1.5rem; - font-size: 1.875rem; - line-height: 2.25rem; - font-weight: 700; - --tw-text-opacity: 1 !important; - color: rgb(0 0 0 / var(--tw-text-opacity)) !important; - /* color: red !important; */ -} - -.homegrade-blocks-vocabulaire-summary__content { - padding-top: 30px; -} - -.homegrade-blocks-aside { - border-left-width: 4px; -} - -.homegrade-blocks-focused-schema figcaption ol { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} - -@media (min-width: 1280px) { - .homegrade-blocks-focused-schema figcaption ol { - display: grid; - } -} - -.homegrade-blocks-focused-schema .focus-point-popup-container__title { - font-weight: 700; - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -.homegrade-blocks-focused-schema .focus-point-popup-container { - z-index: 9999; -} - -.homegrade-blocks-plus-loin { - margin-top: 2rem; - margin-bottom: 2rem; - --tw-bg-opacity: 1; - background-color: rgb(47 1 84 / var(--tw-bg-opacity)); - padding: 3rem; - border-radius: 22px; -} - -.homegrade-blocks-plus-loin__block-title { - margin-top: 0px !important; - font-size: 2.25rem !important; - line-height: 2.5rem !important; - font-weight: 700 !important; -} - -.homegrade-blocks-plus-loin p, - .homegrade-blocks-plus-loin h2, - .homegrade-blocks-plus-loin h3, - .homegrade-blocks-plus-loin h4, - .homegrade-blocks-plus-loin h5, - .homegrade-blocks-plus-loin h6, - .homegrade-blocks-plus-loin li, - .homegrade-blocks-plus-loin a { - --tw-text-opacity: 1 !important; - color: rgb(255 255 255 / var(--tw-text-opacity)) !important; -} - -.homegrade-blocks-plus-loin a { - font-weight: 500 !important; - text-decoration-thickness: 1px !important; -} - -.homegrade-blocks-plus-loin ul li:before { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.homegrade-blocks-plus-loin ul li::marker { - --tw-text-opacity: 1 !important; - color: rgb(255 255 255 / var(--tw-text-opacity)) !important; -} - -.homegrade-blocks-plus-loin .homegrade-blocks-custom-heading + ul { - padding-left: 3rem; -} - -.homegrade-blocks-custom-heading.has-icon:before { - --tw-bg-opacity: 1; - background-color: rgb(47 1 84 / var(--tw-bg-opacity)); -} - -.homegrade-blocks-plus-loin .homegrade-blocks-custom-heading.has-icon.has-icon:before { - --tw-bg-opacity: 1; - background-color: rgb(255 233 163 / var(--tw-bg-opacity)); -} - -.homegrade-blocks-plus-loin .homegrade-blocks-custom-heading.has-icon.has-icon--key::before { - background-image: url('../resources/img/pictogrammes/icon_key_dark.svg'); -} - -.homegrade-blocks-plus-loin .homegrade-blocks-custom-heading.has-icon.has-icon--house::before { - background-image: url('../resources/img/pictogrammes/icon_house_dark.svg'); -} - -.homegrade-blocks-plus-loin .homegrade-blocks-custom-heading.has-icon.has-icon--bulb::before { - background-image: url('../resources/img/pictogrammes/icon_bulb_dark.svg'); -} - -.homegrade-blocks-plus-loin .homegrade-blocks-custom-heading.has-icon.has-icon--chain::before { - background-image: url('../resources/img/pictogrammes/icon_chain_dark.svg'); -} - -.homegrade-blocks-chapitrage-thematique .homegrade-blocks-chapitre-thematique { - margin-bottom: 3rem; - gap: 2rem; - padding: 0px; -} - -.homegrade-blocks-chapitrage-thematique .homegrade-blocks-chapitre-thematique h3 { - margin-top: 0px; -} - -.homegrade-blocks-chapitrage-thematique .homegrade-blocks-chapitre-thematique__cover { - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - width: 100%; - border-radius: 1.5rem; - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); - aspect-ratio: 1/1; -} - -.homegrade-blocks-chapitrage-thematique .homegrade-blocks-chapitre-thematique__cover img { - max-width: 76%; - max-height: 76%; -} - -.homegrade-blocks-chapitrage-thematique .homegrade-blocks-chapitre-thematique__cta { - display: flex; - align-items: center; - justify-content: space-between; - padding-top: 2rem; - font-weight: 700; -} - -.homegrade-blocks-chapitrage-thematique .homegrade-blocks-chapitre-thematique__cta::after { - position: absolute; - content: var(--tw-content); - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; -} - -.homegrade-blocks-chapitrage-thematique .homegrade-blocks-chapitre-thematique__cta:hover { - opacity: 1; -} - -.homegrade-blocks-chapitrage-thematique .homegrade-blocks-chapitre-thematique__cta { - transition: font-weight 0.3s ease-in-out; -} - -.homegrade-blocks-chapitrage-thematique .homegrade-blocks-chapitre-thematique__cta .cta_arrow_button { - display: block; - width: 50px; - height: 50px; -} - -.homegrade-blocks-chapitrage-thematique .homegrade-blocks-lien-chapitre { - margin-top: 3rem; - margin-bottom: 3rem; - border-radius: 1rem; - padding: 3rem; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -} - -.homegrade-blocks-chapitrage-thematique .homegrade-blocks-lien-chapitre__title { - padding-bottom: 0.75rem; - font-size: 1.25rem; - font-weight: 700; -} - -.homegrade-blocks-chapitrage-thematique .homegrade-blocks-lien-chapitre__cta { - font-weight: 700; -} - -/* ########### PAGE ############ */ - -.demo-components .title { - padding-bottom: 4rem; - text-align: center; - font-size: 1.875rem; - line-height: 2.25rem; - font-weight: 700; -} - -.demo-components .buttons { - padding-top: 8rem; - padding-bottom: 8rem; -} - -.demo-components .buttons .buttons-example { - display: flex; - justify-content: center; - gap: 2rem; -} - -.archives-publications-header { - margin-left: auto; - margin-right: auto; - max-width: 1280px; - --tw-bg-opacity: 1; - background-color: rgb(47 1 84 / var(--tw-bg-opacity)); - text-align: center; - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.highlighted-brochure { - margin-left: auto; - margin-right: auto; - margin-top: 0px; - max-width: 1280px; - --tw-bg-opacity: 1; - background-color: rgb(255 237 236 / var(--tw-bg-opacity)); - padding: 2rem; -} - -/* &__infos { - &:after { - @apply absolute - left-0 - bottom-0 - w-full - bg-secondary-light; - content: ''; - height: 200px; - z-index: -1; - } - } */ - -.highlighted-brochure__wrapper { - position: relative; - display: flex; - flex-direction: row; - align-items: flex-end; - justify-content: space-between; -} - -.highlighted-brochure__titling { - display: flex; - align-items: center; - gap: 1rem; -} - -.highlighted-brochure__titling__icon { - display: flex; - height: 2rem; - width: 2rem; - align-items: center; - justify-content: center; - border-radius: 9999px; - --tw-bg-opacity: 1; - background-color: rgb(223 30 30 / var(--tw-bg-opacity)); -} - -.highlighted-brochure__titling__icon img { - width: 100%; - max-width: 40%; -} - -.highlighted-brochure__titling__title { - font-size: 1.25rem; - font-weight: 700; - --tw-text-opacity: 1; - color: rgb(223 30 30 / var(--tw-text-opacity)); -} - -.highlighted-brochure__comment { - width: 66.666667%; - max-width: 64rem; - padding-top: 1rem; - padding-right: 1.5rem; -} - -.highlighted-brochure__cover { - position: absolute; - right: 0px; - bottom: 0px; - /* transform: translateY(-30%); */ - width: 33.333333%; - max-width: 250px; - /* transform: scale(2) translate(-50%, -20%); */ -} - -.highlighted-brochure .cta { - margin-top: 2rem; -} - -.brochures-archives, -.fiches-infos-archives { - margin-left: auto; - margin-right: auto; - margin-top: 2rem; - max-width: 1280px; - padding-top: 1rem; - padding-bottom: 1rem; -} - -.card-large-content-container { - margin-top: 3rem; - margin-bottom: 0px; - padding-top: 10rem; -} - -@media (min-width: 960px) { - .card-large-content-container .card-large-content__links-container { - gap: 8rem; - } -} - -.post-conseil-page-container { - padding-left: 2rem; - padding-right: 2rem; -} - -.conseils_wrapper { - margin-left: auto; - margin-right: auto; - max-width: 1440px; - -moz-column-gap: 2rem; - column-gap: 2rem; -} - -@media (min-width: 960px) { - .conseils_wrapper { - display: flex; - } -} - -.conseils_wrapper .chapter_index { - left: 0px; - top: 1rem; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - border-radius: 1rem; - background-color: rgb(239, 239, 239, 0.6); - padding: 3rem; -} - -@media (min-width: 960px) { - .conseils_wrapper .chapter_index { - position: -webkit-sticky; - position: sticky; - max-width: 32rem; - } -} - -.conseils_wrapper .chapter_index__title { - margin-bottom: 0.75rem; - font-size: 1.25rem; - font-weight: 700; -} - -.conseils_wrapper .chapter_index__list { - position: relative; -} - -.conseils_wrapper .chapter_index__position-indicator { - position: absolute; - top: 0px; - left: -1rem; - height: 2rem; - border-radius: 1rem; - width: 3px; - /* transition: top 0.3s ease-out; */ - transition: top 0.7s cubic-bezier(0, 0.75, 0.47, 0.99); -} - -.conseils_wrapper .chapter_index a { - display: block; -} - -.hover\:bg-primary:hover { - --tw-bg-opacity: 1; - background-color: rgb(47 1 84 / var(--tw-bg-opacity)); -} - -.hover\:bg-secondary:hover { - --tw-bg-opacity: 1; - background-color: rgb(223 30 30 / var(--tw-bg-opacity)); -} - -.hover\:bg-acoustique-coproprietes:hover { - --tw-bg-opacity: 1; - background-color: rgb(36 94 242 / var(--tw-bg-opacity)); -} - -.hover\:bg-acoustique-coproprietes-light:hover { - --tw-bg-opacity: 1; - background-color: rgb(223 241 255 / var(--tw-bg-opacity)); -} - -.hover\:bg-energies-urbanisme:hover { - --tw-bg-opacity: 1; - background-color: rgb(2 126 80 / var(--tw-bg-opacity)); -} - -.hover\:bg-energies-urbanisme-light:hover { - --tw-bg-opacity: 1; - background-color: rgb(227 255 240 / var(--tw-bg-opacity)); -} - -.hover\:bg-isolation-quotidien:hover { - --tw-bg-opacity: 1; - background-color: rgb(194 69 3 / var(--tw-bg-opacity)); -} - -.hover\:bg-isolation-quotidien-light:hover { - --tw-bg-opacity: 1; - background-color: rgb(255 251 236 / var(--tw-bg-opacity)); -} - -.hover\:bg-patrimoine-renovation:hover { - --tw-bg-opacity: 1; - background-color: rgb(139 47 247 / var(--tw-bg-opacity)); -} - -.hover\:bg-patrimoine-renovation-light:hover { - --tw-bg-opacity: 1; - background-color: rgb(248 242 255 / var(--tw-bg-opacity)); -} - -.hover\:text-primary:hover { - --tw-text-opacity: 1; - color: rgb(47 1 84 / var(--tw-text-opacity)); -} - -.hover\:text-secondary:hover { - --tw-text-opacity: 1; - color: rgb(223 30 30 / var(--tw-text-opacity)); -} - -.hover\:text-acoustique-coproprietes:hover { - --tw-text-opacity: 1; - color: rgb(36 94 242 / var(--tw-text-opacity)); -} - -.hover\:text-acoustique-coproprietes-light:hover { - --tw-text-opacity: 1; - color: rgb(223 241 255 / var(--tw-text-opacity)); -} - -.hover\:text-energies-urbanisme:hover { - --tw-text-opacity: 1; - color: rgb(2 126 80 / var(--tw-text-opacity)); -} - -.hover\:text-energies-urbanisme-light:hover { - --tw-text-opacity: 1; - color: rgb(227 255 240 / var(--tw-text-opacity)); -} - -.hover\:text-isolation-quotidien:hover { - --tw-text-opacity: 1; - color: rgb(194 69 3 / var(--tw-text-opacity)); -} - -.hover\:text-isolation-quotidien-light:hover { - --tw-text-opacity: 1; - color: rgb(255 251 236 / var(--tw-text-opacity)); -} - -.hover\:text-patrimoine-renovation:hover { - --tw-text-opacity: 1; - color: rgb(139 47 247 / var(--tw-text-opacity)); -} - -.hover\:text-patrimoine-renovation-light:hover { - --tw-text-opacity: 1; - color: rgb(248 242 255 / var(--tw-text-opacity)); -} - -@media (min-width: 782px) { - .md\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; - } - - .md\:flex { - display: flex; - } - - .md\:w-1\/2 { - width: 50%; - } - - .md\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; - } -} - -@media (min-width: 960px) { - .lg\:text-5xl { - font-size: 3rem; - line-height: 1; - } -} diff --git a/css/editor-style.css b/css/editor-style.css deleted file mode 100644 index 95327e8..0000000 --- a/css/editor-style.css +++ /dev/null @@ -1,580 +0,0 @@ -.container { - width: 100%; - padding-right: 1rem; - padding-left: 1rem -} - -@media (min-width: 480px) { - .container { - max-width: 480px - } -} - -@media (min-width: 600px) { - .container { - max-width: 600px; - padding-right: 2rem; - padding-left: 2rem - } -} - -@media (min-width: 782px) { - .container { - max-width: 782px - } -} - -@media (min-width: 960px) { - .container { - max-width: 960px; - padding-right: 0rem; - padding-left: 0rem - } -} - -@media (min-width: 1280px) { - .container { - max-width: 1280px - } -} - -@media (min-width: 1440px) { - .container { - max-width: 1440px - } -} - -.sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0 -} - -.m-8 { - margin: 2rem -} - -.my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem -} - -.mx-auto { - margin-left: auto; - margin-right: auto -} - -.my-8 { - margin-top: 2rem; - margin-bottom: 2rem -} - -.mb-8 { - margin-bottom: 2rem -} - -.mb-4 { - margin-bottom: 1rem -} - -.mb-1 { - margin-bottom: 0.25rem -} - -.mb-12 { - margin-bottom: 3rem -} - -.block { - display: block -} - -.flex { - display: flex -} - -.table { - display: table -} - -.h-1 { - height: 0.25rem -} - -.min-h-screen { - min-height: 100vh -} - -.w-full { - width: 100% -} - -.w-16 { - width: 4rem -} - -.max-w-sm { - max-width: 24rem -} - -.max-w-screen-md { - max-width: 782px -} - -.flex-grow { - flex-grow: 1 -} - -.flex-col { - flex-direction: column -} - -.items-center { - align-items: center -} - -.justify-center { - justify-content: center -} - -.rounded { - border-radius: 0.25rem -} - -.border { - border-width: 1px -} - -.\!border { - border-width: 1px !important -} - -.border-b { - border-bottom-width: 1px -} - -.border-primary { - --tw-border-opacity: 1; - border-color: rgb(47 1 84 / var(--tw-border-opacity)) -} - -.border-secondary { - --tw-border-opacity: 1; - border-color: rgb(223 30 30 / var(--tw-border-opacity)) -} - -.bg-primary { - --tw-bg-opacity: 1; - background-color: rgb(47 1 84 / var(--tw-bg-opacity)) -} - -.bg-secondary { - --tw-bg-opacity: 1; - background-color: rgb(223 30 30 / var(--tw-bg-opacity)) -} - -.bg-acoustique-coproprietes { - --tw-bg-opacity: 1; - background-color: rgb(36 94 242 / var(--tw-bg-opacity)) -} - -.bg-acoustique-coproprietes-light { - --tw-bg-opacity: 1; - background-color: rgb(223 241 255 / var(--tw-bg-opacity)) -} - -.bg-energies-urbanisme { - --tw-bg-opacity: 1; - background-color: rgb(2 126 80 / var(--tw-bg-opacity)) -} - -.bg-energies-urbanisme-light { - --tw-bg-opacity: 1; - background-color: rgb(227 255 240 / var(--tw-bg-opacity)) -} - -.bg-isolation-quotidien { - --tw-bg-opacity: 1; - background-color: rgb(194 69 3 / var(--tw-bg-opacity)) -} - -.bg-isolation-quotidien-light { - --tw-bg-opacity: 1; - background-color: rgb(255 251 236 / var(--tw-bg-opacity)) -} - -.bg-patrimoine-renovation { - --tw-bg-opacity: 1; - background-color: rgb(139 47 247 / var(--tw-bg-opacity)) -} - -.bg-patrimoine-renovation-light { - --tw-bg-opacity: 1; - background-color: rgb(248 242 255 / var(--tw-bg-opacity)) -} - -.bg-location-renovation-circulaire { - --tw-bg-opacity: 1; - background-color: rgb(223 0 43 / var(--tw-bg-opacity)) -} - -.bg-location-renovation-circulaire-light { - --tw-bg-opacity: 1; - background-color: rgb(254 245 246 / var(--tw-bg-opacity)) -} - -.px-4 { - padding-left: 1rem; - padding-right: 1rem -} - -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem -} - -.py-12 { - padding-top: 3rem; - padding-bottom: 3rem -} - -.text-center { - text-align: center -} - -.text-5xl { - font-size: 3rem; - line-height: 1 -} - -.text-2xl { - font-size: 1.5rem; - line-height: 2rem -} - -.text-sm { - font-size: 0.875rem; - line-height: 1.25rem -} - -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem -} - -.font-light { - font-weight: 300 -} - -.font-extrabold { - font-weight: 800 -} - -.uppercase { - text-transform: uppercase -} - -.leading-tight { - line-height: 1.25 -} - -.text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)) -} - -.text-primary { - --tw-text-opacity: 1; - color: rgb(47 1 84 / var(--tw-text-opacity)) -} - -.text-secondary { - --tw-text-opacity: 1; - color: rgb(223 30 30 / var(--tw-text-opacity)) -} - -.text-acoustique-coproprietes { - --tw-text-opacity: 1; - color: rgb(36 94 242 / var(--tw-text-opacity)) -} - -.text-acoustique-coproprietes-light { - --tw-text-opacity: 1; - color: rgb(223 241 255 / var(--tw-text-opacity)) -} - -.text-energies-urbanisme { - --tw-text-opacity: 1; - color: rgb(2 126 80 / var(--tw-text-opacity)) -} - -.text-energies-urbanisme-light { - --tw-text-opacity: 1; - color: rgb(227 255 240 / var(--tw-text-opacity)) -} - -.text-isolation-quotidien { - --tw-text-opacity: 1; - color: rgb(194 69 3 / var(--tw-text-opacity)) -} - -.text-isolation-quotidien-light { - --tw-text-opacity: 1; - color: rgb(255 251 236 / var(--tw-text-opacity)) -} - -.text-patrimoine-renovation { - --tw-text-opacity: 1; - color: rgb(139 47 247 / var(--tw-text-opacity)) -} - -.text-patrimoine-renovation-light { - --tw-text-opacity: 1; - color: rgb(248 242 255 / var(--tw-text-opacity)) -} - -.text-location-renovation-circulaire { - --tw-text-opacity: 1; - color: rgb(223 0 43 / var(--tw-text-opacity)) -} - -.text-location-renovation-circulaire-light { - --tw-text-opacity: 1; - color: rgb(254 245 246 / var(--tw-text-opacity)) -} - -.antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale -} - -.filter { - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) -} - -.alignfull { - margin: 2rem calc(50% - 50vw) !important; - max-width: 100vw !important; - width: 100vw -} - -.alignwide { - margin: 2rem 0; - max-width: 1280px !important -} - -.alignnone { - margin-left: 0px; - margin-right: 0px; - height: auto; - max-width: 100% -} - -.aligncenter { - margin: 0.5rem auto; - display: block -} - -@media (min-width: 600px) { - .alignleft:not(.wp-block-button) { - margin-right: 0.5rem; - float: left - } - - .alignright:not(.wp-block-button) { - margin-left: 0.5rem; - float: right - } - - .wp-block-button.alignleft a { - float: left; - margin-right: 1rem - } - - .wp-block-button.alignright a { - float: right; - margin-left: 1rem - } -} - -.wp-caption { - display: inline-block -} - -.wp-caption img { - margin-bottom: 0.5rem; - line-height: 1 -} - -.wp-caption-text { - font-size: 0.875rem; - color: #718096 -} - -body { - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" -} - -.wp-block { - max-width: 1280px -} - -.wp-block[data-align='wide'] { - max-width: 1280px -} - -.wp-block[data-align='full'] { - max-width: 100% -} - -.wp-block.alignfull { - max-width: 100% -} - -.acf-block-component { - /* @apply bg-red-500; */ -} - -.acf-block-fields { - margin-left: auto; - margin-right: auto; - max-width: 782px -} - -.block-editor-default-block-appender .block-editor-inserter button { - --tw-bg-opacity: 1 !important; - background-color: rgb(223 30 30 / var(--tw-bg-opacity)) !important -} - -.hover\:bg-primary:hover { - --tw-bg-opacity: 1; - background-color: rgb(47 1 84 / var(--tw-bg-opacity)) -} - -.hover\:bg-secondary:hover { - --tw-bg-opacity: 1; - background-color: rgb(223 30 30 / var(--tw-bg-opacity)) -} - -.hover\:bg-acoustique-coproprietes:hover { - --tw-bg-opacity: 1; - background-color: rgb(36 94 242 / var(--tw-bg-opacity)) -} - -.hover\:bg-acoustique-coproprietes-light:hover { - --tw-bg-opacity: 1; - background-color: rgb(223 241 255 / var(--tw-bg-opacity)) -} - -.hover\:bg-energies-urbanisme:hover { - --tw-bg-opacity: 1; - background-color: rgb(2 126 80 / var(--tw-bg-opacity)) -} - -.hover\:bg-energies-urbanisme-light:hover { - --tw-bg-opacity: 1; - background-color: rgb(227 255 240 / var(--tw-bg-opacity)) -} - -.hover\:bg-isolation-quotidien:hover { - --tw-bg-opacity: 1; - background-color: rgb(194 69 3 / var(--tw-bg-opacity)) -} - -.hover\:bg-isolation-quotidien-light:hover { - --tw-bg-opacity: 1; - background-color: rgb(255 251 236 / var(--tw-bg-opacity)) -} - -.hover\:bg-patrimoine-renovation:hover { - --tw-bg-opacity: 1; - background-color: rgb(139 47 247 / var(--tw-bg-opacity)) -} - -.hover\:bg-patrimoine-renovation-light:hover { - --tw-bg-opacity: 1; - background-color: rgb(248 242 255 / var(--tw-bg-opacity)) -} - -.hover\:text-primary:hover { - --tw-text-opacity: 1; - color: rgb(47 1 84 / var(--tw-text-opacity)) -} - -.hover\:text-secondary:hover { - --tw-text-opacity: 1; - color: rgb(223 30 30 / var(--tw-text-opacity)) -} - -.hover\:text-acoustique-coproprietes:hover { - --tw-text-opacity: 1; - color: rgb(36 94 242 / var(--tw-text-opacity)) -} - -.hover\:text-acoustique-coproprietes-light:hover { - --tw-text-opacity: 1; - color: rgb(223 241 255 / var(--tw-text-opacity)) -} - -.hover\:text-energies-urbanisme:hover { - --tw-text-opacity: 1; - color: rgb(2 126 80 / var(--tw-text-opacity)) -} - -.hover\:text-energies-urbanisme-light:hover { - --tw-text-opacity: 1; - color: rgb(227 255 240 / var(--tw-text-opacity)) -} - -.hover\:text-isolation-quotidien:hover { - --tw-text-opacity: 1; - color: rgb(194 69 3 / var(--tw-text-opacity)) -} - -.hover\:text-isolation-quotidien-light:hover { - --tw-text-opacity: 1; - color: rgb(255 251 236 / var(--tw-text-opacity)) -} - -.hover\:text-patrimoine-renovation:hover { - --tw-text-opacity: 1; - color: rgb(139 47 247 / var(--tw-text-opacity)) -} - -.hover\:text-patrimoine-renovation-light:hover { - --tw-text-opacity: 1; - color: rgb(248 242 255 / var(--tw-text-opacity)) -} - -@media (min-width: 782px) { - .md\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem - } - - .md\:flex { - display: flex - } - - .md\:w-1\/2 { - width: 50% - } - - .md\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem - } -} - -@media (min-width: 960px) { - .lg\:text-5xl { - font-size: 3rem; - line-height: 1 - } -} diff --git a/css/login-style.css b/css/login-style.css deleted file mode 100644 index a2c1d50..0000000 --- a/css/login-style.css +++ /dev/null @@ -1,37 +0,0 @@ -body { - /* @apply bg-primary; */ -} - -#login h1 a, -.login h1 a { - background-image: url("../resources/img/logo_client.svg"); - height: 100px; - width: 300px; - background-size: 300px 100px; - background-repeat: no-repeat; - padding-bottom: 10px; -} - -#wp-submit { - --tw-border-opacity: 1; - border-color: rgb(47 1 84 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(47 1 84 / var(--tw-bg-opacity)); -} - -#nav a, -#backtoblog a { - /* color: var(--red) !important; */ - --tw-text-opacity: 1; - color: rgb(47 1 84 / var(--tw-text-opacity)); -} - -#loginform { - border: none; -} - -.wp-pwd span { - --tw-text-opacity: 1; - color: rgb(47 1 84 / var(--tw-text-opacity)); - /* color: var(--red) !important; */ -} diff --git a/js/app.js b/js/app.js deleted file mode 100644 index d518463..0000000 --- a/js/app.js +++ /dev/null @@ -1,338 +0,0 @@ -(() => { - // resources/js/editor.js - function editorInit() { - const tablesCells = document.querySelectorAll(".wp-block-table td"); - function filterCells(element, stringToParse) { - return element.textContent.trim() === stringToParse; - } - const checkedCells = Array.from(tablesCells).filter((element) => filterCells(element, "((v))")); - const crossedCells = Array.from(tablesCells).filter((element) => filterCells(element, "((x))")); - checkedCells.forEach((cell) => { - cell.innerHTML = `
${mainAppJsDynamicDatas.yes}
`; - }); - crossedCells.forEach((cell) => { - cell.innerHTML = `${mainAppJsDynamicDatas.no}`; - }); - } - - // resources/js/menus.js - function menuInit() { - const header = document.querySelector("#main-header"); - const footer = document.querySelector("footer"); - if (!header) - return; - const searchModule = header.querySelector(".search-module"); - const searchModuleToggle = header.querySelector("#search-module-toggle"); - const mobileMenuToggle = header.querySelector("#mobile-menu-toggle"); - const headerSubmenuToggles = header.querySelectorAll(".menu-item__submenu-toggle"); - const headerSubmenuCloseBtns = header.querySelectorAll(".menu-item__submenu-close"); - const footerSubmenuToggles = footer.querySelectorAll(".menu-item__submenu-toggle"); - const footerSubmenuCloseBtns = footer.querySelectorAll(".menu-item__submenu-close"); - function isSubmenuOpen() { - return header.querySelector(".sub-menu--open") !== null || footer.querySelector(".sub-menu--open") !== null; - } - function openSubmenu(buttonToggle) { - let isExpanded = buttonToggle.getAttribute("aria-expanded") === "true"; - buttonToggle.setAttribute("aria-expanded", !isExpanded); - buttonToggle.parentElement.querySelector(".sub-menu").classList.toggle("sub-menu--open"); - buttonToggle.parentElement.querySelector(".sub-menu").classList.toggle("sub-menu--closed"); - } - function closeSubmenus() { - const headerOpenSubmenus = header.querySelectorAll(".sub-menu--open"); - const footerOpenSubmenus = footer.querySelectorAll(".sub-menu--open"); - headerOpenSubmenus.forEach((submenu) => { - submenu.classList.remove("sub-menu--open"); - submenu.classList.add("sub-menu--closed"); - submenu.parentElement.querySelector(".menu-item__submenu-toggle").setAttribute("aria-expanded", "false"); - }); - footerOpenSubmenus.forEach((submenu) => { - submenu.classList.remove("sub-menu--open"); - submenu.classList.add("sub-menu--closed"); - submenu.parentElement.querySelector(".menu-item__submenu-toggle").setAttribute("aria-expanded", "false"); - }); - } - function handleSubmenuToggle(buttonToggle) { - let isExpanded = buttonToggle.getAttribute("aria-expanded") === "true"; - if (!isExpanded) { - closeSubmenus(); - openSubmenu(buttonToggle); - } else { - closeSubmenus(); - } - } - function closeCurrentSubmenu(buttonClose) { - const currentOpenedSubmenu = buttonClose.parentElement; - currentOpenedSubmenu.classList.remove("sub-menu--open"); - currentOpenedSubmenu.classList.add("sub-menu--closed"); - currentOpenedSubmenu.parentElement.querySelector(".menu-item__submenu-toggle").setAttribute("aria-expanded", "false"); - } - headerSubmenuToggles.forEach((button) => { - button.addEventListener("click", () => { - if (isSearchOpen() === true) { - closeSearch(); - } - handleSubmenuToggle(button); - }); - }); - headerSubmenuCloseBtns.forEach((button) => { - button.addEventListener("click", () => closeCurrentSubmenu(button)); - }); - footerSubmenuToggles.forEach((button) => { - button.addEventListener("click", () => { - if (isSearchOpen() === true) { - closeSearch(); - } - handleSubmenuToggle(button); - }); - }); - footerSubmenuCloseBtns.forEach((button) => { - button.addEventListener("click", () => closeCurrentSubmenu(button)); - }); - function isSearchOpen() { - if (searchModule.getAttribute("mobile-closed") != null && searchModule.getAttribute("aria-hidden") != null && searchModule.getAttribute("mobile-opened") === null) { - return false; - } - if (searchModule.getAttribute("mobile-opened") != null && searchModule.getAttribute("mobile-closed") === null && searchModule.getAttribute("aria-hidden") === null) { - return true; - } - return null; - } - function openSearch() { - const searchFieldInput = header.querySelector(".search-module__search-form__input"); - searchModuleToggle.setAttribute("aria-expanded", "true"); - searchModule.setAttribute("mobile-opened", ""); - searchModule.removeAttribute("mobile-closed"); - searchFieldInput.focus(); - setTimeout(() => { - searchModule.removeAttribute("aria-hidden"); - }, 400); - } - function closeSearch() { - searchModuleToggle.setAttribute("aria-expanded", "false"); - searchModuleToggle.focus(); - searchModule.setAttribute("aria-hidden", ""); - searchModule.removeAttribute("mobile-opened", ""); - searchModule.setAttribute("mobile-closing", ""); - searchModule.addEventListener("animationend", () => { - searchModule.setAttribute("mobile-closed", ""); - searchModule.removeAttribute("mobile-closing", ""); - }, { once: true }); - } - searchModuleToggle.addEventListener("click", function(e) { - closeSubmenus(); - if (isSearchOpen() === false) { - openSearch(); - return; - } - if (isSearchOpen() === true) { - closeSearch(); - } - }); - const renovateurNavListContainer = header.querySelector(".menu-renovateur__navlist-container"); - const HomegradeNavListContainer = header.querySelector(".menu-homegrade"); - function isMobileNavOpened() { - console.log("is mobile nav opened"); - console.log(renovateurNavListContainer.hasAttribute("opened") && mobileMenuToggle.getAttribute("aria-expanded") === "true"); - return renovateurNavListContainer.hasAttribute("opened") && mobileMenuToggle.getAttribute("aria-expanded") === "true"; - } - function openMenu(menuContainer) { - console.log("open menu"); - mobileMenuToggle.setAttribute("aria-expanded", "true"); - const textContent = mobileMenuToggle.querySelector("span.text-content"); - textContent.textContent = mobileMenuToggle.getAttribute("data-text-close"); - function openRenovateur() { - renovateurNavListContainer.removeAttribute("closed", ""); - renovateurNavListContainer.setAttribute("opened", ""); - renovateurNavListContainer.removeAttribute("aria-hidden", ""); - renovateurNavListContainer.setAttribute("opening", ""); - renovateurNavListContainer.addEventListener("animationend", () => { - renovateurNavListContainer.removeAttribute("opening", ""); - }, { once: true }); - console.log("#######"); - } - function openHomegrade() { - HomegradeNavListContainer.removeAttribute("closed", ""); - HomegradeNavListContainer.setAttribute("opened", ""); - HomegradeNavListContainer.removeAttribute("aria-hidden", ""); - HomegradeNavListContainer.setAttribute("opening", ""); - HomegradeNavListContainer.addEventListener("animationend", () => { - HomegradeNavListContainer.removeAttribute("opening", ""); - }, { once: true }); - } - openRenovateur(); - openHomegrade(); - } - function closeMenu(menuContainer) { - mobileMenuToggle.setAttribute("aria-expanded", "false"); - let textContent = mobileMenuToggle.querySelector("span.text-content"); - textContent.textContent = mobileMenuToggle.getAttribute("data-text-open"); - renovateurNavListContainer.removeAttribute("opened"); - renovateurNavListContainer.setAttribute("aria-hidden", ""); - renovateurNavListContainer.setAttribute("closing", ""); - renovateurNavListContainer.addEventListener("animationend", () => { - renovateurNavListContainer.setAttribute("closed", ""); - renovateurNavListContainer.removeAttribute("closing", ""); - }, { once: true }); - HomegradeNavListContainer.removeAttribute("opened"); - HomegradeNavListContainer.setAttribute("aria-hidden", ""); - HomegradeNavListContainer.setAttribute("closing", ""); - HomegradeNavListContainer.addEventListener("animationend", () => { - HomegradeNavListContainer.setAttribute("closed", ""); - HomegradeNavListContainer.removeAttribute("closing", ""); - }, { once: true }); - } - mobileMenuToggle.addEventListener("click", function(e) { - if (isMobileNavOpened() === false) { - openMenu(); - return; - } - if (isMobileNavOpened() === true) { - closeMenu(); - } - }); - function getFirstLink(menuLinks) { - return menuLinks[0].querySelector("button") ? menuLinks[0].querySelector("button") : menuLinks[0].querySelector("a"); - } - function getLastLink(menuLinks) { - return menuLinks[menuLinks.length - 1].querySelector("button") ? menuLinks[menuLinks.length - 1].querySelector("button") : menuLinks[menuLinks.length - 1].querySelector("a"); - } - const renovateurLinks = header.querySelectorAll(".menu-renovateur__navlist .menu-item"); - const renovateurFirstLink = getFirstLink(renovateurLinks); - const renovateurLastLink = getLastLink(renovateurLinks); - const homegradeLinks = header.querySelectorAll(".menu-homegrade__navlist .menu-item"); - const homegradeFirstLink = getFirstLink(homegradeLinks); - const homegradeLastLink = getLastLink(homegradeLinks); - mobileMenuToggle.addEventListener("focusout", (e) => { - if (isMobileNavOpened()) { - renovateurFirstLink.focus(); - } - }); - renovateurFirstLink.addEventListener("focusout", (e) => { - if (e.relatedTarget.id == "website-logo-link" && isMobileNavOpened()) { - mobileMenuToggle.focus(); - } - }); - renovateurLastLink.addEventListener("focusout", (e) => { - if (isMobileNavOpened()) { - homegradeFirstLink.focus(); - } - }); - homegradeLastLink.addEventListener("focusout", (e) => { - if (isMobileNavOpened()) { - mobileMenuToggle.focus(); - } - }); - document.addEventListener("keydown", (e) => { - if (e.key === "Escape") { - if (isMobileNavOpened()) { - closeMenu(renovateurNavListContainer); - closeMenu(HomegradeNavListContainer); - } - if (isSearchOpen() === true) { - closeSearch(); - } - if (isSubmenuOpen()) { - closeSubmenus(); - } - } - }); - } - - // resources/js/single-conseil.js - function singleConseil() { - const hasChapterIndex = document.querySelector(".chapter_index__list"); - if (!hasChapterIndex) - return; - let chapterIndex = document.querySelector(".chapter_index"); - let questionBlocks = document.querySelectorAll(".questions-container-block"); - function handleLinkScrollToTarget(e) { - e.preventDefault(); - let target = e.target.getAttribute("href"); - let targetBlock = document.querySelector(target); - targetBlock.setAttribute("tabindex", "0"); - targetBlock.scrollIntoView({ - behavior: "smooth" - }); - targetBlock.focus({ preventScroll: true }); - } - function handleChapterIndicatorPosition(targetPosition) { - let chapterIndicator = document.querySelector(".chapter_index__position-indicator"); - chapterIndicator.style.top = targetPosition + "px"; - } - let chapterLinks = document.querySelectorAll(".chapter_index__link"); - chapterLinks.forEach((link) => { - link.addEventListener("click", (e) => { - handleLinkScrollToTarget(e); - handleChapterIndicatorPosition(e.target.offsetTop); - }); - }); - const io = new IntersectionObserver((entries) => { - entries.forEach((entry) => { - if (entry.isIntersecting) { - entry.target.classList.add("active"); - const blockId = entry.target.getAttribute("id"); - const relatedChapterLink = document.querySelector(`a[href="#${blockId}"]`); - handleChapterIndicatorPosition(relatedChapterLink.offsetTop); - } else { - } - }); - }, { - rootMargin: "-10% 0px -70% 0px" - }); - function buildAllBlocksToObserve() { - const questionsContainerBlocks = document.querySelectorAll(".questions-container-block"); - const vocabulaireSummaryBlock = document.querySelector(".homegrade-blocks-vocabulaire-summary"); - const plusLoinBlock = document.querySelector("#aller-plus-loin"); - let allBlocks2 = []; - if (questionsContainerBlocks) - allBlocks2 = [...questionsContainerBlocks]; - if (vocabulaireSummaryBlock) - allBlocks2.push(vocabulaireSummaryBlock); - if (plusLoinBlock) - allBlocks2.push(plusLoinBlock); - return allBlocks2; - } - allBlocks = buildAllBlocksToObserve(); - allBlocks.forEach((el) => { - console.log(el); - io.observe(el); - }); - } - - // resources/js/schema-bullet-points.js - function SchemaBulletPointsInit() { - const focusBulletPoints = document.querySelectorAll(".homegrade-blocks-focus-point-bullet"); - if (!focusBulletPoints) - return; - focusBulletPoints.forEach((focusPoint) => { - const focusPointsContainer = focusPoint.parentElement; - focusPoint.addEventListener("mouseover", (event) => { - const aleradyHoveredFocusPoint = document.querySelector("[data-hovered]"); - console.log(aleradyHoveredFocusPoint); - const focusTitle = focusPoint.getAttribute("data-focus-bullet-title"); - const focusPointPopupContainer = document.createElement("div"); - focusPointPopupContainer.className = "focus-point-popup-container"; - const focusPointPopupTitle = document.createElement("h4"); - focusPointPopupTitle.textContent = focusTitle; - focusPointPopupTitle.className = "focus-point-popup-container__title"; - focusPointPopupContainer.appendChild(focusPointPopupTitle); - focusPoint.appendChild(focusPointPopupContainer); - focusPoint.setAttribute("data-hovered", ""); - }); - focusPoint.addEventListener("mouseout", function() { - const focusPointPopupContainer = focusPoint.querySelector(".focus-point-popup-container"); - focusPointPopupContainer.remove(); - }); - }); - } - - // resources/js/app.js - window.addEventListener("DOMContentLoaded", (event) => { - menuInit(); - SchemaBulletPointsInit(); - singleConseil(); - editorInit(); - }); -})();