/* Theme Name: Dentalux Child Theme Theme URI: https://dentalux.ancorathemes.com/ Description: Dentalux is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins. Author: AncoraThemes Author URI: https://ancorathemes.com/ Template: dentalux Version: 1.0 Tested up to: 6.6 Requires at least: 5.0 Requires PHP: 7.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready Text Domain: dentalux */ /* =Child-Theme customization starts here ------------------------------------------------------------ */ /** * Section headings that must stay h1-sized after being demoted. */ .bella-title-as-h1 { --theme-font-h2_font-family: var(--theme-font-h1_font-family); --theme-font-h2_font-size: var(--theme-font-h1_font-size); --theme-font-h2_font-weight: var(--theme-font-h1_font-weight); --theme-font-h2_font-style: var(--theme-font-h1_font-style); --theme-font-h2_line-height: var(--theme-font-h1_line-height); --theme-font-h2_text-transform: var(--theme-font-h1_text-transform); --theme-font-h2_letter-spacing: var(--theme-font-h1_letter-spacing); --theme-font-h2_margin-top: var(--theme-font-h1_margin-top); --theme-font-h2_margin-bottom: var(--theme-font-h1_margin-bottom); --theme-font-h3_font-family: var(--theme-font-h1_font-family); --theme-font-h3_font-size: var(--theme-font-h1_font-size); --theme-font-h3_font-weight: var(--theme-font-h1_font-weight); --theme-font-h3_font-style: var(--theme-font-h1_font-style); --theme-font-h3_line-height: var(--theme-font-h1_line-height); --theme-font-h3_text-transform: var(--theme-font-h1_text-transform); --theme-font-h3_letter-spacing: var(--theme-font-h1_letter-spacing); --theme-font-h3_margin-top: var(--theme-font-h1_margin-top); --theme-font-h3_margin-bottom: var(--theme-font-h1_margin-bottom); } /* line-height is set literally per tag on .sc_item_title, not via the vars above, so the h1 value (1.088em) has to be restated. */ .bella-title-as-h1 h2.sc_item_title, .bella-title-as-h1 h3.sc_item_title { line-height: 1.088em; } /** * Footer call to action. * * scripts/footer-vi.php puts a booking button in the footer's fourth column, * and the footer is on every page - so this lives here rather than in * css/home.css, which only loads on the front page. Colours are the literals * from Bella's logo: css/home.css keeps its palette on body.home, which is not * in scope anywhere else. */ .bella-btn { display: inline-flex; align-items: center; justify-content: center; margin-top: 4px; padding: 14px 26px; border: none; border-radius: 14px; background: #0F4F9E; color: #fff; font-size: 15px; font-weight: 600; line-height: 1.2; text-decoration: none; transition: background-color .2s ease, transform .2s ease; } .bella-btn:hover, .bella-btn:focus { background: #1663BE; color: #fff; text-decoration: none; transform: translateY(-1px); } @media (prefers-reduced-motion: reduce) { .bella-btn { transition: none; } .bella-btn:hover, .bella-btn:focus { transform: none; } } /** * Footer logo. * * The footer runs on the theme's dark scheme (#16161F) and the only Bella logo * in the media library is the navy-on-transparent one, so the mark and the * wordmark both sit a couple of shades off the background - legible only if * you already know it is there. There is no reversed version to swap in * (uploads/2019/10/Logo-W.png is a different practice's logo entirely), so the * one file is knocked out to white, which is what a reversed logo would be. * * Replace this with a real white .png/.svg in the Logo settings when there is * one; the rule is then harmless but redundant. */ .footer_wrap img.logo_image { filter: brightness(0) invert(1); } /* =Typography refinement * * Be Vietnam Pro was already chosen in the theme customizer, but all heading * levels were set to weight 500 — producing a flat, monotone text stack with * no contrast between H1, H2, and body copy. * * These overrides keep the same typeface and apply a proper weight scale: * H1 700 — commanding, unambiguous hero headline * H2 600 — section titles, clearly subordinate to H1 * H3 600 — card / panel titles * H4–H5 500 — labels, kept at the theme default * Body 400 — comfortable reading weight * Menu 500 — a half-step above body so nav items feel purposeful * Button 600 — calls-to-action need authority * * Letter-spacing is tightened on large display text (negative) and opened * slightly on all-caps or small-caps contexts; line-height shortened at * display sizes to avoid gappy multiline headlines. * -------------------------------------------------------------------- */ :root { /* Body / paragraph */ --theme-font-p_font-weight: 400; --theme-font-p_line-height: 1.7em; --theme-font-p_letter-spacing: 0.01px; /* H1 — hero / page title * Vietnamese diacritics stack 2 levels (e.g. ưở = u + horn + hook-above), * making heavy weights look dense and coarse at display size. * Weight 500 + relaxed tracking + taller line-height is the sweet spot. */ --theme-font-h1_font-weight: 500; --theme-font-h1_line-height: 1.22em; --theme-font-h1_letter-spacing: -0.5px; /* H2 — section headings */ --theme-font-h2_font-weight: 600; --theme-font-h2_line-height: 1.18em; --theme-font-h2_letter-spacing: -0.8px; /* H3 — card / panel titles */ --theme-font-h3_font-weight: 600; --theme-font-h3_line-height: 1.15em; --theme-font-h3_letter-spacing: -0.6px; /* H4 */ --theme-font-h4_font-weight: 500; --theme-font-h4_letter-spacing: -0.3px; /* H5 */ --theme-font-h5_font-weight: 500; /* Button */ --theme-font-button_font-weight: 600; --theme-font-button_letter-spacing: 0.1px; /* Navigation */ --theme-font-menu_font-weight: 500; --theme-font-submenu_font-weight: 400; }