.c-main-nav__mobile-menu-button { &.open { .c-main-nav__mobile-menu-button-line.top { transform: translate(-50%, 0) rotate(45deg); } .c-main-nav__mobile-menu-button-line.bottom { transform: translate(-50%, 0) rotate(-45deg); } } }
Services
Recruiting
Craft hiring strategies to match candidates and your company culture
Onboarding
Engage new hires from Day One with your unique workplace culture
Learning Experience
Move from "time off" for training to learning in the flow of work
Performance Enablement
Boost people potential with modern performance models
Leadership Development
Resolve the leadership gap with Leader as Coach and Emerging Leaders programs
Employee Experience
Recharge your workforce with an internal employee brand that connects people to your purpose
Insights
About Us
Get in Touch
Contact
html { font-size: 10px; } // BUTTON .o-button { .o-button__icon { &:first-child { margin-left: -0.8rem; } &:last-child { margin-right: -0.8rem; } } &[data-color="navy"] { // default styles } &[data-color="blue"] { --type--button-label-color: var(--color--navy); --color--button-background: var(--color--tropical-blue); } &[data-color="white"] { --type--button-label-color: var(--color--navy); --color--button-background: var(--color--white); } &[data-disable-shadow="false"] { // default styles } &[data-disable-shadow="true"] { box-shadow: none; } } // RESPONSIVE FONT SIZES // H1 [data-type-size="h1"], .u-type-h1 { font-family: var(--type--headline); font-size: var(--type--h1-size); line-height: var(--type--h1-line-height); font-weight: 700; letter-spacing: var(--type--headline-letter-spacing); @media screen and (max-width: 991px) { font-size: calc(var(--type--h1-size) * .625); } @media screen and (max-width: 639px) { font-size: calc(var(--type--h1-size) * .6875); } } // H2 [data-type-size="h2"], .u-type-h2, .u-rich-text h2 { font-family: var(--type--headline); font-size: var(--type--h2-size); line-height: var(--type--h2-line-height); letter-spacing: var(--type--headline-letter-spacing); @media screen and (max-width: 991px) { font-size: calc(var(--type--h2-size) * .615); } } // H3 [data-type-size="h3"], .u-type-h3, .u-rich-text h3 { font-family: var(--type--headline); font-size: var(--type--h3-size); line-height: var(--type--h3-line-height); letter-spacing: var(--type--headline-letter-spacing); @media screen and (max-width: 991px) { font-size: calc(var(--type--h3-size) * .727); } } // H4 [data-type-size="h4"], .u-type-h4, .u-rich-text h4 { font-family: var(--type--headline); font-size: var(--type--h4-size); line-height: var(--type--h4-line-height); letter-spacing: var(--type--headline-letter-spacing); @media screen and (max-width: 991px) { font-size: calc(var(--type--h4-size) * .857); } } // H5 [data-type-size="h5"], .u-type-h5, .u-rich-text h5 { font-family: var(--type--headline); font-size: var(--type--h5-size); line-height: var(--type--h5-line-height); letter-spacing: var(--type--headline-letter-spacing); } // OVERLINE [data-type-size="overline"], .u-type-overline { font-family: var(--type--headline); text-transform: uppercase; font-weight: 700; font-size: var(--type--overline-size); line-height: var(--type--overline-line-height); letter-spacing: var(--type--overline-letter-spacing); } // BODY [data-type-size="body"], .u-type-body, .u-rich-text p, .u-rich-text ul, .u-rich-text li { font-family: var(--type--body); font-size: var(--type--body-size-desktop); line-height: var(--type--body-line-height); font-weight: 400; letter-spacing: var(--type--body-letter-spacing); @media screen and (max-width: 991px) { font-size: var(--type--body-size-tablet); } @media screen and (max-width: 767px) { font-size: var(--type--body-size); } } .u-rich-text p, .u-rich-text ul, .u-rich-text li { margin-bottom: 2.4rem; } .u-rich-text a { color: var(--color--link); text-decoration: underline; } .u-rich-text blockquote { padding: 0; border-left: none; margin-bottom: 3.2rem; font-size: var(--type--h4-size); line-height: var(--type--h4-line-height); color: var(--color--tropical-blue); } .u-rich-text img { width: 100%; border-radius: var(--size--border-radius-large); } // IMAGE .o-image { &[data-border-radius="none"] { border-radius: 0; } &[data-border-radius="medium"] { border-radius: var(--size--border-radius); } &[data-border-radius="large"] { // default styles } &[data-border-radius="xlarge"] { border-radius: var(--size--border-radius-xlarge); } } // FEATURE CARD .o-feature-card { &:has(.o-feature-card__image:not(.w-condition-invisible)) { border-top: none; padding-top: 0; } } // FORM .o-form__field:has(.w-select) { position: relative; } .o-form__field:has(.w-select)::after { content: ''; position: absolute; right: 1.6rem; bottom: 2rem; width: 2.4rem; height: 2.4rem; background: url('https://cdn.prod.website-files.com/668ff341075b8091416af4c6/66bd0f1a388b651ea91165c3_Expand%20Arrow%20Down.svg'); } .o-form__field-input.w-select { // dropdown style override -webkit-appearance: none; -moz-appearance: none; &:hover, &:focus, &:active { outline: none; } } // COMMON STAFF CARDS MODAL .c-staff-cards__list-item-modal { &::backdrop { background-color: rgba(0, 0, 0, .3); } &[open] { //opacity: 1; } } // LAYOUT SECTION STYLES .l-section { &[data-image-vertical-align="top"] { // default style } &[data-image-vertical-align="center"] { .l-section__background { object-position: 50% 50%; } } &[data-image-vertical-align="bottom"] { .l-section__background { object-position: 50% 100%; } } } // MAIN NAV STYLES .c-main-nav__container { &:has(.c-main-nav__mobile-menu-button.open) { backdrop-filter: none; } }
Our latest insights and observations from the field.
.c-hero__content { &[data-content-width="constrained"] { // default styles } &[data-content-width="wide"] { @media screen and (min-width: 992px) { width: 66.667%; } } &[data-content-width="full"] { width: 100%; } &[data-content-alignment="left"] { // default styles } &[data-content-alignment="center"] { margin-inline: auto; align-items: center; text-align: center; } &[data-text-color="dark"] { // default styles } &[data-text-color="light"] { color: var(--color--white); } } .c-hero__buttons { &:has(:nth-child(1)) { margin-top: var(--size--gutter); } &[data-content-alignment="left"] { // default styles } &[data-content-alignment="center"] { justify-content: center; text-align: center; } }
October 4, 2024
•
Leadership
Emerging Leaders
Read More
September 23, 2024
•
Leadership
Leader as Coach
Read More
August 30, 2024
•
Recruiting
Synthology’s Studio Approach
Read More
August 30, 2024
•
Leadership
Why Do Consultants Suck?
Read More
August 23, 2024
•
Onboarding
Leading with Head, Heart, and Hand
Read More