/* Theme Name: Geometric Theme URI: Author: Creative Mint Author URI: Description: Requires at least: 7.0 Tested up to: 7.0 Requires PHP: 5.7 Version: License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Template: ollie Text Domain: geometric Tags: */ * { box-sizing: border-box; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: always; font-feature-settings: auto; font-kerning: auto; text-underline-offset: .25em; text-decoration-thickness: .05rem !important; -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; } html { font-family: sans-serif; font-size: 18px; -webkit-text-size-adjust: 100%; height: 100%; scroll-behavior: smooth; /* Offset anchor-link jumps so section titles clear the sticky site header (matches the sticky sidebar's own 122px top offset). */ scroll-padding-top: calc(80px + var(--wp-admin--admin-bar--position-offset, 0px)); /* Use `clip` not `hidden`: `hidden` turns into a scroll container, which breaks `position: sticky` descendants (e.g. the Services page nav). `clip` prevents horizontal overflow without establishing a scroll container. */ overflow-x: clip; } address { display: block; font-style: normal; font-style: initial; unicode-bidi: isolate; } img { max-width: 100%; height: auto; border-style: none; } figure { overflow:hidden; } b, strong { font-weight: 700; } header .wp-block-navigation ul.wp-block-navigation__container:not(.is-vertical) > .wp-block-navigation-item:hover > a.wp-block-navigation-item__content { padding: 18px 0 24px 0; text-decoration: none; border-top: 6px solid var(--wp--preset--color--primary, #C92128); } header .wp-block-navigation ul.wp-block-navigation__container:not(.is-vertical) > .wp-block-navigation-item > a.wp-block-navigation-item__content { padding: 18px 0 24px 0; text-decoration: none; border-top: 6px solid transparent; } header .wp-block-navigation ul.wp-block-navigation__container:not(.is-vertical) > .wp-block-navigation-item.current-menu-item > a.wp-block-navigation-item__content { border-top: 6px solid var(--wp--preset--color--primary, #C92128); } header .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open { padding: 24px; } /* header*/ h1, h2, h3, h4, h5, h6, .wp-block-post-title { text-decoration: none; margin: 0; margin: initial; text-wrap: pretty; word-break: normal; word-break: auto-phrase; /* Handle URLs/long words */ overflow-wrap: break-word; /* Handle URLs/long words */ } .wp-block-navigation .wp-block-navigation-item__label { text-wrap: pretty; word-break: normal; word-break: auto-phrase; /* Handle URLs/long words */ overflow-wrap: break-word; /* Handle URLs/long words */ } nav[aria-label="Main Navigation"] .wp-block-navigation-submenu .wp-block-navigation-item__label { text-wrap: pretty; word-break: normal; word-break: auto-phrase; /* Handle URLs/long words */ overflow-wrap: break-word; /* Handle URLs/long words */ white-space: nowrap; } /* Services page sidebar: active link while scrolling through sections. */ /* A sidebar column that holds a sticky anchor-nav must stretch to the full row height. Without this, `is-vertically-aligned-top` (align-self: flex-start) collapses the column to the nav's height and the sticky child has no room to stick — it just scrolls away with the short column. */ .wp-block-column:has(nav[aria-label="Team Menu"]), .wp-block-column:has(nav[aria-label="Services Menu"]), .wp-block-column:has(nav[aria-label="Insights Menu"]) { align-self: stretch; } nav[aria-label="Insights Menu"] a.wp-block-navigation-item__content, nav[aria-label="Services Menu"] a.wp-block-navigation-item__content, nav[aria-label="Team Menu"] a.wp-block-navigation-item__content { color: var(--wp--preset--color--secondary, #a2a2a2); transition: color 0.2s ease; padding: 0 0 0 50px; font-size: 16px; font-style: normal; font-weight: 500; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.5px; text-wrap: pretty; word-break: normal; word-break: auto-phrase; /* Handle URLs/long words */ overflow-wrap: break-word; } /* Handle URLs/long words */ @media (min-width: 1060px) { nav[aria-label="Insights Menu"] a.wp-block-navigation-item__content, nav[aria-label="Services Menu"] a.wp-block-navigation-item__content, nav[aria-label="Team Menu"] a.wp-block-navigation-item__content { font-size: 20px } } nav[aria-label="Insights Menu"] a.wp-block-navigation-item__content.is-active, nav[aria-label="Services Menu"] a.wp-block-navigation-item__content.is-active, nav[aria-label="Team Menu"] a.wp-block-navigation-item__content.is-active { text-decoration: none; background: url("assets/images/img-red-slash.svg") left center no-repeat; background-size: 30px 90px; color: var(--wp--preset--color--black); } /* Hover only on devices with a real pointer — just darken the text, no slash (the slash is reserved for the active link). */ @media (hover: hover) { nav[aria-label="Insights Menu"] a.wp-block-navigation-item__content:hover, nav[aria-label="Services Menu"] a.wp-block-navigation-item__content:hover, nav[aria-label="Team Menu"] a.wp-block-navigation-item__content:hover { text-decoration: none; color: var(--wp--preset--color--black); } } nav[aria-label="Insights Menu"] .current-menu-item a.wp-block-navigation-item__content, nav[aria-label="Services Menu"] .current-menu-item a.wp-block-navigation-item__content, nav[aria-label="Team Menu"] .current-menu-item a.wp-block-navigation-item__content { text-decoration: none; background: url("assets/images/img-red-slash.svg") left center no-repeat; background-size: 30px 90px; color: var(--wp--preset--color--black); } .scrollshow-logo { opacity: 0; transition: opacity 0.3s ease; } .scrollshow-logo.is-visible { opacity: 1; } div:has(.is-style-text-capital-title) { overflow: clip; } .is-style-text-capital-title { position: relative; font-size: 16px !important; display: inline-block; padding: 0 8px 0 0; background: #fff; color: var(--wp--preset--color--primary, #C92128); } .is-style-text-capital-title:after { content: ""; position: absolute; bottom: 8px; left: 0; width: 100vw; height: 1px; z-index: -1; background-color: var(--wp--preset--color--primary, #C92128); } .is-style-text-capital-title + hr { display: none; margin-top: -13px; height: 1px; overflow: hidden; } ul li::marker { color: var(--wp--preset--color--primary, #C92128); } .wp-block-accordion-item .wp-block-accordion-heading__toggle-title { text-decoration: none !important; } .wp-block-accordion-item .wp-block-accordion-heading__toggle-icon { text-indent: -9999px; width: 20px; height: 1.85rem; background: url("/wp-content/themes/geometric/assets/images/caret.svg") left center no-repeat; background-size: contain; position: relative; display: block; margin: 0 20px 0 0; } .wp-block-accordion-item.is-open>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon { transform: rotate(180deg); }