/* Theme Name: NDIYAM Theme URI: https://ndiyam.com Description: Thème enfant NDIYAM basé sur Twenty Twenty-Five. Author: NDIYAM Template: twentytwentyfive Version: 1.0.0 Text Domain: ndiyam */ /* ========================================================= NDIYAM — IDENTITÉ VISUELLE ========================================================= */ :root { --ndiyam-ivory: #F3EFE7; --ndiyam-black: #111111; --ndiyam-earth: #8A6A52; --ndiyam-water: #315B63; } /* --------------------------------------------------------- BASE --------------------------------------------------------- */ html { background-color: var(--ndiyam-ivory); } body { background-color: var(--ndiyam-ivory) !important; color: var(--ndiyam-black); } /* --------------------------------------------------------- LIENS --------------------------------------------------------- */ a { color: var(--ndiyam-water); text-underline-offset: 4px; transition: color 0.2s ease; } a:hover { color: var(--ndiyam-earth); } /* --------------------------------------------------------- HEADER --------------------------------------------------------- */ .ndiyam-header { border-bottom: 1px solid rgba(17, 17, 17, 0.12); padding-top: 24px; padding-bottom: 24px; } .ndiyam-brand { text-decoration: none !important; color: var(--ndiyam-black) !important; } .ndiyam-symbol { color: var(--ndiyam-water); font-size: 1.15em; margin-right: 7px; } .ndiyam-brand-name { font-family: Georgia, "Times New Roman", serif; font-size: 1.35rem; font-weight: 500; letter-spacing: 0.08em; } .ndiyam-navigation a { color: var(--ndiyam-black) !important; text-decoration: none !important; font-size: 0.9rem; letter-spacing: 0.04em; } .ndiyam-navigation a:hover { color: var(--ndiyam-water) !important; } /* --------------------------------------------------------- TYPOGRAPHIE --------------------------------------------------------- */ h1, h2, h3, h4, h5, h6, .wp-block-heading { font-family: Georgia, "Times New Roman", serif; color: var(--ndiyam-black); font-weight: 500; letter-spacing: -0.015em; } h1 { line-height: 1.05; } h2 { line-height: 1.12; } h3 { line-height: 1.2; } /* --------------------------------------------------------- CONTENU --------------------------------------------------------- */ .wp-site-blocks { min-height: 100vh; } .wp-block-post-content { line-height: 1.7; } .wp-block-post-content p { margin-bottom: 1.4em; } /* --------------------------------------------------------- BOUTONS --------------------------------------------------------- */ .wp-block-button__link { background-color: var(--ndiyam-water); color: var(--ndiyam-ivory) !important; border: 1px solid var(--ndiyam-water); border-radius: 2px; padding: 0.75em 1.35em; text-decoration: none; transition: all 0.2s ease; } .wp-block-button__link:hover { background-color: var(--ndiyam-earth); border-color: var(--ndiyam-earth); color: #ffffff !important; } /* --------------------------------------------------------- CITATIONS / PHILOSOPHIE --------------------------------------------------------- */ blockquote { border-left: 2px solid var(--ndiyam-water); padding-left: 1.5rem; font-family: Georgia, "Times New Roman", serif; font-style: italic; color: var(--ndiyam-black); } /* --------------------------------------------------------- FOOTER --------------------------------------------------------- */ .ndiyam-footer { border-top: 1px solid rgba(17, 17, 17, 0.12); margin-top: 5rem; padding-top: 3rem; padding-bottom: 3rem; } .ndiyam-footer-brand { font-family: Georgia, "Times New Roman", serif; color: var(--ndiyam-black); font-size: 1.15rem; letter-spacing: 0.06em; } .ndiyam-footer-symbol { color: var(--ndiyam-water); } .ndiyam-footer-tagline { color: var(--ndiyam-earth); font-size: 0.9rem; } /* --------------------------------------------------------- HOMEPAGE --------------------------------------------------------- */ /* Masque le titre automatique "Accueil" sur la page d'accueil */ .home .wp-block-post-title { display: none; } /* --------------------------------------------------------- PETITS DÉTAILS --------------------------------------------------------- */ hr, .wp-block-separator { border-color: rgba(17, 17, 17, 0.15); } ::selection { background-color: var(--ndiyam-water); color: var(--ndiyam-ivory); } /* --------------------------------------------------------- UNIVERS  GRILLE --------------------------------------------------------- */ .wp-block-group > .wp-block-group__inner-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; align-items: stretch; } .wp-block-group .wp-block-group__inner-container > * { display: flex; flex-direction: column; } /* FORCE UNIVERS EN GRILLE */ [style*="grid-template-columns: 1fr 1fr"] { display: grid !important; grid-template-columns: 1fr 1fr !important; } /* FORCE UNIVERS EN GRILLE */ [style*="grid-template-columns: 1fr 1fr"] { display: grid !important; grid-template-columns: 1fr 1fr !important; }