@font-face { font-family: "Fa brands 400"; src: url('../fonts/fa-brands-400.woff2') format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Cormorant; src: url('../fonts/CormorantGaramond-SemiBoldItalic.woff2') format("woff2"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: Mulish; src: url('../fonts/Mulish-Medium.woff2') format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: Mulish; src: url('../fonts/Mulish-Bold.woff2') format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: Mulish; src: url('../fonts/Mulish-ExtraLight.woff2') format("woff2"); font-weight: 200; font-style: normal; font-display: swap; } :root { --theme--background: white; --text-main--font-family: var(--font--primary-family); --theme--text: white; --text-main--font-size: var(--size--1rem); --text-main--line-height: var(--line-height--1-5em); --text-main--letter-spacing: var(--letter-spacing--0em); --h1--font-family: var(--all-headings--heading-font-family); --all-headings--heading-font-family: var(--font--secondary-family); --h4--font-size: var(--size--2rem); --h4--line-height: var(--line-height--1-3em); --line\: #bcc1b3; --button--text: white; --font--primary-family: Mulish, Arial, sans-serif; --text-large--font-size: var(--size--1-25rem); --text-large--line-height: var(--line-height--1-3em); --padding-vertical--none: var(--size--0rem); --space--medium: var(--size--3rem); --radius--small: .5rem; --swatch--light-secondary: #f6f2eb; --padding-vertical--xsmall: var(--size--1-5rem); --space--extra-small: var(--size--0-75rem); --background-darker: #f6f2eb; --isabelline: #f7f3ef; --primary-dark\: #223a46; --white\: #fcfcfc; --space--small: var(--size--1-5rem); --link: #5f953d; --text-secondary\: #888a86; --black\: #131a2a; --label\: #6e8591; --text-primary\: #161b10; --primary-bg\: #eff7e8; --text-primary\: #161b10; --primary-light\: #80e044; --primary-darkmode\: #7fc454; --body\: #4b5a68; --swatch--white: white; --primary\: #339667; --h3--font-size: var(--size--3rem); --h3--line-height: var(--all-headings--heading-line-height); --all-headings--heading-letter-spacing: var(--letter-spacing--0-03em); --text-large--font-family: var(--font--primary-family); --theme--text-secondary: white; --swatch--brand: #f9dd94; --h5--font-size: var(--size--1-5rem); --all-headings--heading-line-height: var(--line-height--9em); --shadow\: #223a4633; --text-small--font-size: .875rem; --text-small--line-height: var(--line-height--1-5em); --h6--font-size: var(--size--1rem); --h6--line-height: var(--line-height--1-3em); --h3--font-family: var(--all-headings--heading-font-family); --background: #f9f7f3; --nl-dark\: #161b10; --text-hero\: #30482d; --text-secondary\: #4e5247; --cornsilk\: #fbf5dd; --khaki\: #fce689; --factoids-background: #3396671a; --neutral-bg: #f9f9f9; --max-width--none: 100vw; --theme--border: white; --color\: #bcc1b3; --ash-green\: #b9c8b6; --jasmine: #f9dd94; --tropical-indigo: #a09be7; --padding-vertical--small: var(--size--5rem); --max-width--main: 90rem; --padding-vertical--main: var(--size--7rem); --padding-horizontal--main: 3rem; --border-width--main: 1.5px; --radius--main: 1rem; --swatch--transparent: #fff0; --size--3rem: 3rem; --size--0-5rem: .5rem; --size--1-5rem: 1.5rem; --radius--round: 100vw; --grid-gap--main: var(--size--1rem); --h6--font-family: var(--all-headings--heading-font-family); --h6--letter-spacing: var(--letter-spacing--0em); --space--large: var(--size--4rem); --size--0-75rem: .75rem; --line-height--9em: .9em; --h2--font-family: var(--all-headings--heading-font-family); --h2--font-size: var(--size--4rem); --h2--line-height: var(--all-headings--heading-line-height); --h2--letter-spacing: var(--all-headings--heading-letter-spacing); --size--0rem: 0rem; --h5--font-family: var(--all-headings--heading-font-family); --h5--line-height: var(--line-height--1-3em); --h5--letter-spacing: var(--letter-spacing--0em); --h1--font-size: var(--size--5rem); --h1--line-height: var(--all-headings--heading-line-height); --h1--letter-spacing: var(--all-headings--heading-letter-spacing); --h3--letter-spacing: var(--all-headings--heading-letter-spacing); --h4--font-family: var(--all-headings--heading-font-family); --h4--letter-spacing: var(--letter-spacing--0em); --size--1-25rem: 1.25rem; --size--0-25rem: .25rem; --size--2rem: 2rem; --size--1rem: 1rem; --text-large--letter-spacing: var(--letter-spacing--0em); --text-small--font-family: var(--font--primary-family); --text-small--letter-spacing: var(--letter-spacing--0em); --display--font-family: var(--all-headings--heading-font-family); --display--font-size: var(--size--7rem); --display--line-height: var(--all-headings--heading-line-height); --display--letter-spacing: var(--all-headings--heading-letter-spacing); --size--0-125rem: .125rem; --button--border: white; --button--background: white; --button--border-hover: white; --button--background-hover: white; --button--text-hover: white; --size--5rem: 5rem; --swatch--dark-secondary: #5b5e58; --accessible-components-dark-grey: #9b9b9b; --swatch--dark: #161b10; --swatch--light: #f9f7f3; --swatch--brand-text: var(--swatch--dark); --swatch--highlight: #e9f0e8; --theme--background-secondary: white; --padding-vertical--large: var(--size--10rem); --svg-stroke-width--main: 1.5px; --all-headings--heading-font-weight: var(--font--secondary-bold); --all-headings--heading-text-transform: var(--text-transform--inherit); --display--font-weight: var(--all-headings--heading-font-weight); --display--text-transform: var(--all-headings--heading-text-transform); --h1--font-weight: var(--all-headings--heading-font-weight); --h1--text-transform: var(--all-headings--heading-text-transform); --h2--font-weight: var(--all-headings--heading-font-weight); --h2--text-transform: var(--all-headings--heading-text-transform); --h3--font-weight: var(--all-headings--heading-font-weight); --h3--text-transform: var(--all-headings--heading-text-transform); --h4--font-weight: var(--all-headings--heading-font-weight); --h4--text-transform: var(--all-headings--heading-text-transform); --h5--font-weight: var(--all-headings--heading-font-weight); --h5--text-transform: var(--all-headings--heading-text-transform); --h6--font-weight: var(--all-headings--heading-font-weight); --h6--text-transform: var(--all-headings--heading-text-transform); --text-large--font-weight: var(--font--primary-regular); --text-large--text-transform: var(--text-transform--inherit); --text-main--font-weight: var(--font--primary-regular); --text-main--text-transform: var(--text-transform--none); --text-small--font-weight: var(--font--primary-regular); --text-small--text-transform: var(--text-transform--inherit); --font--primary-regular: var(--font-weight--200); --font--primary-medium: var(--font-weight--500); --font--primary-bold: var(--font-weight--700); --font--secondary-family: Cormorant, Georgia, sans-serif; --font--secondary-bold: var(--font-weight--600); --font-weight--100: 0px; --font-weight--inherit: 0px; --font-weight--200: 0px; --font-weight--300: 0px; --font-weight--600: 0px; --font-weight--900: 0px; --font-weight--500: 0px; --font-weight--700: 0px; --font-weight--800: 0px; --font-weight--400: 0px; --letter-spacing--0em: 0em; --letter-spacing--0-03em: -.03em; --line-height--1-3em: 1.3em; --line-height--1-5em: 1.5em; --line-height--1-1em: 1.1em; --size--2-5rem: 2.5rem; --size--6rem: 6rem; --size--7rem: 7rem; --size--4-5rem: 4.5rem; --size--4rem: 4rem; --size--6-5rem: 6.5rem; --size--3-5rem: 3.5rem; --size--8-5rem: 8.5rem; --size--5-5rem: 5.5rem; --size--7-5rem: 7.5rem; --size--8rem: 8rem; --size--10rem: 10rem; --size--9-5rem: 9.5rem; --size--9rem: 9rem; --size--11rem: 11rem; --size--14rem: 14rem; --size--15rem: 15rem; --size--13rem: 13rem; --size--12rem: 12rem; --size--16rem: 16rem; --text-transform--inherit: 0px; --text-transform--none: 0px; --text-transform--capitalize: 0px; --text-transform--uppercase: 0px; --text-transform--lowercase: 0px; } .w-pagination-wrapper { flex-wrap: wrap; justify-content: center; display: flex; } .w-pagination-previous { color: #333; background-color: #fafafa; border: 1px solid #ccc; border-radius: 2px; margin-left: 10px; margin-right: 10px; padding: 9px 20px; font-size: 14px; display: block; } .w-pagination-previous-icon { margin-right: 4px; } .w-pagination-next { color: #333; background-color: #fafafa; border: 1px solid #ccc; border-radius: 2px; margin-left: 10px; margin-right: 10px; padding: 9px 20px; font-size: 14px; display: block; } .w-pagination-next-icon { margin-left: 4px; } .w-checkbox { margin-bottom: 5px; padding-left: 20px; display: block; } .w-checkbox:before { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox:after { content: " "; clear: both; grid-area: 1 / 1 / 2 / 2; display: table; } .w-users-userformpagewrap { flex-direction: column; justify-content: center; align-items: stretch; max-width: 340px; height: 100vh; margin-left: auto; margin-right: auto; display: flex; } .w-users-userloginformwrapper { margin-bottom: 0; padding-left: 20px; padding-right: 20px; position: relative; } .w-users-userformheader { text-align: center; } .w-users-userformbutton { text-align: center; width: 100%; } .w-users-userformfooter { justify-content: space-between; margin-top: 12px; display: flex; } .w-users-userformerrorstate { margin-left: 20px; margin-right: 20px; position: absolute; top: 100%; left: 0%; right: 0%; } .w-users-usersignupformwrapper { margin-bottom: 0; padding-left: 20px; padding-right: 20px; position: relative; } .w-users-userformsuccessstate { display: none; } .w-checkbox-input { float: left; margin: 4px 0 0 -20px; line-height: normal; } .w-checkbox-input--inputType-custom { border: 1px solid #ccc; border-radius: 2px; width: 12px; height: 12px; } .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: #3898ec; background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-color: #3898ec; } .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .w-users-usersignupverificationmessage { display: none; } .w-users-userresetpasswordformwrapper, .w-users-userupdatepasswordformwrapper { margin-bottom: 0; padding-left: 20px; padding-right: 20px; position: relative; } .w-users-useraccountwrapper { background-color: #f5f5f5; width: 100%; min-height: 100vh; padding: 20px; } .w-users-blockheader { background-color: #fff; border: 1px solid #e6e6e6; justify-content: space-between; align-items: baseline; padding: 4px 20px; display: flex; } .w-users-blockcontent { background-color: #fff; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; margin-bottom: 20px; padding: 20px; } .w-users-useraccountformsavebutton { text-align: center; margin-right: 8px; } .w-users-useraccountformcancelbutton { text-align: center; color: #333; background-color: #d3d3d3; } .w-form-formradioinput--inputType-custom { border: 1px solid #ccc; border-radius: 50%; width: 12px; height: 12px; } .w-form-formradioinput--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom.w--redirected-checked { border-width: 4px; border-color: #3898ec; } body { background-color: var(--theme--background); font-family: var(--text-main--font-family); color: var(--theme--text); font-size: var(--text-main--font-size); line-height: var(--text-main--line-height); letter-spacing: var(--text-main--letter-spacing); } h1 { font-family: var(--h1--font-family); margin-top: 0; margin-bottom: 0; font-size: 38px; font-weight: 700; line-height: 44px; } h2 { font-family: var(--all-headings--heading-font-family); text-transform: capitalize; margin-top: 0; margin-bottom: 0; font-size: 28px; font-weight: 700; line-height: 34px; } h3 { font-family: var(--all-headings--heading-font-family); font-size: var(--h4--font-size); line-height: var(--h4--line-height); margin-top: 0; margin-bottom: 0; font-weight: 700; } h4 { font-family: var(--all-headings--heading-font-family); margin-top: 0; margin-bottom: 0; font-size: 18px; font-weight: 700; line-height: 24px; } h5 { border-bottom: 1px solid var(--line\); font-family: var(--all-headings--heading-font-family); color: var(--button--text); margin-top: 0; margin-bottom: 0; padding-bottom: 0; padding-left: 0; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; } h6 { font-family: var(--all-headings--heading-font-family); } p { font-family: var(--font--primary-family); font-size: var(--text-main--font-size); margin-bottom: 0; display: block; } a { color: inherit; text-decoration: none; transition-property: opacity; transition-duration: .2s; transition-timing-function: ease; } a:hover { opacity: .7; text-decoration: none; } ul { clear: none; border: 1px none var(--line\); margin-top: 0; margin-bottom: 0; padding-bottom: 0; padding-left: 0; font-size: 1rem; text-decoration: none; list-style-type: none; } li { white-space: normal; margin-bottom: 0; padding-top: .25rem; padding-bottom: .25rem; padding-left: 0; font-size: 1rem; font-weight: 400; line-height: 1.2rem; } img { object-fit: cover; width: 100%; max-width: 100%; display: inline-block; } label { font-size: var(--text-large--font-size); line-height: var(--text-large--line-height); margin-bottom: .5rem; font-weight: 500; display: block; } strong { font-weight: bold; } blockquote { border-left: 5px solid #e2e2e2; margin-bottom: 10px; padding: 10px 20px; font-size: 18px; line-height: 22px; } .navigation { justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; padding-top: 44px; padding-left: 112px; padding-right: 112px; display: flex; position: absolute; inset: 0% 0% auto; } .navigation.dark { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 2fr 3fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: start; margin-bottom: 0; padding-top: 0; padding-left: 0; padding-right: 0; display: block; position: relative; } .navigation.dark.main { padding-top: 2rem; padding-left: 3rem; padding-right: 3rem; position: absolute; } .content_underlay { padding: var(--padding-vertical--none) var(--space--medium); border-radius: var(--radius--small); background-color: var(--swatch--light-secondary); } .content_underlay.plants { padding: var(--space--medium); background-color: var(--background-darker); border-radius: .5rem; flex-direction: column; justify-content: center; align-items: center; width: 100%; min-height: 24rem; display: flex; position: relative; } .content_underlay.plants.search-results { margin-bottom: 4rem; } .content_underlay.author-posts { background-color: var(--isabelline); padding-top: 4rem; padding-left: 4rem; padding-right: 4rem; } .header { padding-top: 20px; padding-left: 24px; padding-right: 24px; } .footer-main { grid-column-gap: 16px; grid-row-gap: 16px; border-bottom: 1px solid var(--line\); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: center; padding-bottom: 1rem; padding-left: 0; padding-right: 0; } .footer-main.u-grid-custom { grid-template-columns: var(--grid-12); } .header__background { background-color: var(--primary-dark\); background-image: url('../images/Pattern-right.svg'), url('../images/Pattern-left.svg'); background-position: 100%, 0%; background-repeat: no-repeat, no-repeat; background-size: contain, contain; background-attachment: scroll, scroll; border-radius: 16px; justify-content: center; align-items: center; min-height: 700px; display: flex; } .body-subpage { background-color: var(--white\); color: var(--primary-dark\); font-family: Mulish Variablefont Wght; font-size: 18px; font-weight: 400; line-height: 32px; } .logo { color: var(--white\); } .nav_links_wrap { grid-column-gap: 2rem; grid-row-gap: 2rem; object-fit: fill; flex: 0 auto; align-items: stretch; } .nav_links_wrap.footer__nav { grid-column: 5 / span 3; margin-top: 0; padding-bottom: 0; } .nav_links_wrap.u-hflex-right-center { grid-column: 5 / span 3; } .nav_links_wrap.u-hflex-right-center.u-gap-xsmall { grid-column-gap: var(--space--small); grid-row-gap: var(--space--small); } .nav_links_wrap.u-hflex-center-center { grid-column: 5 / span 3; } .nav_link_item { padding-left: .25rem; padding-right: .25rem; transition: opacity .2s; } .nav_link_item:hover { opacity: .75; outline-offset: 0px; outline: 3px #333; } .link { color: var(--white\); cursor: pointer; } .navigation__link { color: var(--white\); letter-spacing: .75px; font-size: 15px; font-weight: 600; line-height: 24px; text-decoration: none; } .navigation__link.dark { font-family: var(--text-main--font-family); color: var(--link); font-weight: 400; transition: opacity .2s; } .navigation__link.dark:hover { border: 1px #000; text-decoration: underline; } .navigation__link.dark.w--current { color: var(--text-secondary\); cursor: default; text-decoration: underline; } .header__content-wrap { text-align: center; flex-direction: column; align-items: center; max-width: 680px; display: flex; } .heading-h1 { color: var(--white\); text-align: center; margin-top: 60px; margin-bottom: 8px; font-size: 64px; font-weight: 800; line-height: 88px; } .heading-h1.blog__heading { color: var(--black\); max-width: 80vw; margin: 0 auto 1rem; font-family: Mulish Variablefont Wght; font-weight: 800; } .heading-h1.team__heading { color: var(--black\); margin-top: 0; margin-bottom: 0; padding-top: 0; } .paragraph { color: var(--white\); text-align: center; max-width: 90%; margin-bottom: 60px; margin-left: auto; margin-right: auto; font-size: 20px; font-weight: 400; line-height: 32px; } .paragraph.team-lead { color: var(--label\); margin-bottom: 0; font-family: Mulish Variablefont Wght; } .button { border: 2px solid var(--text-primary\); color: var(--text-primary\); letter-spacing: 1.6px; -webkit-text-stroke-color: var(--text-primary\); text-transform: uppercase; cursor: pointer; border-radius: 4px; margin-top: 1.6rem; padding: 1rem 3.2rem; font-size: 1rem; line-height: 1.2rem; text-decoration: none; display: inline-block; } .button.button-nav { background-color: var(--primary-bg\); color: var(--primary-dark\); text-align: center; letter-spacing: .75px; border-radius: 20px; font-size: 13px; font-weight: 600; line-height: 22px; transition: opacity .2s; } .button.button-nav:hover { background-image: linear-gradient(#80e04466, #80e04466); } .button.button-nav.search__button { z-index: 5; border-width: 1px; border-color: var(--line\); background-color: var(--background-darker); font-family: var(--text-main--font-family); -webkit-text-stroke-color: var(--text-primary\); border-radius: 0 8px 8px 0; margin-top: 0; padding: .5rem 1rem; transition: background-color .2s; position: absolute; inset: 0% 8px 0% auto; } .button.button-nav.search__button:hover { color: var(--text-primary\); background-color: #5f953d80; background-image: none; } .button.button-primary-cta { border: 2px solid var(--primary-light\); color: var(--primary-darkmode\); letter-spacing: .75px; cursor: pointer; background-color: #0000; border-radius: 40px; padding: 20px 32px; font-size: 18px; line-height: 32px; text-decoration: none; transition: background-color .2s; } .button.button-primary-cta:hover { background-color: #80e0441a; } .button.button-primary-cta.button-form { padding-top: 8px; padding-bottom: 8px; } .button.filled { border-color: var(--text-primary\); background-color: var(--text-primary\); color: var(--isabelline); text-align: center; -webkit-text-stroke-color: var(--text-primary\); transition: background-color .3s, color .3s; } .button.filled:hover { background-color: var(--isabelline); color: var(--text-primary\); } .button.filled.newsletter__next { margin-left: auto; } .button.is-small { margin-top: .5rem; margin-left: auto; margin-right: auto; padding: .5rem 2rem; } .button.is-small:hover { border-color: var(--text-primary\); background-color: var(--text-primary\); color: var(--white\); -webkit-text-stroke-color: var(--text-primary\); } .navigation__wrap { justify-content: flex-end; align-items: center; display: flex; } .usp { justify-content: space-between; max-width: 1440px; margin-left: auto; margin-right: auto; padding: 80px 180px 60px; display: flex; } .usp__item { text-align: center; flex-direction: column; min-width: auto; max-width: 30%; display: flex; } .usp__text { color: var(--body\); letter-spacing: .4px; font-size: 15px; line-height: 24px; } .usp__image { max-width: 150px; margin-left: auto; margin-right: auto; } .usp__heading { color: var(--black\); text-align: center; letter-spacing: .2px; margin-top: 10px; margin-bottom: 10px; font-size: 24px; font-weight: 600; line-height: 32px; } .section--image-left { justify-content: center; align-items: center; padding: 40px 112px 40px 30px; display: flex; } .text-wrap-half { max-width: 38%; margin-left: 0; } .text-wrap-half.m-left { margin-left: 60px; } .text-wrap-half.m-rught { margin-right: 60px; } .image-half { width: auto; min-width: 50%; max-width: 650px; } .image-half.mobile { display: none; } .section__heading { color: var(--black\); letter-spacing: .2px; margin-top: 0; margin-bottom: 32px; font-size: 48px; font-weight: 600; line-height: 56px; } .section__copy { color: var(--body\); letter-spacing: .4px; margin-bottom: 0; font-size: 18px; font-weight: 400; line-height: 32px; } .section-image-right { justify-content: center; align-items: center; padding: 40px 30px 40px 112px; display: flex; } .faq { padding: 80px 112px 160px; transition: opacity .2s; } .faq_wrap { border-radius: var(--radius--small); background-color: var(--swatch--white); margin-left: auto; margin-right: auto; padding: 4rem 2rem 2rem; box-shadow: 0 1px 32px #0000000a; } .faq_wrap.u-column-6 { grid-column-start: 4; } .faq_wrap.u-column-8 { grid-column-start: 3; } .faq__item { margin-bottom: var(--space--small); padding: 0px 1.5rem var(--space--small); border-bottom: 1px solid #bcc1b3; } .faq__item.faq__item_last-child { border-bottom-width: 0; margin-bottom: 0; } .faq__item-title-trigger { cursor: pointer; justify-content: space-between; align-items: center; transition: opacity .2s; display: flex; } .faq__item-title-trigger:hover { opacity: .7; mix-blend-mode: normal; } .faq__item-heading { color: var(--black\); letter-spacing: .4px; margin-top: 0; margin-bottom: 0; font-weight: 600; line-height: 32px; } .faq__item-paragraph { color: var(--body\); max-width: 96%; margin-bottom: 32px; font-size: 18px; line-height: 32px; } .faq__item-content { -webkit-text-fill-color: inherit; background-clip: border-box; overflow: hidden; } .bottom-cta { padding-left: 24px; padding-right: 24px; } .bottom-cta__bg { background-color: var(--primary-dark\); border-radius: 16px; justify-content: center; align-items: center; min-height: 360px; display: flex; } .heading-h2 { color: var(--white\); text-align: center; margin-top: 0; margin-bottom: 40px; font-size: 64px; font-weight: 800; line-height: 88px; } .bottom-cta__wrap { text-align: center; flex-direction: column; align-self: auto; align-items: center; display: flex; } .footer__list-item.last-child { margin-right: 0; } .footer_tag_text.navigation__link { color: var(--primary\); } .footer_tag_text.navigation__link.tags { color: var(--text-secondary\); font-weight: 400; line-height: 34px; } .footer_tag_text.navigation__link.tags:hover { color: var(--primary\); } .footer__copyright { font-family: var(--text-main--font-family); color: var(--theme--text); grid-column: auto / span 4; margin-bottom: 0; } .cards-list { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; margin-bottom: 0; padding: 0 0 1rem; display: grid; } .cards-list.plants { padding-left: 0; padding-right: 0; } .card__title { color: var(--text-primary\); object-fit: fill; margin-top: 1rem; margin-bottom: .125rem; font-family: Mulish Variablefont Wght; font-size: 1.2rem; font-weight: 600; line-height: 1.5; text-decoration: none; display: block; overflow: visible; } .card__title.recommended { margin-bottom: 0; } .post-card { outline-color: var(--line\); outline-offset: 0px; text-align: left; cursor: pointer; border-radius: 8px; outline-width: 1px; outline-style: solid; padding-bottom: 20px; padding-left: 0; padding-right: 0; overflow: hidden; } .post-card.recommended { cursor: pointer; padding-bottom: 10px; } .post-card.recommended:hover { mix-blend-mode: normal; box-shadow: 3px 3px 4px #3396671a; } .card_image { aspect-ratio: 3 / 2; border-radius: 0; display: block; position: static; } .card_image.recommended { height: 10vw; } .card_image.recommended:hover { width: 100%; } .card_image.u-margin-bottom { margin-bottom: var(--padding-vertical--xsmall); } .article_hero_image { aspect-ratio: 2.39; white-space: normal; -webkit-text-fill-color: inherit; mix-blend-mode: normal; background-clip: border-box; } .article_heading.u-text-h1 { text-align: center; } .article_contain { font-weight: 400; display: block; } .article_contain.u-container.u-vflex-center-between { grid-column-gap: var(--space--small); grid-row-gap: var(--space--small); align-items: center; } .article_contain.u-container.u-grid-custom { padding-bottom: var(--padding-vertical--none); grid-template-columns: var(--grid-12); } .rich-text-block { font-family: Open Sans, sans-serif; } .content-wrapper { background-color: #0000; width: 60%; margin: 1vw auto; position: relative; bottom: 0; left: 0; right: 0; } .content-wrapper.post { text-align: left; max-width: 800px; margin-top: 0; margin-bottom: 0; } .rich_text_block { text-align: left; text-indent: 0; column-count: 0; word-break: normal; overflow-wrap: normal; font-family: Mulish Variablefont Wght; font-size: 18px; line-height: 32px; } .rich_text_block h1 { font-family: var(--all-headings--heading-font-family); font-size: var(--h3--font-size); line-height: var(--h3--line-height); letter-spacing: var(--all-headings--heading-letter-spacing); font-style: italic; font-weight: 700; } .rich_text_block p { font-family: var(--text-large--font-family); color: var(--theme--text-secondary); font-size: var(--text-main--font-size); line-height: var(--text-main--line-height); margin-bottom: .5rem; } .rich_text_block h4 { font-family: var(--text-large--font-family); font-size: var(--text-large--font-size); line-height: var(--text-large--line-height); letter-spacing: var(--all-headings--heading-letter-spacing); margin-top: 1rem; margin-bottom: .25rem; font-style: normal; font-weight: 700; } .rich_text_block a { font-weight: 600; text-decoration: none; } .rich_text_block li { font-family: var(--text-main--font-family); line-height: var(--text-main--line-height); margin-bottom: 0; } .rich_text_block h2 { font-family: var(--all-headings--heading-font-family); font-size: var(--h4--font-size); line-height: var(--h3--line-height); letter-spacing: var(--all-headings--heading-letter-spacing); margin-top: 2.25rem; margin-bottom: .5rem; font-style: italic; font-weight: 700; } .rich_text_block blockquote { border-style: none none none solid; border-width: 4px; border-color: black black black var(--swatch--brand); font-family: var(--text-large--font-family); font-size: var(--text-large--font-size); line-height: var(--text-large--line-height); max-width: 90%; margin: 2.4rem auto; padding: 0 0 0 2rem; font-style: italic; display: block; } .rich_text_block h3 { font-size: var(--h5--font-size); line-height: var(--h4--line-height); letter-spacing: var(--all-headings--heading-letter-spacing); margin-top: 2.25rem; font-style: italic; font-weight: 700; } .rich_text_block h5 { color: var(--theme--text); font-size: var(--text-large--font-size); line-height: var(--text-large--line-height); padding-bottom: .5rem; } .image-2 { margin-bottom: 0; } .team-wrap { background-color: #0000; justify-content: space-between; max-width: 1440px; margin-top: 0; margin-left: auto; margin-right: auto; padding: 80px 180px 60px; display: flex; } .team-intro { background-color: #0000; padding-top: 160px; } .team__member { text-align: center; flex-direction: column; min-width: auto; max-width: 30%; display: flex; } .team__name { color: var(--black\); text-align: center; letter-spacing: .2px; margin-top: 10px; margin-bottom: 0; font-family: Mulish Variablefont Wght; font-size: 24px; font-weight: 800; line-height: 32px; } .team__description { color: var(--body\); text-align: left; letter-spacing: .4px; font-family: Mulish Variablefont Wght; font-size: 15px; line-height: 24px; } .teammate_photo { border-radius: 5rem; max-width: 40%; margin-left: auto; margin-right: auto; } .utility-page-wrap { justify-content: center; align-items: center; width: 100vw; max-width: 100%; height: 100vh; max-height: 100%; display: flex; } .utility-page-content { text-align: center; flex-direction: column; width: 260px; display: flex; } .post__content { width: 100%; padding-top: 0; } .footer__social-list { justify-content: space-between; width: 240px; margin-top: 0; margin-bottom: 0; padding-bottom: 0; padding-left: 0; list-style-type: none; display: flex; } .social-link { padding: var(--space--extra-small); cursor: pointer; flex: 1; width: 3rem; height: 2.5rem; transition: opacity .2s; } .social-link:hover { opacity: .7; } .footer__social-list-item { list-style-type: none; display: flex; } .stylablebuttons { justify-content: space-around; width: 600px; margin: 1rem auto 2rem; display: flex; } .section-share-buttons { flex-direction: column; justify-content: center; align-items: center; margin-top: 2em; margin-bottom: 0; padding-bottom: 2rem; padding-right: 0; display: flex; } .recommended-posts.content-wrapper { width: 100%; margin-top: 1rem; margin-bottom: 1rem; } .further-readings__list { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; max-width: 80%; margin-left: auto; margin-right: auto; display: grid; } .further-readings { background-color: #f9f9f9; margin-bottom: 0; padding-top: 2rem; padding-bottom: 2rem; } .further-readings.homepage__further-readings { margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .further-readings.homepage__further-readings.plants { background-color: #fff; } .link-block { color: var(--black\); text-decoration: none; display: block; } .form { width: 420px; margin-left: auto; margin-right: auto; } .form-block { width: 70%; margin-left: auto; margin-right: auto; } .text-field { border-radius: 8px; min-height: 48px; margin-bottom: 16px; padding-top: 16px; padding-bottom: 16px; } .paragraph-2 { color: var(--white\); font-weight: 400; } .success-message { background-color: #7fc454; } .checkbox-field { align-items: center; margin-bottom: 16px; font-size: 14px; display: flex; } .checkbox { width: 1.2rem; height: 1.2rem; margin-top: .25rem; margin-right: .5rem; } .checkbox-label { color: var(--white\); margin-bottom: 0; margin-left: 6px; } .html-embed { float: none; clear: none; background-color: var(--white\); text-align: left; cursor: pointer; width: 100%; margin-top: 2rem; position: static; } .html-embed-2, .html-embed-3 { cursor: pointer; } .invisible { text-align: center; align-self: center; display: none; } .card__link-block { color: var(--text-primary\); cursor: pointer; height: 100%; font-family: Mulish Variablefont Wght; font-weight: 400; text-decoration: none; position: absolute; inset: 0%; } .rich-text-html2 { column-count: 2; column-rule: 0px none var(--primary-darkmode\); flex-wrap: wrap; align-items: flex-start; column-gap: 50px; display: block; } .rich-text-html2 p { border: 1px none var(--line\); font-family: var(--text-main--font-family); color: var(--theme--text); margin-bottom: 1rem; padding-bottom: 0; font-size: .9rem; line-height: 1.4rem; } .rich-text-html2 h4 { border-bottom: 1px none var(--primary-dark\); font-size: var(--text-main--font-size); line-height: var(--text-main--line-height); text-transform: uppercase; margin-top: 0; margin-bottom: .8rem; padding-top: 0; font-weight: 400; } .rich-text-html2 h2 { margin-bottom: 20px; font-family: Mulish, Arial, sans-serif; font-size: 28px; font-weight: 800; line-height: 32px; } .rich-text-html2 h3 { font-family: var(--all-headings--heading-font-family); font-size: var(--h5--font-size); line-height: var(--all-headings--heading-line-height); letter-spacing: var(--all-headings--heading-letter-spacing); width: auto; margin-bottom: 1.5rem; font-weight: 700; } .rich-text-html2.html2 { background-color: var(--primary-bg\); } .rich-text-html2.html2 li { background-image: url('../images/leaf.png'); background-position: 0%; background-repeat: no-repeat; background-size: 1.2rem; padding-top: .25rem; padding-bottom: .25rem; padding-left: 1.5rem; } .rich-text-html2 ul, .rich-text-html2 li { font-size: .9rem; } .rich-text-html2.u-highlight-contain { direction: ltr; overflow: hidden; } .rich-text__conclusion { border-left: 4px none var(--primary-darkmode\); display: block; } .article_keyphrase { text-transform: capitalize; display: block; position: relative; } .article_keyphrase.u-text-small { color: var(--theme--text-secondary); } .rich-text__content { margin-top: 0; margin-bottom: 0; line-height: 140%; } .rich-text__content p { color: var(--text-primary\); margin-bottom: 1.5rem; } .rich-text__content h6 { margin-top: 1rem; font-size: 12px; line-height: 24px; } .rich-text__content h4 { margin-top: 1rem; margin-bottom: 0; } .rich-text__content h3 { margin-top: 2.5rem; margin-bottom: 1rem; font-family: Cormorant Variablefont Wght; font-size: 2.4rem; font-style: italic; line-height: 110%; } .rich-text__content li { font-size: 1.2rem; font-weight: 300; line-height: 140%; } .heading-h3 { text-align: center; margin-top: 0; font-size: 1.5rem; } .heading-h3.share { text-align: center; margin-bottom: .5rem; } .further-readings__link { color: var(--primary\); text-align: center; margin-top: 20px; margin-left: auto; margin-right: auto; padding-top: 0; font-family: Mulish Variablefont Wght; font-size: 18px; font-weight: 600; text-decoration: none; display: block; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-vertical.padding-huge { padding-top: 8rem; } .padding-vertical.padding-small { padding-top: 2rem; } .padding-vertical.padding-medium { padding-top: 2rem; padding-bottom: 2rem; } .page-padding { width: 100%; padding-left: 2.5rem; padding-right: 2.5rem; } .page-padding.tags { margin-top: 2rem; margin-bottom: 2rem; padding-top: 0; } .container-large { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; position: relative; } .card-container { position: relative; } .card-container.item { background-color: var(--white\); cursor: pointer; flex-direction: column; align-items: flex-start; height: 100%; transition: box-shadow .5s; display: flex; position: relative; } .card-container.item:hover { box-shadow: 0 2px 5px 0 var(--shadow\); } .card-container.blog { border: 1px solid var(--line\); cursor: pointer; background-color: #0000; border-radius: 0; transition: box-shadow .5s; } .card-container.blog:hover { box-shadow: 0 2px 5px 0 var(--shadow\); } .card-container.recommended { border: 1px solid var(--line\); background-color: #fff; } .card__content { width: 100%; padding: 1rem 1rem 2rem; } .card__caption { color: var(--text-secondary\); max-height: 2.8rem; margin-top: .25rem; margin-bottom: 0; padding-right: 10px; font-size: .9rem; font-weight: 300; line-height: 1.2rem; display: block; overflow: hidden; } .filters-plants { width: 100%; display: block; } .collection-list-wrapper { flex-flow: wrap; align-content: flex-start; display: flex; } .cathegory-label { background-color: var(--primary-bg\); color: var(--link); letter-spacing: .5px; -webkit-text-stroke-color: var(--primary\); padding-left: .5rem; padding-right: .5rem; font-size: .8rem; line-height: 1.8rem; display: inline-block; } .collection-item { margin-top: 1rem; margin-bottom: 1rem; } .form-2 { display: block; } .clear { display: none; } .collection-list { grid-column-gap: .2rem; grid-row-gap: .2rem; color: var(--text-primary\); flex-flow: wrap; order: 0; grid-template-rows: auto auto; grid-template-columns: auto auto auto auto auto; grid-auto-columns: auto; place-content: flex-start; align-self: auto; align-items: flex-start; margin-bottom: 2rem; margin-right: 0; display: flex; } .collection-item-2 { margin-right: auto; position: relative; } .fs_checkbox-2_button { color: var(--label\); border: 1px #000; border-radius: 0; width: 100%; height: 100%; margin-top: 0; margin-left: 0; margin-right: auto; display: block; position: absolute; inset: 0%; box-shadow: 1px 1px 3px #0000; } .fs_checkbox-2_button.w--redirected-checked { background-color: #0000; background-image: none; border-style: none; } .fs_checkbox-2_button.w--redirected-focus { box-shadow: none; border-style: none; border-radius: 0; } .fs_checkbox-2_button.w--redirected-focus-visible { box-shadow: none; outline-offset: 4px; outline: 2px solid #9b9b9b; } .fs_checkbox-2_field { background-color: var(--white\); color: var(--label\); cursor: pointer; flex-direction: row; justify-content: flex-start; align-items: center; min-height: 3rem; margin-bottom: 0; padding: .25rem 1rem; display: flex; position: relative; } .fs_checkbox-2_field:hover { color: #696969; border-color: #696969; } .fs_checkbox-2_label { z-index: 1; color: var(--text-secondary\); margin-bottom: 0; font-size: 1rem; font-weight: 300; line-height: 1.2rem; position: relative; } .heading-2 { text-align: left; margin-top: 0; margin-bottom: 1rem; margin-right: auto; font-weight: 600; display: block; } .heading-4 { text-transform: capitalize; margin-bottom: 2rem; } .search { flex: 1; align-items: center; margin: auto 0; display: flex; position: relative; } .search._404 { margin-left: auto; margin-right: auto; } .search__label { display: none; } .search__input { z-index: 0; border: 1px solid var(--line\); font-family: var(--text-main--font-family); color: var(--text-primary\); object-fit: fill; background-color: #0000; border-radius: 8px; flex: 1; min-width: 19rem; margin-bottom: 0; margin-right: .5rem; padding: .5rem 1rem; font-size: 14px; font-weight: 400; position: relative; } .search__input:focus { border-color: var(--link); background-color: var(--white\); } .search__input.main { color: var(--white\); } .search__button { border-radius: 32px; font-size: 16px; display: block; } .search-result-item { grid-column-gap: 1rem; grid-row-gap: 1rem; background-color: var(--white\); color: var(--black\); align-items: center; padding: 1rem; transition: box-shadow .5s; display: flex; position: relative; } .search-result-item:hover { box-shadow: 0 2px 5px 0 var(--shadow\); } .search-result__image { object-fit: cover; width: 10rem; min-width: 10rem; max-width: 10rem; height: 4rem; overflow: hidden; } .search-result-list { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-direction: column; display: flex; } .empty-state { font-family: Mulish Variablefont Wght; } .text-block-3 { color: var(--black\); } .nav_logo_wrap, .nav_logo_wrap.w--current { max-width: 7rem; } .footer__tags { color: var(--theme--text-secondary); padding-top: 2rem; } .footer__tags-list { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-wrap: wrap; align-content: flex-start; } .footer__tags-list.u-hflex-left-center.u-hflex-wrap { grid-column-gap: 1rem; } .footer__tag-item { cursor: pointer; position: relative; } .footer_tag_wrap { z-index: 10; padding: .5rem 0; display: block; } .footer_tag_wrap:hover { opacity: .75; } .rich-text-html1 { flex-wrap: wrap; align-items: flex-start; } .rich-text-html1 p { border: 1px none var(--line\); color: var(--theme--text-secondary); font-size: var(--text-small--font-size); line-height: var(--text-small--line-height); margin-bottom: 1rem; padding-bottom: 1rem; } .rich-text-html1 h4 { margin-top: 0; margin-bottom: var(--space--extra-small); border-bottom: 1px none var(--primary-dark\); font-family: var(--font--primary-family); font-size: var(--h6--font-size); line-height: var(--h6--line-height); text-transform: uppercase; padding-top: 0; font-weight: 500; } .rich-text-html1 h2 { width: 100%; margin-bottom: 20px; font-family: Mulish Variablefont Wght; font-size: 28px; font-weight: 800; line-height: 32px; } .rich-text-html1 h3 { margin-bottom: var(--space--small); font-family: var(--h3--font-family); font-size: var(--h5--font-size); line-height: var(--all-headings--heading-line-height); font-style: italic; font-weight: 700; } .rich-text-html1.html2 { background-color: var(--primary-bg\); } .rich-text-html1.html2 li { background-image: url('../images/leaf.png'); background-position: 0%; background-repeat: no-repeat; background-size: 1.2rem; padding-top: .25rem; padding-bottom: .25rem; padding-left: 1.5rem; } .rich-text-html1 ul { margin-bottom: var(--space--extra-small); } .rich-text-html1.checklist { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .rich-text-html1.u-highlight-contain { border-radius: var(--radius--small) var(--radius--small) 0rem 0rem; column-count: 1; } .rich-text-html1 li { font-size: var(--text-small--font-size); } .stylablebuttons-2 { justify-content: space-around; width: 600px; display: flex; } .linkedinshare { background-color: #0077b5; border-radius: 5px; align-items: center; height: 29px; padding: 10px; font-family: Ubuntu, Helvetica, sans-serif; font-weight: 500; line-height: 16px; display: flex; } .icon { margin-right: 8px; font-family: "Fa brands 400", sans-serif; } .facebookshare { letter-spacing: .5px; background-color: #3b5998; border-radius: 5px; align-items: center; height: 29px; padding: 10px; font-family: Ubuntu, Helvetica, sans-serif; font-weight: 500; line-height: 16px; display: flex; } .twittershare { letter-spacing: .5px; background-color: #1da1f2; border-radius: 5px; align-items: center; height: 29px; padding: 10px; font-family: Ubuntu, Helvetica, sans-serif; font-weight: 500; line-height: 16px; display: flex; } .pinterestsave { letter-spacing: .5px; background-color: #bd081c; border-radius: 5px; align-items: center; height: 29px; padding: 10px; font-family: Ubuntu, Helvetica, sans-serif; font-weight: 500; line-height: 16px; display: flex; } .googleplusshare { letter-spacing: .5px; background-color: #dd4b39; border-radius: 5px; align-items: center; height: 29px; padding: 10px; font-family: Ubuntu, Helvetica, sans-serif; font-weight: 500; line-height: 16px; display: flex; } .text-weight-bold { font-weight: 700; } .page-wrap { background-color: var(--background); color: var(--text-primary\); -webkit-text-stroke-color: var(--text-primary\); font-family: Mulish Variablefont Wght; font-size: 1rem; line-height: 1.5rem; } .home-message_item { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-direction: row; justify-content: flex-start; align-items: flex-start; display: flex; } .home-message_content { color: #000; background-color: #0000000d; flex-direction: column; justify-content: center; align-self: stretch; align-items: stretch; width: 100%; display: flex; } .global-styles { display: block; position: fixed; inset: 0% auto auto 0%; } .text-style-link { color: #000; text-decoration: underline; } .home-message_content-grid { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-content: center; place-items: center start; display: grid; } .home-message_component { color: #fff; min-height: 100vh; padding: 3rem; display: flex; } .text-size-large { margin-bottom: 0; font-family: Mulish Variablefont Wght; font-size: 2rem; font-weight: 200; line-height: 2.4rem; } .home-message_list { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-items: start; display: grid; } .home-message_item-icon { color: #000; background-color: #fff; flex: none; width: 1.75rem; height: 1.75rem; } .home-message_logo { width: 4rem; } .home-message_heading-block { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; } .padding-global { aspect-ratio: auto; -webkit-text-stroke-color: var(--text-secondary\); padding-left: 2.5rem; padding-right: 2.5rem; } .container-medium { width: 100%; max-width: 64rem; margin-left: auto; margin-right: auto; } .section_header_old { grid-column-gap: 0px; grid-row-gap: 0px; background-color: var(--nl-dark\); justify-content: center; align-items: flex-start; width: 100%; display: flex; } .padding-global-2 { grid-column-gap: 0px; grid-row-gap: 0px; flex-direction: column; justify-content: center; align-items: center; width: 100%; padding-left: 32px; padding-right: 32px; display: flex; } .container-large-2 { grid-column-gap: 80px; grid-row-gap: 80px; justify-content: flex-start; align-items: center; width: 100%; max-width: 1280px; display: flex; } .padding-section-medium { grid-column-gap: 80px; grid-row-gap: 80px; justify-content: center; align-items: flex-start; padding-top: 4rem; padding-bottom: 4rem; display: block; position: relative; } .header_component { grid-column-gap: 80px; grid-row-gap: 80px; justify-content: flex-start; align-items: center; width: 100%; display: flex; } .header_content { grid-column-gap: 24px; grid-row-gap: 24px; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; display: flex; } .nl-h1 { color: var(--text-hero\); letter-spacing: 0; margin-top: 1rem; margin-bottom: 2rem; font-family: Cormorant Variablefont Wght; font-size: 7.4rem; font-style: italic; font-weight: 600; line-height: 6.4rem; } .nl-h1.example { color: var(--text-primary\); margin-top: 0; margin-left: auto; margin-right: auto; font-size: 5rem; } .nl-lead { color: var(--text-secondary\); margin-bottom: 2rem; font-family: Mulish Variablefont Wght; font-size: 2rem; font-weight: 300; line-height: 2.4rem; } .nl-lead.dark { color: var(--nl-dark\); text-align: center; font-size: 1.2rem; } .nl-lead.dark.left { text-align: left; } .button-group { grid-column-gap: 16px; grid-row-gap: 16px; flex: 0 auto; justify-content: flex-start; align-items: flex-start; display: flex; } .button-2 { grid-column-gap: 8px; grid-row-gap: 8px; background-color: #fe5c01; flex: 0 auto; justify-content: center; align-items: center; padding: 12px 24px; text-decoration: none; display: flex; } .text-2 { color: #fff; font-size: 12px; font-weight: 500; line-height: 140%; } .header_image-wrap { grid-column-gap: 0px; grid-row-gap: 0px; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 480px; display: flex; } .header_image { object-fit: cover; } .footer-subscribe { border-bottom: 1px solid #e4ebf3; padding: 50px 30px 40px; position: relative; } .nl-container { width: 100%; max-width: 940px; margin-left: auto; margin-right: auto; } .header__form { background-color: #f5f7fa; margin-bottom: 0; padding: 0; display: block; } .header__form-container { justify-content: space-between; align-items: center; display: flex; } .footer-form-title { font-size: 24px; line-height: 32px; } .header__form-block { justify-content: flex-end; align-items: center; display: flex; position: relative; } .header__form-input { background-color: var(--cornsilk\); border: 1px #000; width: 30rem; height: 48px; margin-bottom: 0; padding: 12px 180px 12px 20px; } .header__form-input::placeholder { color: #1a1b1fcc; } .button-primary { color: #fff; letter-spacing: 2px; text-transform: uppercase; background-color: #1a1b1f; padding: 12px 25px; font-size: 12px; line-height: 20px; transition: all .2s; } .button-primary:hover { color: #fff; background-color: #32343a; } .button-primary:active { background-color: #43464d; } .button-primary.header-form-button { background-color: #d13202; padding: .5rem 1rem; font-size: .75rem; line-height: 1.25rem; position: absolute; right: 8px; } .footer-wrapper-three { justify-content: space-between; align-items: center; display: flex; } .footer-block-three { justify-content: flex-start; align-items: center; margin-left: -20px; margin-right: -20px; display: flex; } .footer-link-three { color: #1a1b1f; margin-left: 20px; margin-right: 20px; text-decoration: none; } .footer-link-three:hover { color: #1a1b1fbf; } .footer-social-block-three { justify-content: flex-start; align-items: center; margin-left: -32px; display: flex; } .footer-social-link-three { margin-left: 32px; } .footer-divider-two { background-color: #e4ebf3; width: 100%; height: 1px; margin-top: 40px; margin-bottom: 40px; } .footer-bottom { justify-content: space-between; align-items: center; display: flex; } .footer-copyright { color: #3a4554; } .footer-legal-block { justify-content: flex-start; align-items: center; display: flex; } .footer-legal-link { color: #3a4554; margin-left: 24px; } .footer-legal-link:hover { color: #3a4554; } .team-slider { background-color: #f5f7fa; border-bottom: 1px solid #e4ebf3; padding: 80px 30px; position: relative; } .centered-heading { text-align: center; margin-bottom: 16px; } .centered-subheading { text-align: center; max-width: 530px; margin-left: auto; margin-right: auto; } .team-slider-wrapper { background-color: #0000; height: auto; margin-top: 50px; } .team-slide-wrapper { width: 30%; margin-right: 5%; } .team-block { background-color: #fff; padding-bottom: 24px; } .team-member-image-two { margin-bottom: 18px; } .team-block-info { flex-direction: column; align-items: flex-start; padding-left: 24px; padding-right: 24px; display: flex; } .team-member-name-two { margin-bottom: 12px; font-weight: 600; } .team-member-text { margin-bottom: 20px; } .text-link-arrow { color: #1a1b1f; justify-content: flex-start; align-items: center; font-size: 14px; line-height: 20px; text-decoration: none; display: flex; } .arrow-embed { margin-left: 2px; display: flex; } .team-slider-arrow { display: none; } .team-slider-nav { margin-top: 24px; font-size: 10px; position: static; bottom: -60px; } .section-recent { grid-column-gap: 64px; grid-row-gap: 64px; background-color: var(--cornsilk\); flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; padding: 0; display: flex; } .container-3 { grid-column-gap: 64px; grid-row-gap: 64px; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; max-width: 1200px; display: flex; } .section-title { grid-column-gap: 0px; grid-row-gap: 0px; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; max-width: 530px; margin-bottom: 2rem; margin-left: auto; margin-right: auto; display: flex; } .nl-columns { grid-column-gap: 2rem; grid-row-gap: 2rem; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; } .card { grid-column-gap: 0px; grid-row-gap: 0px; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; } .image-wrapper { grid-column-gap: 10px; grid-row-gap: 10px; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; height: 180px; display: flex; } .image { grid-column-gap: 0px; grid-row-gap: 0px; object-fit: cover; justify-content: center; align-items: center; width: 100%; height: 180px; display: flex; } .issue-card { grid-column-gap: 0px; grid-row-gap: 0px; background-color: #fff; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 24px; display: flex; } .name { color: #000; font-size: 24px; font-weight: 600; line-height: 150%; } .issue-description { color: var(--nl-dark\); font-size: 1rem; font-weight: 300; line-height: 150%; } .issue-name { color: #000; font-family: Cormorant Variablefont Wght; font-size: 24px; font-style: italic; font-weight: 600; line-height: 150%; } .heading-style-h2 { color: var(--text-primary\); letter-spacing: -.5px; -webkit-text-stroke-color: var(--text-primary\); margin-bottom: 0; font-family: Cormorant Variablefont Wght; font-size: 3.2rem; font-style: italic; font-weight: 600; line-height: 90%; } .heading-style-h2.light { color: var(--primary-darkmode\); -webkit-text-stroke-color: var(--nl-dark\); } .heading-style-h2.section { text-align: left; max-width: 50vw; } .small-columns { grid-column-gap: 40px; grid-row-gap: 40px; justify-content: flex-start; align-items: center; width: 100%; max-width: 960px; display: flex; } .column { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; align-items: flex-start; width: 100%; max-width: 320px; height: 381px; display: flex; } .title { color: #000; font-size: 32px; font-weight: 700; line-height: 120%; } .description { color: #000; font-size: 14px; font-weight: 400; line-height: 150%; } .benefit { grid-column-gap: 4px; grid-row-gap: 4px; color: var(--khaki\); flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; } .heading-style-h3 { color: var(--text-primary\); margin-top: 0; margin-bottom: 0; font-family: Cormorant Variablefont Wght; font-size: 1.4rem; font-style: italic; font-weight: 600; line-height: 1.5rem; text-decoration: none; } .list { margin-top: .25rem; margin-bottom: 1rem; } .hero-heading-left { grid-column-gap: 80px; grid-row-gap: 80px; background-color: var(--nl-dark\); justify-content: center; align-items: flex-start; width: 100%; padding: 0; display: flex; } .container { grid-column-gap: 80px; grid-row-gap: 80px; justify-content: flex-start; align-items: center; width: 100%; max-width: 1200px; display: flex; } .column-3 { grid-column-gap: 24px; grid-row-gap: 24px; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; } .actions { grid-column-gap: 16px; grid-row-gap: 16px; flex: 0 auto; justify-content: flex-start; align-items: flex-start; padding-top: 16px; display: flex; } .column-4 { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; } .benefits_component { grid-column-gap: 80px; grid-row-gap: 80px; justify-content: flex-start; align-items: center; width: 100%; display: flex; } .benefits_content { grid-column-gap: 24px; grid-row-gap: 24px; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; display: flex; } .section_how { grid-column-gap: 0px; grid-row-gap: 0px; background-color: var(--khaki\); justify-content: center; align-items: flex-start; width: 100%; display: flex; } .benefits_image { object-fit: cover; } .benefits_image-wrap { grid-column-gap: 0px; grid-row-gap: 0px; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 480px; display: flex; } .features-list { border-bottom: 1px solid #e4ebf3; padding: 80px 30px; position: relative; } .how_component { justify-content: space-between; align-items: flex-start; display: flex; } .features-left { flex-direction: column; justify-content: flex-start; align-items: flex-start; max-width: 40%; display: flex; } .features-paragraph { margin-bottom: 24px; } .text-link-arrow-2 { color: #1a1b1f; justify-content: flex-start; align-items: center; font-size: 14px; line-height: 20px; text-decoration: none; display: flex; } .arrow-embed-2 { margin-left: 2px; display: flex; } .features-right { flex-direction: column; justify-content: flex-start; align-items: flex-start; max-width: 46%; margin-bottom: -16px; display: flex; } .features-block-two { justify-content: flex-start; align-items: center; margin-bottom: 16px; display: flex; } .features-image { object-fit: cover; width: 80px; height: 80px; margin-right: 16px; } .section__how-it-works { background-color: var(--isabelline); color: var(--nl-dark\); } .text-align-center { color: var(--text-primary\); text-align: center; } .text-style-allcaps { text-transform: uppercase; } .text-style-allcaps.mb-small { margin-bottom: .5rem; } .padding-bottom { padding: 0 0 4rem; } .padding-bottom.padding-small { padding: 0 0 1rem; } .padding-bottom.padding-xhuge { padding-bottom: 8rem; } .padding-bottom.padding-medium { padding-bottom: 2rem; } .max-width-large { color: var(--text-primary\); width: 100%; max-width: 48rem; margin-left: auto; margin-right: auto; } .margin-top.margin-xlarge { margin: 4rem 0 0; } .margin-top.margin-xsmall { margin: 1.5rem 0 0; } .how-it-works_component { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .how-it-works_item { background-color: var(--cornsilk\); padding: 4rem 3rem; position: relative; } .margin-bottom.margin-medium { margin: 0 0 2rem; } .margin-bottom.margin-xsmall { margin-bottom: .5rem; } .margin-bottom.margin-small { margin-bottom: 2rem; } .margin-bottom.margin-large { margin-bottom: 4rem; } .accent_bottom-line { background-color: var(--khaki\); width: 100%; height: 1rem; position: absolute; inset: auto 0% 0%; } .icon-1x1-medium { width: 2rem; height: 2rem; } .footer_nl { display: block; } .footer-nl_bottom-links { flex-wrap: wrap; justify-content: center; align-items: center; display: flex; } .footer-nl_link { color: var(--nl-dark\); cursor: pointer; padding-left: 1rem; padding-right: 1rem; font-size: 1rem; font-weight: 500; line-height: 1.5; text-decoration: none; transition: color .2s; } .footer-nl_link:hover { color: var(--text-hero\); text-decoration: underline; } .footer-nl_copyright { font-size: .75rem; line-height: 1rem; } .nl-paragraph { font-weight: 300; line-height: 1.4rem; } .email-capture-form.question { margin-bottom: 0; } .email-capture-form.subscribe { border-radius: var(--radius--small); background-color: var(--swatch--brand); } .email-capture-form.u-highlight-contain.u-vflex-stretch-top { border-radius: 0px 0px var(--radius--small) var(--radius--small); margin-top: -1.5rem; } .email-capture-form__label { color: var(--theme--text-secondary); } .email-capture-form__label.u-text-h4.u-margin-bottom { color: var(--theme--text); } .form-input { font-size: var(--text-main--font-size); border-radius: .25rem; height: 100%; padding: .5rem .75rem; } .form-email-wraper { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-template-rows: auto; grid-template-columns: 2fr 1fr; grid-auto-columns: 1fr; align-content: center; justify-items: stretch; display: grid; } .submit-button { background-color: var(--primary\); max-height: 3rem; margin-top: auto; margin-bottom: 1rem; } .email-capture-form__success { background-color: var(--factoids-background); } .email-capture-form__success.subscribe { background-color: var(--neutral-bg); } .faq-error-message { text-align: center; } .updated-on { color: var(--label\); font-size: .8rem; } .article_updated_wrap { grid-column-gap: .25rem; grid-row-gap: .25rem; } .article_updated_wrap.u-text-small { color: var(--theme--text-secondary); } .paragraph-3 { color: var(--label\); margin-bottom: .5rem; font-size: 1rem; font-style: italic; line-height: 1.2rem; } .navigation-wrapper { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 130px 2fr 3fr; grid-auto-columns: 1fr; align-items: center; display: grid; } ._404-main { margin-bottom: 4rem; } ._404-search-container { max-width: 20rem; margin-left: auto; margin-right: auto; } ._404-copy { color: var(--label\); margin-bottom: .125rem; font-family: Mulish Variablefont Wght; font-size: 1rem; line-height: 1.4rem; } .follow_links_list { justify-content: space-between; } .follow_links_list.u-hflex-center-center { grid-column-gap: var(--space--extra-small); grid-row-gap: var(--space--extra-small); grid-column: 8 / -1; } .follow_links_item { color: var(--theme--text-secondary); } .footer__social-list-item-copy { list-style-type: none; display: flex; } .pre-header { color: var(--text-secondary\); text-transform: uppercase; width: 100%; margin-bottom: .8rem; font-size: .8rem; line-height: 1.2rem; display: inline-block; } .pre-header.example { width: 90%; margin-left: auto; margin-right: auto; display: block; } .grid { grid-column-gap: 3rem; grid-row-gap: 0rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .grid.how-it-works { grid-template-rows: auto; } .grid.steps { grid-column-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; } .grid.hero { grid-template-rows: auto; position: relative; } .grid.example { grid-template-rows: auto; max-width: 90%; margin-bottom: 2rem; margin-left: auto; margin-right: auto; position: relative; } .text-size-medium { color: var(--text-secondary\); font-size: 1.4rem; font-weight: 200; line-height: 2rem; } .div-block { grid-column-gap: 2rem; grid-row-gap: 0px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .how-it-works_steps_wrap { position: relative; } .steps_item { grid-column-gap: 8px; grid-row-gap: 8px; color: var(--theme--text); flex-flow: column; align-items: flex-start; font-weight: 400; display: flex; position: relative; } .copy-s { color: var(--text-secondary\); font-size: .9rem; font-weight: 200; line-height: 1.2rem; } .step-number { z-index: 20; color: var(--text-primary\); font-size: 1rem; line-height: 2rem; position: absolute; inset: 6px auto auto 18px; } .step_image_1 { z-index: 10; color: #cbd6c9; -webkit-text-stroke-color: var(--isabelline); width: 4rem; position: relative; overflow: clip; } .steps_line { color: var(--theme--border); -webkit-text-stroke-color: var(--color\); background-image: linear-gradient(#bcc1b3, #bcc1b3); height: 1px; position: absolute; inset: 20px 30% auto 0%; } .section__hero { background-color: var(--ash-green\); max-height: 95vh; } .newsletter-cta { z-index: 10; background-color: var(--jasmine); color: var(--text-primary\); cursor: pointer; border-radius: 50%; justify-content: center; align-items: center; width: 12.5rem; height: 12.5rem; transition: color .3s, background-color .3s; display: flex; position: absolute; bottom: 1rem; left: 50%; right: 0%; } .newsletter-cta:hover { background-color: var(--tropical-indigo); color: var(--isabelline); } .newsletter-cta.slider { z-index: 10; inset: 20% auto auto 45%; } .newsletter-cta.newsletter-end { inset: auto 30% 30% auto; } .newsletter-cta.newsletter-start { z-index: 2; top: 660px; } .newsletter-cta.example-bottom { top: 87%; left: 70%; } .start-season-circle { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0 0% 0% 0; } .start-season-circle.inverted { filter: invert(); } .arrow-cta { flex: 0 auto; align-self: center; } .section__examples { text-align: left; position: relative; } .circle-text-2 { transform: rotate(180deg); } .nl__slider { background-color: #ddd0; width: 100%; height: 100%; margin-bottom: 0; margin-left: auto; margin-right: auto; } .nl__mask { max-width: 90%; height: auto; margin-left: auto; margin-right: auto; } .nl__slide { height: 100%; } .slide__container { grid-column-gap: 0rem; grid-row-gap: 0rem; background-color: var(--white\); grid-template: ". image" / 2fr 3fr; grid-auto-columns: 1fr; display: grid; } .slide__content { padding: 2rem 3rem; } .slider__settings-wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; color: var(--text-secondary\); flex-direction: column; align-items: flex-start; margin-top: 1rem; margin-bottom: 1rem; display: flex; } .slider_settings_header { font-style: italic; line-height: 1.2rem; } .slider_settings_header.bold { font-family: Cormorant Variablefont Wght; font-size: 1.4rem; font-style: italic; font-weight: 700; line-height: 1.2rem; } .slider__setting { grid-column-gap: .4rem; grid-row-gap: .1rem; color: var(--theme--text-secondary); grid-template: "." "." / 32px auto; grid-auto-columns: 1fr; display: grid; } .slider__setting-icon { color: var(--ash-green\); max-width: 2rem; max-height: 2rem; } .linked-posts { margin-bottom: 2rem; } .nl__slider-nav { margin-top: 2rem; display: none; position: static; } .nl__slider-arrow { background-color: var(--ash-green\); color: var(--isabelline); border-radius: 40px; justify-content: center; align-items: center; width: 3.5rem; height: 3.5rem; transition: background-color .3s; display: flex; } .nl__slider-arrow:hover { background-color: var(--tropical-indigo); } .slide__image { height: auto; display: none; } .slide__image-container { background-image: url('../images/header_image_1.webp'); background-position: 0 0; background-size: cover; } .slider__wrap { color: var(--text-primary\); -webkit-text-fill-color: inherit; background-color: #921818; background-clip: border-box; font-size: 1rem; position: relative; } .cta-text { display: none; } .section__newsletter-article { background-color: var(--background-darker); position: relative; } .newsletter__cover-image { object-fit: cover; width: 100%; height: 32rem; display: inline-block; } .container-small { width: 100%; max-width: 48rem; margin-left: auto; margin-right: auto; position: relative; } .newsletter__body-text { margin-bottom: 1.5rem; } .newsletter__body-text p { color: var(--text-secondary\); font-size: 1.1rem; line-height: 1.5rem; } .newsletter__body-text h4 { margin-top: 1rem; margin-bottom: 0; font-family: Cormorant Variablefont Wght; font-size: 1.4rem; font-style: italic; font-weight: 600; line-height: 2rem; } .max-width-xlarge { width: 100%; max-width: 64rem; margin-left: auto; margin-right: auto; } .max-width-xlarge.align-center { text-align: center; } .body__newsletter-example { background-color: var(--isabelline); color: var(--text-primary\); font-family: Mulish Variablefont Wght; font-size: 1rem; font-weight: 300; line-height: 1.5rem; } .newsletter__intro { color: var(--text-secondary\); margin-bottom: 1rem; font-size: 1.2rem; line-height: 1.7rem; } .newsletter__signature { font-style: italic; } .html-embed-4 { background-color: #eee; border-radius: 0; } .body-image { float: right; clear: none; aspect-ratio: 16 / 9; text-align: center; position: relative; } .html-embed-5 { background-color: var(--factoids-background); } .padding-section-small { padding-top: 2rem; padding-bottom: 2rem; } .lightbox-link { max-height: 50%; display: block; } .tip-image-collection-list { text-align: center; justify-content: center; align-items: center; max-width: 100%; padding-bottom: .5em; display: block; } .tip-image { box-sizing: content-box; float: none; clear: none; aspect-ratio: 16 / 9; text-align: center; vertical-align: baseline; object-fit: cover; width: 100%; max-width: 100%; height: 50%; max-height: 50%; padding: 0; display: inline-block; position: relative; overflow: clip; } .tip-container { background-color: var(--isabelline); color: var(--text-secondary\); text-align: center; margin-top: 1em; margin-bottom: 1em; padding-bottom: 1em; font-size: .8rem; position: static; overflow: visible; } .lightbox-link-2 { text-align: center; max-width: 100%; } .tip-images { text-align: center; max-width: 100%; margin-top: 1rem; } .section__author-info { background-color: var(--ash-green\); } ._3-col-grid { grid-column-gap: 1.2rem; grid-row-gap: 1.2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; padding-left: 4rem; padding-right: 4rem; display: grid; } .author__name { color: var(--text-primary\); letter-spacing: .4px; margin-top: 0; margin-bottom: .5rem; font-weight: 600; line-height: 32px; } .author__description-text { margin-bottom: 1.5rem; } .author__description-text p { color: var(--text-secondary\); font-size: 1.1rem; line-height: 1.5rem; } .author__description-text h4 { margin-top: 1rem; margin-bottom: 0; font-family: Cormorant Variablefont Wght; font-size: 1.4rem; font-style: italic; font-weight: 600; line-height: 2rem; } .author__social-list { color: var(--text-primary\); justify-content: space-between; width: 8rem; margin-top: 0; margin-bottom: 0; padding-bottom: 0; padding-left: 0; list-style-type: none; display: flex; } .author__social-list-item { list-style-type: none; display: flex; } .fb-icon, .linkedin-icon, .twitter-icon { flex: 0 auto; align-self: center; } .text-size-small { font-size: .875rem; } .navbar5_blog-list { grid-column-gap: 0rem; grid-row-gap: .5rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; align-items: flex-start; display: grid; } .nav { border-bottom: 1px solid var(--\); background-color: var(--\); align-items: center; width: 100%; min-height: 4.5rem; padding-left: 5%; padding-right: 5%; display: flex; } .button-4 { border: 1px solid var(--\); background-color: var(--\); color: var(--\); text-align: center; padding: .75rem 1.5rem; text-decoration: none; } .button-4.is-secondary { color: var(--\); background-color: #0000; } .button-4.is-secondary.is-alternate { color: var(--\); background-color: #0000; } .button-4.is-small { padding: .5rem 1.25rem; } .button-4.is-link { color: var(--\); background-color: #0000; border-style: none; padding: .25rem 0; line-height: 1; text-decoration: none; } .button-4.is-link.is-icon { grid-column-gap: .5rem; grid-row-gap: .5rem; } .margin-bottom, .margin-bottom.margin-tiny, .margin-bottom.margin-small, .margin-bottom.margin-xxlarge, .margin-bottom.margin-xsmall, .margin-bottom.margin-xxsmall { margin-top: 0; margin-left: 0; margin-right: 0; } .navbar5_dropdown-content-right { flex: 1; max-width: 35rem; padding: 2rem 0 2rem 2rem; display: flex; position: relative; } .nav_menu-left { display: flex; } .text-style-link-2 { color: var(--\); text-decoration: underline; } .navbar5_dropdown-content { width: 100%; display: flex; } .navbar5_menu-button { padding: 0; } .dropdown-chevron { flex-direction: column; justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; } .navbar5_menu-right { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: flex; } .navbar5_blog-image-wrapper { flex: 1 0 40%; width: 100%; } .nav_menu { flex: 1; justify-content: space-between; align-items: center; height: 100%; margin-left: 1.5rem; display: flex; position: static; } .navbar5_dropdown-background-layer { background-color: var(--\); min-width: 100vw; position: absolute; inset: 0% auto 0% 0%; } .navbar5_dropdown-content-left { grid-column-gap: 2rem; grid-row-gap: 0px; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding: 2rem 2rem 2rem 0; display: grid; } .navbar5_dropdown-toggle { grid-column-gap: .5rem; color: var(--\); align-items: center; padding: 1.5rem 1rem; display: flex; } .button-group-2 { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-wrap: wrap; align-items: center; display: flex; } .navbar5_dropdown-list.w--open { border-bottom: 1px solid var(--\); background-color: var(--\); width: 100vw; max-width: 100%; padding-left: 5%; padding-right: 5%; position: absolute; inset: 100% 0% auto; overflow: hidden; } .navbar5_large-item-content { flex-direction: column; flex: auto; justify-content: flex-start; display: flex; } .text-weight-semibold { font-weight: 600; } .navbar5_dropdown-link-list { grid-column-gap: 0px; grid-row-gap: 1rem; grid-template-rows: max-content; grid-template-columns: 1fr; grid-auto-rows: max-content; grid-auto-columns: 1fr; display: grid; } .nav_container { justify-content: space-between; align-items: center; width: 100%; max-width: 100%; height: 100%; margin-left: auto; margin-right: auto; display: flex; } .navbar5_menu-dropdown { position: static; } .navbar5_item-right { flex-direction: column; justify-content: center; align-items: flex-start; display: flex; } .navbar5_dropdown-link { grid-column-gap: .75rem; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; align-items: flex-start; padding-top: .5rem; padding-bottom: .5rem; text-decoration: none; display: flex; } .navbar5_icon-wrapper { flex: none; } .nav_link { color: var(--\); padding: 1.5rem 1rem; } .nav_link.w--current { color: var(--\); } .nav_logo-link { padding-left: 0; } .icon-embed-xsmall { flex-direction: column; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: flex; } .navbar5_blog-image { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; height: 100%; } .margin-top-2, .margin-top-2.margin-xxsmall, .margin-top-2.margin-medium, .margin-top-2.margin-xlarge, .margin-top-2.margin-small, .margin-top-2.margin-xxlarge { margin-bottom: 0; margin-left: 0; margin-right: 0; } .navbar5_dropdown-content-wrapper { grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .navbar5_dropdown-content-wrapper.z-index-1 { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: max-content max-content; grid-auto-rows: max-content; width: 100%; } .navbar5_blog-item { grid-column-gap: 1.5rem; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: .6fr 1fr; grid-auto-columns: 1fr; padding-top: .5rem; padding-bottom: .5rem; text-decoration: none; display: flex; } .icon-embed-xxsmall { flex-direction: column; justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; } .section_home_hero-header { padding-left: 2.5rem; padding-right: 2.5rem; } .padding-section-large { padding-top: 8rem; padding-bottom: 8rem; } .heading-style-h1 { letter-spacing: -.2rem; margin-top: 0; margin-bottom: 0; font-family: Cormorant Variablefont Wght; font-size: 7.5rem; font-style: italic; font-weight: 600; line-height: .9; } .home_hero-header_content { max-width: 50%; } .home_hero-header_image-wrapper { -webkit-text-fill-color: inherit; background-clip: border-box; } .home_hero-header_component { grid-column-gap: 5rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: grid; } .text-size-medium-2 { font-size: 1.125rem; } .home_hero-header_image { width: 100%; height: 100%; display: none; } .padding-global-3 { padding-left: 5%; padding-right: 5%; } .container-large-3 { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; } .home_how-it-works_item { flex-direction: column; align-items: center; width: 100%; } .home_how-it-works_content { grid-column-gap: 5rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: start; display: grid; } .home_how-it-works_component { flex-direction: column; align-items: flex-start; display: flex; } .icon-1x1-medium-2 { width: 3rem; height: 3rem; } .home_how-it-works_list { grid-column-gap: 3rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; place-items: start; display: grid; } .heading-style-h4 { font-size: 2rem; font-weight: 700; line-height: 1.3; } .product-header7_arrow-icon-copy { flex-direction: column; justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; } .home_newsletter-examples_slide-image-wrapper { flex: 1; position: relative; } .home_newsletter-examples_slider { background-color: var(--\); width: 100%; min-height: 100vh; max-height: 60rem; } .home_newsletter-examples_slide-nav { height: 1.75rem; font-size: .5rem; inset: auto auto 2.625rem 2rem; } .home_newsletter-examples_arrow { border-style: solid; border-width: 1px; border-radius: 100%; justify-content: center; align-items: center; width: 3rem; height: 3rem; display: flex; inset: auto 2rem 2rem auto; } .home_newsletter-examples_arrow.is-left { right: 6rem; } .home_newsletter-examples_slide-image { object-fit: cover; width: 100%; height: 100%; position: absolute; } .heading-style-h6 { font-size: 1.25rem; font-weight: 700; line-height: 1.4; } .home_newsletter-examples_slide-content { background-color: var(--\); flex-direction: column; justify-content: flex-start; padding: 2rem 2rem 8rem; position: relative; } .home_newsletter-examples_slide-wrapper { flex-direction: column; grid-template-rows: auto max-content; grid-template-columns: 1fr; grid-auto-columns: 1fr; height: 100%; display: flex; } .home_newsletter-examples_content { max-width: 35rem; margin-left: 5vw; margin-right: 5rem; position: relative; } .section_newsletter-examples { background-color: var(--background-darker); } .home_newsletter-examples_component { grid-column-gap: 0px; grid-row-gap: 0px; background-color: var(--background-darker); grid-template-rows: auto; grid-template-columns: 50% 50%; grid-auto-columns: 1fr; align-items: center; display: grid; } .home_newsletter-examples_slide-content-wrapper { width: 100%; max-width: 48rem; } .home_features-list_card-medium-content { flex-direction: column; justify-content: center; padding: 1.5rem; display: flex; } .home_features-list_column { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr; } .home_features-list_card-medium-image-wrapper { flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .home_features-list_card-large-image-wrapper { flex-direction: column; justify-content: center; align-items: center; width: 100%; display: flex; } .section_home_plants { background-image: url('../images/Pattern-03.jpg'); background-position: 0 0; background-size: 600px; } .home_features-list_card-large-content { flex-direction: column; flex: 1; justify-content: center; padding: 3rem; display: flex; } .heading-style-h5 { font-size: 1.5rem; font-weight: 700; line-height: 1.4; } .home_features-list_card-small-content { flex-direction: column; flex: 1; justify-content: space-between; padding: 1.5rem; display: flex; } .home_features-list_card-small { border: 1px solid var(--\); flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: stretch; display: flex; } .home_features-list_component { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr; } .home_features-list_row { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; } .home_features-list_card-medium { grid-column-gap: 0rem; grid-row-gap: 0rem; border: 1px solid var(--\); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: stretch; display: grid; } .text-align-center-2 { text-align: center; } .home_features-list_card-large { border: 1px solid var(--\); flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: stretch; display: flex; } .max-width-large-2 { width: 100%; max-width: 48rem; } .home_faq_question { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; border-top: 1px solid var(--\); cursor: pointer; justify-content: space-between; align-items: center; padding-top: 1.25rem; padding-bottom: 1.25rem; display: flex; } .home_faq_accordion { flex-direction: column; justify-content: flex-start; align-items: stretch; } .container-small-2 { width: 100%; max-width: 48rem; margin-left: auto; margin-right: auto; } .max-width-medium { width: 100%; max-width: 35rem; } .home_faq_answer { overflow: hidden; } .icon-embed-small { flex-direction: column; justify-content: center; align-items: center; width: 2rem; height: 2rem; display: flex; } .home_faq_component { border-bottom: 1px solid var(--\); } .home_faq_icon-wrapper { align-self: flex-start; width: 2rem; display: flex; } .image-overlay-layer { z-index: 1; background-color: #00000080; position: absolute; inset: 0%; } .home_cta_background-image-wrapper { z-index: -1; background-image: linear-gradient(#00000080, #00000080); position: absolute; inset: 0%; } .home_cta_background-image { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .text-color-white { color: var(--\); } .section_bottom-cta { background-color: var(--jasmine); background-image: url('../images/Pattern-03.jpg'); background-position: 0 0; background-size: 600px; position: relative; } .footer4_logo-link { padding-left: 0; } .footer4_legal-link { color: var(--\); font-size: .875rem; text-decoration: underline; } .footer4_social-list { grid-column-gap: .75rem; grid-row-gap: 0rem; white-space: normal; grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: max-content; grid-auto-flow: column; place-items: start; display: grid; } .padding-top, .padding-top.padding-medium { padding-bottom: 0; padding-left: 0; padding-right: 0; } .footer4_social-link { color: var(--\); align-items: center; font-size: 14px; text-decoration: none; display: flex; } .footer4_credit-text { font-size: .875rem; } .padding-bottom-2, .padding-bottom-2.padding-xxlarge { padding-top: 0; padding-left: 0; padding-right: 0; } .footer4_link { color: var(--\); text-align: center; font-size: 1rem; font-weight: 600; text-decoration: none; } .padding-vertical-2, .padding-vertical-2.padding-xxlarge { padding-left: 0; padding-right: 0; } .footer4_link-list { grid-column-gap: 1.5rem; grid-row-gap: 0px; white-space: normal; grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: max-content; grid-auto-flow: column; justify-content: center; justify-items: start; display: grid; } .line-divider { background-color: var(--\); width: 100%; height: 1px; } .footer4_bottom-wrapper { grid-column-gap: 1.5rem; grid-row-gap: 0rem; white-space: normal; grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: max-content; grid-auto-flow: column; justify-content: center; display: grid; } .footer4_top-wrapper { grid-column-gap: 4vw; grid-template-rows: auto; grid-template-columns: .25fr 1fr .25fr; justify-content: space-between; align-items: center; } .button-5 { border: 1px solid var(--\); background-color: var(--\); color: var(--\); text-align: center; padding: .75rem 1.5rem; text-decoration: none; } .button-5.is-secondary { color: var(--\); background-color: #0000; } .button-5.is-secondary.is-alternate { color: var(--\); background-color: #0000; } .button-5.is-small { padding: .5rem 1.25rem; } .button-5.is-link { color: var(--\); background-color: #0000; border-style: none; padding: .25rem 0; line-height: 1; text-decoration: none; } .button-5.is-link.is-icon { grid-column-gap: .5rem; grid-row-gap: .5rem; } .text-style-link-3 { color: var(--\); text-decoration: underline; } .padding-global-4 { padding-left: 5%; padding-right: 5%; } .container-large-4 { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; } .icon-1x1-medium-3 { width: 3rem; height: 3rem; } .text-align-center-3 { text-align: center; } .max-width-large-3 { width: 100%; max-width: 48rem; } .container-small-3 { width: 100%; max-width: 48rem; margin-left: auto; margin-right: auto; } .hero-wrapper { background-color: var(--background-darker); background-image: url('../images/hero-illustration_1.webp'); background-position: 100%; background-repeat: no-repeat; background-size: contain; align-items: center; min-height: 80vh; display: flex; } .hero-bg { background-color: var(--background-darker); border-radius: 16px; } .collection-list-2 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; place-content: stretch; display: grid; } .lightbox-link-3 { box-sizing: border-box; vertical-align: baseline; object-fit: fill; flex-flow: row; justify-content: center; align-items: flex-start; display: block; } .tip-container-2 { color: #4e5247; text-align: center; background-color: #f7f3ef; margin-top: 1em; margin-bottom: 1em; font-size: .8rem; position: static; overflow: visible; } .lightbox-link-4 { display: inline-block; } .section_home_blog { background-color: var(--background-darker); } .plants-filter { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: wrap; align-items: flex-start; display: flex; } .max-width-full { color: var(--text-primary\); width: 100%; margin-left: auto; margin-right: auto; } .section_plants-cards, .section_plants-rich-text { background-color: var(--background); position: relative; } .list-2 { font-size: 1.2rem; } .heading-5 { font-family: Cormorant Variablefont Wght; font-size: 3.2rem; font-style: italic; font-weight: 700; line-height: 110%; } .section_blog-cards { background-color: var(--background); position: relative; } .link-description { display: none; } .empty-state-2 { padding: 0; } .styleguide_contain.u-container { padding-top: var(--padding-vertical--small); padding-bottom: var(--padding-vertical--small); } .u-container { max-width: var(--max-width--main); padding: var(--padding-vertical--main) var(--padding-horizontal--main); width: 100%; margin-left: auto; margin-right: auto; position: relative; } .styleguide_footer { border-top: var(--border-width--main) solid var(--theme--border); text-align: center; } .form_main_error_wrap { border: var(--border-width--main) solid var(--theme--border); border-radius: var(--radius--main); background-color: #0000; margin-top: 1.3rem; padding: .8rem 1.4rem; } .form_main_success_wrap { border: var(--border-width--main) solid var(--theme--border); border-radius: var(--radius--main); background-color: var(--swatch--transparent); padding: 1.2rem; } .form_main_field_input { height: var(--size--3rem); border-top: 0 solid #000; border-bottom-style: solid; border-right: 0 solid #000; border-bottom-width: var(--border-width--main); border-bottom-color: var(--theme--border); font-size: var(--text-large--font-size); line-height: var(--text-large--line-height); color: inherit; background-color: #0000; border-left: 0 solid #000; border-radius: 0; margin-bottom: 0; padding: 0; } .form_main_field_input:focus { border-bottom-color: var(--theme--text); } .form_main_field_input::placeholder { color: color-mix(in srgb, var(--theme--text) 60%, transparent); } .form_main_field_input.is-message { padding-top: var(--size--0-5rem); width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: 5rem; max-height: 10rem; } .u-weight-medium { font-weight: var(--font--primary-medium); } .form_main_field_wrap { text-align: left; width: 100%; } .form_main_option_link { width: var(--size--1-5rem); height: var(--size--1-5rem); margin: 0px var(--space--extra-small) 0px 0px; border-width: var(--border-width--main); border-color: var(--theme--border); border-radius: var(--radius--small); } .form_main_option_link.w--redirected-checked { border-color: var(--swatch--brand); border-radius: var(--radius--small); background-color: var(--swatch--brand); background-size: 60%; } .form_main_option_link.radio { border-radius: var(--radius--round); } .form_main_option_item { margin-bottom: 0; padding-left: 0; } .u-hflex-left-center { flex-flow: row; place-content: center flex-start; align-items: center; display: flex; } .u-hflex-wrap { flex-flow: wrap; } .u-gap-small { grid-column-gap: var(--space--small); grid-row-gap: var(--space--small); } .u-gap-medium { grid-column-gap: var(--space--medium); grid-row-gap: var(--space--medium); } .u-vflex-left-center { flex-flow: column; place-content: flex-start center; align-items: flex-start; display: flex; } .form_main_wrap { width: 100%; margin-bottom: 0; } .styleguide_card_wrap { padding: var(--space--small); border: var(--border-width--main) solid var(--theme--border); border-radius: var(--radius--main); height: 100%; position: relative; overflow: hidden; } .u-vflex-left-between { flex-flow: column; place-content: flex-start space-between; align-items: flex-start; display: flex; } .u-grid-column-2 { grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-2); display: grid; } .u-text-h6 { font-family: var(--h6--font-family); font-size: var(--h6--font-size); line-height: var(--h6--line-height); letter-spacing: var(--h6--letter-spacing); font-style: italic; font-weight: var(--h6--font-weight); text-transform: var(--h6--text-transform); } .styleguide_group { padding-top: var(--space--large); } .u-vflex-stretch-top { flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .styleguide_scroll { padding-left: var(--padding-horizontal--main); grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); margin-left: calc(var(--padding-horizontal--main) * -1); scrollbar-color: var(--theme--text) transparent; grid-template-rows: auto; grid-template-columns: minmax(16rem, 1fr); grid-auto-columns: minmax(16rem, 1fr); grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; display: grid; overflow: auto; -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); } .styleguide_icon { width: var(--size--3rem); height: var(--size--3rem); } .u-vflex-center-center { flex-flow: column; place-content: center; align-items: center; display: flex; } .g_tag_wrap { padding: var(--size--0-5rem) var(--size--0-75rem); border-radius: var(--radius--small); background-color: var(--theme--text); color: var(--theme--background); line-height: var(--line-height--9em); text-align: center; min-width: 4rem; display: inline-block; } .u-text-h2 { font-family: var(--h2--font-family); font-size: var(--h2--font-size); line-height: var(--h2--line-height); letter-spacing: var(--h2--letter-spacing); font-style: italic; font-weight: var(--h2--font-weight); text-transform: var(--h2--text-transform); } .styleguide_section { padding-top: var(--space--large); } .styleguide_visual { padding: var(--space--extra-small); aspect-ratio: 3 / 1.5; border: var(--border-width--main) solid var(--theme--border); border-radius: var(--radius--small); text-align: center; width: 100%; max-height: 7rem; position: relative; overflow: hidden; } .u-sr-only { white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .u-cover { width: 100%; height: 100%; } .u-display-none { display: none; } .u-visual-wrap { aspect-ratio: 1; border-radius: var(--radius--main); width: 100%; position: relative; overflow: hidden; } .u-max-width-none { max-width: none; } .u-height-screen { min-height: 100svh; } .u-hflex-center-center { flex-flow: row; place-content: center; align-items: center; display: flex; } .u-gap-main { grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); } .styleguide_card_visual { border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); opacity: .1; pointer-events: none; background-color: currentColor; width: 100%; min-width: 3rem; min-height: 3rem; } .u-gap-row-large { grid-row-gap: var(--space--large); } .u-gap-row-medium { grid-row-gap: var(--space--medium); } .u-gap-row-small { grid-row-gap: var(--space--small); } .u-gap-row-xsmall { grid-row-gap: var(--space--extra-small); } .u-gap-row-main { grid-row-gap: var(--grid-gap--main); } .u-gap-row-none { grid-row-gap: var(--size--0rem); } .u-gap-large { grid-column-gap: var(--space--large); grid-row-gap: var(--space--large); } .u-gap-xsmall { grid-column-gap: var(--space--extra-small); grid-row-gap: var(--space--extra-small); } .u-gap-none { grid-column-gap: var(--size--0rem); grid-row-gap: var(--size--0rem); } .u-order-last-tablet { order: 1; } .u-grid-custom { grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-1); display: grid; } .u-order-last-desktop, .u-order-last { order: 1; } .u-order-first-tablet, .u-order-first-desktop, .u-order-first { order: -1; } .u-column-12 { grid-column: auto / span 12; } .u-column-11 { grid-column: auto / span 11; } .u-column-10 { grid-column: auto / span 10; } .u-column-9 { grid-column: auto / span 9; } .u-column-8 { grid-column: auto / span 8; } .u-column-7 { grid-column: auto / span 7; } .u-column-6 { grid-column: auto / span 6; } .u-column-5 { grid-column: auto / span 5; } .u-column-4 { grid-column: auto / span 4; } .u-column-3 { grid-column: auto / span 3; } .u-column-2 { grid-column: auto / span 2; } .u-column-1 { grid-column: auto / span 1; } .u-column-indent { grid-column: 2 / -2; } .u-column-full { grid-column: 1 / -1; } .u-column-custom { grid-column: auto / span 1; } .u-grid-subgrid { grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: subgrid; grid-column-gap: inherit; grid-row-gap: inherit; grid-column: auto / span 1; display: grid; } .u-grid-autofit { grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); grid-auto-columns: minmax(0, 1fr); display: grid; } .u-grid-column-4 { grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-4); display: grid; } .u-grid-column-3 { grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-3); display: grid; } .u-grid-landscape, .u-grid-tablet, .u-grid-desktop { grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-main); display: grid; } .u-grid-breakout { grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-breakout); display: grid; } .u-flex-noshrink { flex: none; } .styleguide_flex_wrap { aspect-ratio: 1; background-image: url('../images/dots.svg'); background-position: 50%; background-repeat: no-repeat; background-size: 88%; flex-flow: column; width: 100%; display: flex; container-type: inline-size; } .u-flex-grow { flex: 1; } .u-flex-shrink { flex: 0 auto; } .styleguide_flex_dot { opacity: .1; pointer-events: none; background-color: currentColor; border-radius: 100vw; min-width: 16cqw; min-height: 16cqw; } .u-vflex-wrap { flex-flow: column wrap; } .u-vflex-stretch-between { flex-flow: column; justify-content: space-between; align-items: stretch; display: flex; } .u-vflex-stretch-bottom { flex-flow: column; justify-content: flex-end; align-items: stretch; display: flex; } .u-vflex-stretch-center { flex-flow: column; justify-content: center; align-items: stretch; display: flex; } .u-vflex-right-between { flex-flow: column; place-content: flex-end space-between; align-items: flex-end; display: flex; } .u-vflex-right-bottom { flex-flow: column; place-content: flex-end; align-items: flex-end; display: flex; } .u-vflex-right-center { flex-flow: column; place-content: flex-end center; align-items: flex-end; display: flex; } .u-vflex-right-top { flex-flow: column; place-content: flex-end flex-start; align-items: flex-end; display: flex; } .u-vflex-center-between { flex-flow: column; place-content: center space-between; align-items: center; display: flex; } .u-vflex-center-bottom { flex-flow: column; place-content: center flex-end; align-items: center; display: flex; } .u-vflex-center-top { flex-flow: column; place-content: center flex-start; align-items: center; display: flex; } .u-vflex-left-bottom { flex-flow: column; place-content: flex-start flex-end; align-items: flex-start; display: flex; } .u-vflex-left-top { flex-flow: column; place-content: flex-start; align-items: flex-start; display: flex; } .u-hflex-between-stretch { flex-flow: row; place-content: stretch space-between; align-items: stretch; display: flex; } .u-hflex-between-bottom { flex-flow: row; place-content: flex-end space-between; align-items: flex-end; display: flex; } .u-hflex-between-center { flex-flow: row; place-content: center space-between; align-items: center; display: flex; } .u-hflex-between-top { flex-flow: row; place-content: flex-start space-between; align-items: flex-start; display: flex; } .u-hflex-right-stretch { flex-flow: row; place-content: stretch flex-end; align-items: stretch; display: flex; } .u-hflex-right-bottom { flex-flow: row; place-content: flex-end; align-items: flex-end; display: flex; } .u-hflex-right-center { flex-flow: row; place-content: center flex-end; align-items: center; display: flex; } .u-hflex-right-top { flex-flow: row; place-content: flex-start flex-end; align-items: flex-start; display: flex; } .u-hflex-center-stretch { flex-flow: row; place-content: stretch center; align-items: stretch; display: flex; } .u-hflex-center-bottom { flex-flow: row; place-content: flex-end center; align-items: flex-end; display: flex; } .u-hflex-center-top { flex-flow: row; place-content: flex-start center; align-items: flex-start; display: flex; } .u-hflex-left-stretch { flex-flow: row; place-content: stretch flex-start; align-items: stretch; display: flex; } .u-hflex-left-bottom { flex-flow: row; place-content: flex-end flex-start; align-items: flex-end; display: flex; } .u-hflex-left-top { flex-flow: row; place-content: flex-start; align-items: flex-start; display: flex; } .u-color-faded { color: color-mix(in srgb, var(--theme--text) 60%, transparent); } .u-color-inherit { color: inherit; } .u-text-main { font-family: var(--text-main--font-family); font-size: var(--text-main--font-size); line-height: var(--text-main--line-height); letter-spacing: var(--text-main--letter-spacing); font-weight: var(--text-main--font-weight); text-transform: var(--text-main--text-transform); } .u-text-h5 { font-family: var(--h5--font-family); font-size: var(--h5--font-size); line-height: var(--h5--line-height); letter-spacing: var(--h5--letter-spacing); font-style: italic; font-weight: var(--h5--font-weight); text-transform: var(--h5--text-transform); } .u-rich-text h1 { margin-top: var(--space--small); margin-bottom: var(--space--extra-small); font-family: var(--h1--font-family); font-size: var(--h1--font-size); line-height: var(--h1--line-height); letter-spacing: var(--h1--letter-spacing); font-weight: var(--h1--font-weight); text-transform: var(--h1--text-transform); } .u-rich-text p { margin-top: var(--space--extra-small); margin-bottom: var(--space--extra-small); color: var(--theme--text-secondary); display: block; } .u-rich-text h2 { margin-top: var(--space--small); margin-bottom: var(--space--extra-small); font-family: var(--h2--font-family); font-size: var(--h2--font-size); line-height: var(--h2--line-height); letter-spacing: var(--h2--letter-spacing); font-weight: var(--h2--font-weight); text-transform: var(--h2--text-transform); } .u-rich-text h3 { margin-top: var(--space--small); margin-bottom: var(--space--extra-small); font-family: var(--h3--font-family); font-size: var(--h3--font-size); line-height: var(--h3--line-height); letter-spacing: var(--h3--letter-spacing); font-weight: var(--h3--font-weight); text-transform: var(--h3--text-transform); } .u-rich-text h4 { margin-top: var(--space--small); margin-bottom: var(--space--extra-small); font-family: var(--h4--font-family); font-size: var(--h4--font-size); line-height: var(--h4--line-height); letter-spacing: var(--h4--letter-spacing); font-weight: var(--h4--font-weight); text-transform: var(--h4--text-transform); } .u-rich-text h5 { margin-top: var(--space--small); margin-bottom: var(--space--extra-small); font-family: var(--h5--font-family); font-size: var(--h5--font-size); line-height: var(--h5--line-height); letter-spacing: var(--h5--letter-spacing); font-weight: var(--h5--font-weight); text-transform: var(--h5--text-transform); } .u-rich-text h6 { margin-top: var(--space--small); margin-bottom: var(--space--extra-small); font-family: var(--h6--font-family); font-size: var(--h6--font-size); line-height: var(--h6--line-height); letter-spacing: var(--h6--letter-spacing); font-weight: var(--h6--font-weight); text-transform: var(--h6--text-transform); } .u-rich-text figure { margin-top: var(--space--small); margin-bottom: var(--space--small); } .u-rich-text ul { margin-top: var(--size--0-75rem); margin-bottom: var(--size--0-75rem); padding-left: var(--size--1-25rem); list-style-type: disc; } .u-rich-text li { margin-top: var(--size--0-25rem); margin-bottom: var(--size--0-25rem); } .u-rich-text blockquote { margin-top: var(--size--2rem); margin-bottom: var(--size--2rem); padding-top: var(--size--0-5rem); padding-bottom: var(--size--0-5rem); padding-left: var(--size--1rem); font-family: var(--text-large--font-family); font-size: var(--text-large--font-size); line-height: var(--text-large--line-height); letter-spacing: var(--text-large--letter-spacing); font-weight: var(--text-large--font-weight); text-transform: var(--text-large--text-transform); border-left-style: solid; border-left-width: .2rem; } .u-rich-text ol { padding-left: var(--size--1-25rem); list-style-type: decimal; } .u-text-wrap-pretty { text-wrap: pretty; } .u-text-wrap-balance { text-wrap: balance; } .u-text-wrap-wrap { text-wrap: wrap; } .u-text-align-right { text-align: right; } .u-text-align-center { text-align: center; } .u-text-align-left { text-align: left; } .u-weight-bold { font-weight: var(--font--primary-bold); } .u-weight-regular { font-weight: var(--font--primary-regular); } .u-text-small { font-family: var(--text-small--font-family); font-size: var(--text-small--font-size); line-height: var(--text-small--line-height); letter-spacing: var(--text-small--letter-spacing); font-weight: var(--text-small--font-weight); text-transform: var(--text-small--text-transform); } .styleguide_font_item { border-bottom: var(--border-width--main) solid var(--theme--border); } .styleguide_font_item.u-grid-column-2 { padding-top: var(--space--small); padding-bottom: var(--space--small); grid-row-gap: var(--space--extra-small); grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr)); align-items: center; } .u-text-large { font-family: var(--text-large--font-family); font-size: var(--text-large--font-size); line-height: var(--text-large--line-height); letter-spacing: var(--text-large--letter-spacing); font-weight: var(--text-large--font-weight); text-transform: var(--text-large--text-transform); } .u-text-h4 { font-family: var(--h4--font-family); font-size: var(--h4--font-size); line-height: var(--h4--line-height); letter-spacing: var(--h4--letter-spacing); font-style: italic; font-weight: var(--h4--font-weight); text-transform: var(--h4--text-transform); } .u-text-h3 { font-family: var(--h3--font-family); font-size: var(--h3--font-size); line-height: var(--h3--line-height); letter-spacing: var(--h3--letter-spacing); font-style: italic; font-weight: var(--h3--font-weight); text-transform: var(--h3--text-transform); } .u-text-h1 { font-family: var(--h1--font-family); font-size: var(--h1--font-size); line-height: var(--h1--line-height); letter-spacing: var(--h1--letter-spacing); font-style: italic; font-weight: var(--h1--font-weight); text-transform: var(--h1--text-transform); } .u-text-display { font-family: var(--display--font-family); font-size: var(--display--font-size); line-height: var(--display--line-height); letter-spacing: var(--display--letter-spacing); font-style: italic; font-weight: var(--display--font-weight); text-transform: var(--display--text-transform); } .styleguide_nav_sub_link { padding-top: var(--size--0-125rem); padding-bottom: var(--size--0-125rem); padding-left: var(--size--1-25rem); opacity: .6; line-height: 1.3em; display: block; } .styleguide_nav_sub_link:hover, .styleguide_nav_sub_link.w--current { opacity: 1; } .styleguide_nav_sub_list { overflow: hidden; } .styleguide_nav_sub_wrap { grid-template-rows: 0fr; grid-template-columns: minmax(0, 1fr); transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: grid; } .styleguide_nav_link { padding-top: var(--size--0-125rem); padding-bottom: var(--size--0-125rem); padding-left: var(--size--0-75rem); display: block; } .styleguide_nav_link.w--current { border-left-style: solid; border-left-width: var(--border-width--main); border-left-color: currentColor; } .styleguide_nav_item { margin-left: calc(var(--border-width--main) * -.5); } .styleguide_nav_list { border-left: var(--border-width--main) solid var(--theme--border); } .styleguide_nav_wrap { padding-top: var(--size--1rem); padding-right: var(--size--1rem); padding-bottom: var(--size--1rem); padding-left: var(--size--1rem); border-top-left-radius: var(--radius--small); border-top-right-radius: var(--radius--small); border-bottom-left-radius: var(--radius--small); border-bottom-right-radius: var(--radius--small); max-height: calc(100vh - var(--padding-horizontal--main) * 2); top: var(--padding-horizontal--main); grid-column-start: 10; position: sticky; overflow: auto; } .styleguide_layout { align-items: start; } .page_wrap { position: relative; overflow: clip; } .styleguide_contain-2.u-container { padding-top: var(--padding-vertical--small); padding-bottom: var(--padding-vertical--small); } .u-container-2 { max-width: var(--max-width--main); padding: var(--padding-vertical--main) var(--padding-horizontal--main); width: 100%; margin-left: auto; margin-right: auto; position: relative; } .styleguide_footer-2 { border-top: var(--border-width--main) solid var(--theme--border); text-align: center; } .form_main_error_wrap-2 { border: var(--border-width--main) solid var(--theme--border); border-radius: var(--radius--main); background-color: #0000; margin-top: 1.3rem; padding: .8rem 1.4rem; } .form_main_success_wrap-2 { border: var(--border-width--main) solid var(--theme--border); border-radius: var(--radius--main); background-color: var(--swatch--transparent); padding: 1.2rem; } .form_main_field_input-2 { height: var(--size--3rem); border-top: 0 solid #000; border-bottom-style: solid; border-right: 0 solid #000; border-bottom-width: var(--border-width--main); border-bottom-color: var(--theme--border); font-size: var(--text-large--font-size); line-height: var(--text-large--line-height); color: inherit; background-color: #0000; border-left: 0 solid #000; border-radius: 0; margin-bottom: 0; padding: 0; } .form_main_field_input-2:focus { border-bottom-color: var(--theme--text); } .form_main_field_input-2::placeholder { color: color-mix(in srgb, var(--theme--text) 60%, transparent); } .form_main_field_input-2.is-message { padding-top: var(--size--0-5rem); width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: 5rem; max-height: 10rem; } .u-weight-medium-2 { font-weight: var(--font--primary-medium); } .form_main_field_wrap-2 { text-align: left; width: 100%; } .form_main_option_link-2 { width: var(--size--1-5rem); height: var(--size--1-5rem); margin: 0px var(--space--extra-small) 0px 0px; border-width: var(--border-width--main); border-color: var(--theme--border); border-radius: var(--radius--small); } .form_main_option_link-2.w--redirected-checked { border-color: var(--swatch--brand); border-radius: var(--radius--small); background-color: var(--swatch--brand); background-size: 60%; } .form_main_option_link-2.radio { border-radius: var(--radius--round); } .form_main_option_item-2 { margin-bottom: 0; padding-left: 0; } .u-hflex-left-center-2 { flex-flow: row; place-content: center flex-start; align-items: center; display: flex; } .u-hflex-wrap-2 { flex-flow: wrap; } .u-gap-small-2 { grid-column-gap: var(--space--small); grid-row-gap: var(--space--small); } .u-gap-medium-2 { grid-column-gap: var(--space--medium); grid-row-gap: var(--space--medium); } .u-vflex-left-center-2 { flex-flow: column; place-content: flex-start center; align-items: flex-start; display: flex; } .form_main_wrap-2 { width: 100%; margin-bottom: 0; } .styleguide_card_wrap-2 { padding: var(--space--small); border: var(--border-width--main) solid var(--theme--border); border-radius: var(--radius--main); height: 100%; position: relative; overflow: hidden; } .u-vflex-left-between-2 { flex-flow: column; place-content: flex-start space-between; align-items: flex-start; display: flex; } .u-grid-column-2-2 { grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-2); display: grid; } .u-text-h6-2 { font-family: var(--h6--font-family); font-size: var(--h6--font-size); line-height: var(--h6--line-height); letter-spacing: var(--h6--letter-spacing); font-weight: var(--h6--font-weight); text-transform: var(--h6--text-transform); } .styleguide_group-2 { padding-top: var(--space--large); } .u-vflex-stretch-top-2 { flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .styleguide_scroll-2 { padding-left: var(--padding-horizontal--main); grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); margin-left: calc(var(--padding-horizontal--main) * -1); scrollbar-color: var(--theme--text) transparent; grid-template-rows: auto; grid-template-columns: minmax(16rem, 1fr); grid-auto-columns: minmax(16rem, 1fr); grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; display: grid; overflow: auto; -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); } .styleguide_icon-2 { width: var(--size--3rem); height: var(--size--3rem); } .u-vflex-center-center-2 { flex-flow: column; place-content: center; align-items: center; display: flex; } .g_tag_wrap-2 { padding: var(--size--0-5rem) var(--size--0-75rem); border-radius: var(--radius--small); background-color: var(--theme--text); color: var(--theme--background); line-height: var(--line-height--9em); text-align: center; min-width: 4rem; display: inline-block; } .u-text-h2-2 { font-family: var(--h2--font-family); font-size: var(--h2--font-size); line-height: var(--h2--line-height); letter-spacing: var(--h2--letter-spacing); font-weight: var(--h2--font-weight); text-transform: var(--h2--text-transform); } .styleguide_section-2 { padding-top: var(--space--large); } .styleguide_visual-2 { padding: var(--space--extra-small); aspect-ratio: 3 / 1.5; border: var(--border-width--main) solid var(--theme--border); border-radius: var(--radius--small); text-align: center; width: 100%; max-height: 7rem; position: relative; overflow: hidden; } .u-sr-only-2 { white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .u-cover-absolute-2 { width: 100%; height: 100%; position: absolute; inset: 0%; } .u-cover-2 { width: 100%; height: 100%; } .u-display-none-2 { display: none; } .u-visual-wrap-2 { aspect-ratio: 1; border-radius: var(--radius--main); width: 100%; position: relative; overflow: hidden; } .u-max-width-none-2 { max-width: none; } .u-height-screen-2 { min-height: 100svh; } .u-hflex-center-center-2 { flex-flow: row; place-content: center; align-items: center; display: flex; } .u-gap-main-2 { grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); } .styleguide_card_visual-2 { border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); opacity: .1; pointer-events: none; background-color: currentColor; width: 100%; min-width: 3rem; min-height: 3rem; } .u-gap-row-large-2 { grid-row-gap: var(--space--large); } .u-gap-row-medium-2 { grid-row-gap: var(--space--medium); } .u-gap-row-small-2 { grid-row-gap: var(--space--small); } .u-gap-row-xsmall-2 { grid-row-gap: var(--space--extra-small); } .u-gap-row-main-2 { grid-row-gap: var(--grid-gap--main); } .u-gap-row-none-2 { grid-row-gap: var(--size--0rem); } .u-gap-large-2 { grid-column-gap: var(--space--large); grid-row-gap: var(--space--large); } .u-gap-xsmall-2 { grid-column-gap: var(--space--extra-small); grid-row-gap: var(--space--extra-small); } .u-gap-none-2 { grid-column-gap: var(--size--0rem); grid-row-gap: var(--size--0rem); } .u-order-last-tablet-2 { order: 1; } .u-grid-custom-2 { grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-1); display: grid; } .u-order-last-desktop-2, .u-order-last-2 { order: 1; } .u-order-first-tablet-2, .u-order-first-desktop-2, .u-order-first-2 { order: -1; } .u-column-12-2 { grid-column: auto / span 12; } .u-column-11-2 { grid-column: auto / span 11; } .u-column-10-2 { grid-column: auto / span 10; } .u-column-9-2 { grid-column: auto / span 9; } .u-column-8-2 { grid-column: auto / span 8; } .u-column-7-2 { grid-column: auto / span 7; } .u-column-6-2 { grid-column: auto / span 6; } .u-column-5-2 { grid-column: auto / span 5; } .u-column-4-2 { grid-column: auto / span 4; } .u-column-3-2 { grid-column: auto / span 3; } .u-column-2-2 { grid-column: auto / span 2; } .u-column-1-2 { grid-column: auto / span 1; } .u-column-indent-2 { grid-column: 2 / -2; } .u-column-full-2 { grid-column: 1 / -1; } .u-column-custom-2 { grid-column: auto / span 1; } .u-grid-subgrid-2 { grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: subgrid; grid-column-gap: inherit; grid-row-gap: inherit; grid-column: auto / span 1; display: grid; } .u-grid-autofit-2 { grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); grid-auto-columns: minmax(0, 1fr); display: grid; } .u-grid-column-4-2 { grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-4); display: grid; } .u-grid-column-3-2 { grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-3); display: grid; } .u-grid-landscape-2, .u-grid-tablet-2, .u-grid-desktop-2 { grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-main); display: grid; } .u-grid-breakout-2 { grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-breakout); display: grid; } .u-flex-noshrink-2 { flex: none; } .styleguide_flex_wrap-2 { aspect-ratio: 1; background-image: url('../images/dots.svg'); background-position: 50%; background-repeat: no-repeat; background-size: 88%; flex-flow: column; width: 100%; display: flex; container-type: inline-size; } .u-flex-grow-2 { flex: 1; } .u-flex-shrink-2 { flex: 0 auto; } .styleguide_flex_dot-2 { opacity: .1; pointer-events: none; background-color: currentColor; border-radius: 100vw; min-width: 16cqw; min-height: 16cqw; } .u-vflex-wrap-2 { flex-flow: column wrap; } .u-vflex-stretch-between-2 { flex-flow: column; justify-content: space-between; align-items: stretch; display: flex; } .u-vflex-stretch-bottom-2 { flex-flow: column; justify-content: flex-end; align-items: stretch; display: flex; } .u-vflex-stretch-center-2 { flex-flow: column; justify-content: center; align-items: stretch; display: flex; } .u-vflex-right-between-2 { flex-flow: column; place-content: flex-end space-between; align-items: flex-end; display: flex; } .u-vflex-right-bottom-2 { flex-flow: column; place-content: flex-end; align-items: flex-end; display: flex; } .u-vflex-right-center-2 { flex-flow: column; place-content: flex-end center; align-items: flex-end; display: flex; } .u-vflex-right-top-2 { flex-flow: column; place-content: flex-end flex-start; align-items: flex-end; display: flex; } .u-vflex-center-between-2 { flex-flow: column; place-content: center space-between; align-items: center; display: flex; } .u-vflex-center-bottom-2 { flex-flow: column; place-content: center flex-end; align-items: center; display: flex; } .u-vflex-center-top-2 { flex-flow: column; place-content: center flex-start; align-items: center; display: flex; } .u-vflex-left-bottom-2 { flex-flow: column; place-content: flex-start flex-end; align-items: flex-start; display: flex; } .u-vflex-left-top-2 { flex-flow: column; place-content: flex-start; align-items: flex-start; display: flex; } .u-hflex-between-stretch-2 { flex-flow: row; place-content: stretch space-between; align-items: stretch; display: flex; } .u-hflex-between-bottom-2 { flex-flow: row; place-content: flex-end space-between; align-items: flex-end; display: flex; } .u-hflex-between-center-2 { flex-flow: row; place-content: center space-between; align-items: center; display: flex; } .u-hflex-between-top-2 { flex-flow: row; place-content: flex-start space-between; align-items: flex-start; display: flex; } .u-hflex-right-stretch-2 { flex-flow: row; place-content: stretch flex-end; align-items: stretch; display: flex; } .u-hflex-right-bottom-2 { flex-flow: row; place-content: flex-end; align-items: flex-end; display: flex; } .u-hflex-right-center-2 { flex-flow: row; place-content: center flex-end; align-items: center; display: flex; } .u-hflex-right-top-2 { flex-flow: row; place-content: flex-start flex-end; align-items: flex-start; display: flex; } .u-hflex-center-stretch-2 { flex-flow: row; place-content: stretch center; align-items: stretch; display: flex; } .u-hflex-center-bottom-2 { flex-flow: row; place-content: flex-end center; align-items: flex-end; display: flex; } .u-hflex-center-top-2 { flex-flow: row; place-content: flex-start center; align-items: flex-start; display: flex; } .u-hflex-left-stretch-2 { flex-flow: row; place-content: stretch flex-start; align-items: stretch; display: flex; } .u-hflex-left-bottom-2 { flex-flow: row; place-content: flex-end flex-start; align-items: flex-end; display: flex; } .u-hflex-left-top-2 { flex-flow: row; place-content: flex-start; align-items: flex-start; display: flex; } .u-color-faded-2 { color: color-mix(in srgb, var(--theme--text) 60%, transparent); } .u-color-inherit-2 { color: inherit; } .u-text-main-2 { font-family: var(--text-main--font-family); font-size: var(--text-main--font-size); line-height: var(--text-main--line-height); letter-spacing: var(--text-main--letter-spacing); font-weight: var(--text-main--font-weight); text-transform: var(--text-main--text-transform); } .u-text-h5-2 { font-family: var(--h5--font-family); font-size: var(--h5--font-size); line-height: var(--h5--line-height); letter-spacing: var(--h5--letter-spacing); font-weight: var(--h5--font-weight); text-transform: var(--h5--text-transform); } .u-rich-text-2 h1 { margin-top: var(--space--small); margin-bottom: var(--space--extra-small); font-family: var(--h1--font-family); font-size: var(--h1--font-size); line-height: var(--h1--line-height); letter-spacing: var(--h1--letter-spacing); font-weight: var(--h1--font-weight); text-transform: var(--h1--text-transform); } .u-rich-text-2 p { margin-top: var(--space--extra-small); margin-bottom: var(--space--extra-small); } .u-rich-text-2 h2 { margin-top: var(--space--small); margin-bottom: var(--space--extra-small); font-family: var(--h2--font-family); font-size: var(--h2--font-size); line-height: var(--h2--line-height); letter-spacing: var(--h2--letter-spacing); font-weight: var(--h2--font-weight); text-transform: var(--h2--text-transform); } .u-rich-text-2 h3 { margin-top: var(--space--small); margin-bottom: var(--space--extra-small); font-family: var(--h3--font-family); font-size: var(--h3--font-size); line-height: var(--h3--line-height); letter-spacing: var(--h3--letter-spacing); font-weight: var(--h3--font-weight); text-transform: var(--h3--text-transform); } .u-rich-text-2 h4 { margin-top: var(--space--small); margin-bottom: var(--space--extra-small); font-family: var(--h4--font-family); font-size: var(--h4--font-size); line-height: var(--h4--line-height); letter-spacing: var(--h4--letter-spacing); font-weight: var(--h4--font-weight); text-transform: var(--h4--text-transform); } .u-rich-text-2 h5 { margin-top: var(--space--small); margin-bottom: var(--space--extra-small); font-family: var(--h5--font-family); font-size: var(--h5--font-size); line-height: var(--h5--line-height); letter-spacing: var(--h5--letter-spacing); font-weight: var(--h5--font-weight); text-transform: var(--h5--text-transform); } .u-rich-text-2 h6 { margin-top: var(--space--small); margin-bottom: var(--space--extra-small); font-family: var(--h6--font-family); font-size: var(--h6--font-size); line-height: var(--h6--line-height); letter-spacing: var(--h6--letter-spacing); font-weight: var(--h6--font-weight); text-transform: var(--h6--text-transform); } .u-rich-text-2 figure { margin-top: var(--space--small); margin-bottom: var(--space--small); } .u-rich-text-2 ul { margin-top: var(--size--0-75rem); margin-bottom: var(--size--0-75rem); padding-left: var(--size--1-25rem); list-style-type: disc; } .u-rich-text-2 li { margin-top: var(--size--0-25rem); margin-bottom: var(--size--0-25rem); } .u-rich-text-2 blockquote { margin-top: var(--size--2rem); margin-bottom: var(--size--2rem); padding-top: var(--size--0-5rem); padding-bottom: var(--size--0-5rem); padding-left: var(--size--1rem); font-family: var(--text-large--font-family); font-size: var(--text-large--font-size); line-height: var(--text-large--line-height); letter-spacing: var(--text-large--letter-spacing); font-weight: var(--text-large--font-weight); text-transform: var(--text-large--text-transform); border-left-style: solid; border-left-width: .2rem; } .u-rich-text-2 ol { padding-left: var(--size--1-25rem); list-style-type: decimal; } .u-text-wrap-pretty-2 { text-wrap: pretty; } .u-text-wrap-balance-2 { text-wrap: balance; } .u-text-wrap-wrap-2 { text-wrap: wrap; } .u-text-align-right-2 { text-align: right; } .u-text-align-center-2 { text-align: center; } .u-text-align-left-2 { text-align: left; } .u-weight-bold-2 { font-weight: var(--font--primary-bold); } .u-weight-regular-2 { font-weight: var(--font--primary-regular); } .u-text-small-2 { font-family: var(--text-small--font-family); font-size: var(--text-small--font-size); line-height: var(--text-small--line-height); letter-spacing: var(--text-small--letter-spacing); font-weight: var(--text-small--font-weight); text-transform: var(--text-small--text-transform); } .styleguide_font_item-2 { border-bottom: var(--border-width--main) solid var(--theme--border); } .styleguide_font_item-2.u-grid-column-2 { padding-top: var(--space--small); padding-bottom: var(--space--small); grid-row-gap: var(--space--extra-small); grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr)); align-items: center; } .u-text-large-2 { font-family: var(--text-large--font-family); font-size: var(--text-large--font-size); line-height: var(--text-large--line-height); letter-spacing: var(--text-large--letter-spacing); font-weight: var(--text-large--font-weight); text-transform: var(--text-large--text-transform); } .u-text-h4-2 { font-family: var(--h4--font-family); font-size: var(--h4--font-size); line-height: var(--h4--line-height); letter-spacing: var(--h4--letter-spacing); font-weight: var(--h4--font-weight); text-transform: var(--h4--text-transform); } .u-text-h3-2 { font-family: var(--h3--font-family); font-size: var(--h3--font-size); line-height: var(--h3--line-height); letter-spacing: var(--h3--letter-spacing); font-weight: var(--h3--font-weight); text-transform: var(--h3--text-transform); } .u-text-h1-2 { font-family: var(--h1--font-family); font-size: var(--h1--font-size); line-height: var(--h1--line-height); letter-spacing: var(--h1--letter-spacing); font-weight: var(--h1--font-weight); text-transform: var(--h1--text-transform); } .u-text-display-2 { font-family: var(--display--font-family); font-size: var(--display--font-size); line-height: var(--display--line-height); letter-spacing: var(--display--letter-spacing); font-weight: var(--display--font-weight); text-transform: var(--display--text-transform); } .styleguide_nav_sub_link-2 { padding-top: var(--size--0-125rem); padding-bottom: var(--size--0-125rem); padding-left: var(--size--1-25rem); opacity: .6; line-height: 1.3em; display: block; } .styleguide_nav_sub_link-2:hover, .styleguide_nav_sub_link-2.w--current { opacity: 1; } .styleguide_nav_sub_list-2 { overflow: hidden; } .styleguide_nav_sub_wrap-2 { grid-template-rows: 0fr; grid-template-columns: minmax(0, 1fr); transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: grid; } .styleguide_nav_link-2 { padding-top: var(--size--0-125rem); padding-bottom: var(--size--0-125rem); padding-left: var(--size--0-75rem); display: block; } .styleguide_nav_link-2.w--current { border-left-style: solid; border-left-width: var(--border-width--main); border-left-color: currentColor; } .styleguide_nav_item-2 { margin-left: calc(var(--border-width--main) * -.5); } .styleguide_nav_list-2 { border-left: var(--border-width--main) solid var(--theme--border); } .styleguide_nav_wrap-2 { padding-top: var(--size--1rem); padding-right: var(--size--1rem); padding-bottom: var(--size--1rem); padding-left: var(--size--1rem); border-top-left-radius: var(--radius--small); border-top-right-radius: var(--radius--small); border-bottom-left-radius: var(--radius--small); border-bottom-right-radius: var(--radius--small); max-height: calc(100vh - var(--padding-horizontal--main) * 2); top: var(--padding-horizontal--main); grid-column-start: 10; position: sticky; overflow: auto; } .styleguide_layout-2 { align-items: start; } .page_wrap-2 { overflow: clip; } .page_code_wrap { position: fixed; inset: 0% 0% auto; } .styleguide_guide_column { color: #8a8a8a80; background-color: #9292920f; height: 100vh; padding-top: .6rem; padding-bottom: .6rem; } .u-vflex-center-bottom-3 { flex-flow: column; place-content: center flex-end; align-items: center; display: flex; } .styleguide_guide_layout.u-grid-custom { grid-template-columns: var(--grid-main); } .u-grid-custom-3 { grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-1); display: grid; } .u-container-3 { max-width: var(--max-width--main); padding: var(--padding-vertical--main) var(--padding-horizontal--main); width: 100%; margin-left: auto; margin-right: auto; position: relative; } .styleguide_guide_wrap { z-index: 2000; pointer-events: none; display: block; position: fixed; inset: 0% 0% auto; overflow: hidden; } .btn_main_icon { order: -1; width: .7rem; height: .9rem; } .btn_main_icon.is-default { order: 1; } .u-flex-noshrink-3 { flex: none; } .btn_main_text { z-index: 2; position: relative; } .btn_main_layout { margin-left: auto; margin-right: auto; } .u-gap-xsmall-3 { grid-column-gap: var(--space--extra-small); grid-row-gap: var(--space--extra-small); } .u-hflex-center-center-3 { flex-flow: row; place-content: center; align-items: center; display: flex; } .btn_main_wrap { padding: var(--size--0-75rem) var(--size--1-5rem); border: var(--border-width--main) solid var(--button--border); border-radius: var(--radius--round); background-color: var(--button--background); color: var(--button--text); line-height: 1; transition: border-color .2s, color .2s, background-color .2s; display: inline-block; position: relative; } .btn_main_wrap:hover { border-color: var(--button--border-hover); background-color: var(--button--background-hover); color: var(--button--text-hover); } .btn_play_icon { width: 36%; height: 36%; margin-right: -7%; } .btn_play_wrap { width: var(--size--5rem); aspect-ratio: 1; border: var(--border-width--main) solid var(--button--border); border-radius: var(--radius--round); background-color: var(--button--background); color: var(--button--text); transition: border-color .2s, color .2s, background-color .2s; position: relative; } .btn_play_wrap:hover { border-color: var(--button--border-hover); background-color: var(--button--background-hover); color: var(--button--text-hover); } .u-hflex-center-center-4 { flex-flow: row; place-content: center; align-items: center; display: flex; } .u-text-main-3 { font-family: var(--text-main--font-family); font-size: var(--text-main--font-size); line-height: var(--text-main--line-height); letter-spacing: var(--text-main--letter-spacing); font-weight: var(--text-main--font-weight); text-transform: var(--text-main--text-transform); } .g_eyebrow_marker { width: var(--border-width--main); background-color: currentColor; padding-bottom: 0; padding-right: 0; } .u-flex-noshrink-4 { flex: none; } .u-gap-xsmall-4 { grid-column-gap: var(--space--extra-small); grid-row-gap: var(--space--extra-small); } .u-hflex-left-stretch-3 { flex-flow: row; place-content: stretch flex-start; align-items: stretch; display: flex; } .g_visual_overlay { background-color: #000; } .u-cover-absolute-3 { width: 100%; height: 100%; position: absolute; inset: 0%; } .g_visual_background { opacity: .1; background-color: currentColor; } .u-sr-only-3 { white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .g_clickable_btn { border-radius: inherit; } .u-cover-absolute-4 { width: 100%; height: 100%; position: absolute; inset: 0%; } .g_clickable_link { border-radius: inherit; } .g_clickable_wrap { z-index: 3; border-radius: inherit; } .g_card-link_wrap { z-index: 3; opacity: 0; } .u-cover-absolute-5 { width: 100%; height: 100%; position: absolute; inset: 0%; } .body { font-family: var(--text-main--font-family); font-size: var(--text-main--font-size); line-height: var(--text-main--line-height); } .nav_wrap { z-index: 1000; position: relative; inset: 0% 0% auto; } .nav_contain.u-container { padding-top: var(--padding-vertical--xsmall); padding-bottom: var(--padding-vertical--xsmall); } .navbar-logo-left-container { z-index: 5; background-color: #0000; width: 1030px; max-width: 100%; margin-left: auto; margin-right: auto; padding: 15px 20px; } .navbar-logo-left-container.shadow-three { width: 100%; max-width: 1140px; margin-bottom: 0; padding-top: 20px; padding-bottom: 20px; } .container-4 { width: 100%; max-width: 940px; margin-left: auto; margin-right: auto; } .navbar-wrapper { justify-content: space-between; align-items: center; display: flex; } .nav-menu-two { justify-content: space-between; align-items: center; margin-bottom: 0; display: flex; } .nav-link { color: #1a1b1f; letter-spacing: .25px; margin-left: 5px; margin-right: 5px; padding: 5px 10px; font-size: 14px; line-height: 20px; text-decoration: none; } .nav-link:hover { color: #1a1b1fbf; } .nav-link:focus-visible, .nav-link[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 4px; outline: 2px solid #0050bd; } .nav-dropdown { margin-left: 5px; margin-right: 5px; } .nav-dropdown-toggle { letter-spacing: .25px; padding: 5px 30px 5px 10px; font-size: 14px; line-height: 20px; } .nav-dropdown-toggle:hover { color: #1a1b1fbf; } .nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; } .nav-dropdown-icon { margin-right: 10px; } .nav-dropdown-list { background-color: #fff; border-radius: 12px; } .nav-dropdown-list.w--open { padding-top: 10px; padding-bottom: 10px; } .nav-dropdown-link { padding-top: 5px; padding-bottom: 5px; font-size: 14px; } .nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] { outline-offset: 0px; color: #0050bd; border-radius: 5px; outline: 2px solid #0050bd; } .nav-divider { background-color: #e4ebf3; width: 1px; height: 22px; margin-left: 15px; margin-right: 15px; } .nav-link-accent { color: #1a1b1f; letter-spacing: .25px; margin-left: 5px; margin-right: 20px; padding: 5px 10px; font-size: 14px; font-weight: 700; line-height: 20px; text-decoration: none; } .nav-link-accent:hover { color: #1a1b1fbf; } .button-primary-2 { color: #fff; letter-spacing: 2px; text-transform: uppercase; background-color: #1a1b1f; padding: 12px 25px; font-size: 12px; line-height: 20px; transition: all .2s; } .button-primary-2:hover { color: #fff; background-color: #32343a; } .button-primary-2:active { background-color: #43464d; } .hero_contain.u-container { padding-top: var(--padding-vertical--none); padding-bottom: var(--padding-vertical--none); } .hero_layout { position: relative; } .hero_layout.u-grid-custom { grid-template-columns: repeat(10, minmax(0, 1fr)); min-height: 40rem; position: relative; } .hero_layout.u-grid-column-2 { position: relative; } .hero_col_1 { z-index: 5; grid-column: 2 / span 5; position: relative; } .hero_col_1.u-vflex-center-center { grid-column-gap: var(--space--small); grid-row-gap: var(--space--small); } .header_title_lead.u-text-large { color: var(--theme--text-secondary); max-width: 22rem; } .cards_cms_list.u-grid-custom { grid-template-columns: repeat(3, minmax(0, 1fr)); } .how-it-works_contain.u-container.u-vflex-center-between { padding-bottom: var(--padding-vertical--small); } .how-it-works_info_wrap.u-grid-custom-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .how-it-works_info_wrap.u-grid-custom { grid-template-columns: repeat(1, minmax(0, 1fr)); } .how-it-works_title.u-text-h3 { color: var(--theme--text); line-height: var(--h3--line-height); } .how-it-works_copy.u-text-large { color: var(--theme--text-secondary); } .step_copy.u-text-small { color: var(--theme--text-secondary); max-width: 74%; } .card_wrap { padding: 1rem 1rem var(--padding-vertical--xsmall); border-radius: var(--radius--small); background-color: var(--swatch--white); width: 100%; height: 100%; transition: box-shadow .3s; position: relative; } .card_wrap:hover { box-shadow: 0 2px 8px #0003; } .card_inner { position: relative; } .home_plants_contain.u-container { padding-bottom: var(--padding-vertical--small); text-align: center; } .home_plants_heading.u-text-h2.text-align-center.margin-bottom { margin-bottom: var(--space--medium); } .card_title.u-text-h5 { line-height: var(--h1--line-height); text-align: left; } .card_caption.u-text-small.u-line-clamp-2 { color: var(--theme--text-secondary); text-align: left; } .how-it-works_column_1 { grid-column: auto / span 5; } .how-it-works_column_2 { grid-column: 7 / span 6; } .step_image_2 { z-index: 10; color: var(--jasmine); -webkit-text-stroke-color: var(--isabelline); width: 4rem; position: relative; overflow: clip; } .step_image_3 { z-index: 10; color: #f9ca94; -webkit-text-stroke-color: var(--isabelline); width: 4rem; position: relative; overflow: clip; } .u-margin-bottom { margin-bottom: var(--space--small); } .home_blog_contain.u-container.text-align-center { padding-top: var(--padding-vertical--small); padding-bottom: var(--padding-vertical--small); } .card_content_wrap.u-vflex-left-between.u-gap-row-xsmall { grid-column-gap: .5rem; grid-row-gap: .5rem; } .cta_copy.u-text-large { color: var(--theme--text-secondary); } .accordion_icon { width: 1.5rem; } .faq_contain.u-container { padding-top: var(--padding-vertical--small); text-align: center; } .faq_contain.u-container.u-grid-custom { grid-template-columns: var(--grid-12); } .faq_answer { margin-top: 1rem; } .slider_settings_value.u-text-small { color: var(--theme--text-secondary); } .footer_contain.u-container { padding-top: var(--padding-vertical--small); } .newsletter_contain { text-align: center; } .nav_link_text { color: var(--link); } .nav_link_text.w--current { color: var(--swatch--dark-secondary); text-decoration: underline; } .nav_link_text.u-text-main { font-weight: 400; } .faq_question { text-align: left; } .tidbits_heading { text-align: center; } .pests_contain { text-align: left; } .pests_contain.u-container.u-vflex-center-between.u-gap-small { padding-bottom: var(--padding-vertical--xsmall); } .pests_heading, .blog_heading, .plants_heading { text-align: center; } .hero_col_2 { padding-top: var(--padding-vertical--xsmall); grid-column: 6 / span 5; justify-content: flex-end; align-items: center; width: 100%; height: 100%; position: absolute; } .hero_col_2.u-vflex-center-center { grid-column: 5 / span 6; } .hero_image { object-fit: contain; max-height: 40rem; } .article_meta_wrap.u-hflex-right-center { width: 100%; } .article_meta_wrap.u-hflex-left-center.u-text-small { grid-column-gap: .2rem; grid-row-gap: .2rem; color: var(--theme--text-secondary); } .follow_wrap.u-vflex-center-between { padding-bottom: var(--padding-vertical--xsmall); grid-column-gap: var(--space--extra-small); grid-row-gap: var(--space--extra-small); } .g { object-fit: contain; } .article_meta_link { cursor: pointer; } .share_heading { text-align: center; } .share_contain.u-container { padding-top: var(--padding-vertical--xsmall); padding-bottom: var(--padding-vertical--small); } .share_buttons_wrap.u-hflex-center-center { grid-column-gap: var(--space--large); grid-row-gap: var(--space--large); justify-content: center; } .share_buttons_wrap.u-hflex-between-center { grid-column-gap: var(--space--medium); grid-row-gap: var(--space--medium); } .feather-readings_wrap { background-color: var(--background-darker); } .feather-readings_contain.u-container.text-align-center { padding-top: var(--padding-vertical--small); padding-bottom: var(--padding-vertical--small); } .article_content_wrap.u-column-10 { grid-column-start: 2; } .article_content_wrap.u-column-8 { grid-column-start: 3; } .article_content_wrap.u-column-8.u-vflex-center-between { grid-column-gap: var(--padding-vertical--xsmall); grid-row-gap: var(--padding-vertical--xsmall); } .article_content_wrap.u-column-8.u-vflex-center-top.u-gap-small { grid-column: 4 / span 6; } .article_hero_wrap.u-vflex-center-between { grid-column-gap: var(--space--extra-small); grid-row-gap: var(--space--extra-small); } .u-highlight-contain { padding: var(--padding-vertical--xsmall); border-radius: var(--radius--small); background-color: var(--background-darker); width: 100%; overflow: hidden; } .email-form_button.button.filled { border-radius: .25rem; margin-top: 0; } .list-item { font-size: var(--text-small--font-size); } .heading-7 { font-family: var(--all-headings--heading-font-family); font-size: var(--h4--font-size); line-height: var(--h4--line-height); font-weight: 700; } .u-highlight-secondary-contain { padding: var(--padding-vertical--xsmall); border-radius: var(--radius--small); background-color: var(--swatch--white); width: 100%; } .is-hidden { display: none; } .lightbox-link-5 { white-space: normal; word-break: normal; mix-blend-mode: normal; padding: 0 0 1rem; font-size: .8rem; font-weight: 400; } .card_link { z-index: 3; border-radius: inherit; width: 100%; height: 100%; position: absolute; inset: 0%; } .link-block-2 { height: 100%; } .team_heading.u-text-h1, .team_lead { text-align: center; } .teammember_card { padding: 1rem 1rem var(--padding-vertical--xsmall); border-radius: var(--radius--small); background-color: var(--background-darker); width: 100%; height: 100%; transition: box-shadow .3s; position: relative; } .teammember_card:hover { box-shadow: 0 2px 8px #0003; } .teammember_header.u-hflex-between-center { justify-content: space-between; } .press-mentions_contain.u-container { padding-top: var(--padding-vertical--small); padding-bottom: var(--padding-vertical--xsmall); } .carousell { padding-top: var(--padding-vertical--xsmall); padding-bottom: var(--padding-vertical--xsmall); border-radius: var(--radius--round); background-color: var(--factoids-background); display: flex; overflow: hidden; } .logos_container { grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); justify-content: space-around; min-width: 100%; display: flex; position: relative; } .press_logo { opacity: .7; max-height: 2rem; } .heading-8 { border-bottom-style: none; } .add-block { text-align: center; align-self: center; width: 300px; } .div-block-3 { width: 336px; } .div-block-4 { width: 300px; } .code-embed { text-align: center; } .div-block-5 { width: 300px; } .code-embed-2 { text-align: center; width: 300px; } .mid_page_cta.u-container { padding-top: var(--padding-vertical--xsmall); padding-bottom: var(--padding-vertical--xsmall); padding-left: var(--padding-vertical--xsmall); border-radius: var(--radius--small); background-color: #e9f0e8; } .mid_page_cta_image { max-width: 30%; position: absolute; inset: 30% 1.5rem 0% auto; } .mid_page_cta_content.u-vflex-left-between { grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); max-width: 70%; } .email-form_button-copy.button.filled, .mid_page_cta_button.button.filled { border-radius: .25rem; margin-top: 0; } .lightbox-link-6 { display: inline-block; } .rich-text-html3 { width: 100%; height: 10em; overflow: hidden; } .rich-text-html3.u-highlight-contain { height: 20em; } .blocked-content-overlay { z-index: 2; padding-top: var(--padding-vertical--xsmall); padding-right: var(--padding-vertical--xsmall); padding-left: var(--padding-vertical--xsmall); background-image: linear-gradient(180deg, #f6f2eb00, var(--background-darker) 72%); justify-content: center; align-items: flex-end; width: 100%; height: 100%; display: flex; position: absolute; } .blocked-content-overlay.rich-text-html3 { background-image: linear-gradient(#0000, #f6f2eb); } .blocked-content-wrap { z-index: 1; position: relative; } .text-field-2 { box-sizing: border-box; float: none; clear: both; object-fit: fill; position: relative; overflow: auto; } .form-3 { width: 80%; } .form-block-2 { clear: none; background-color: #f6f2eb; margin-top: 25%; margin-left: 10%; margin-right: 10%; padding: 1em 2em; } .form-block-2.email-capture-form { text-align: left; box-shadow: 0 0 1em 1em #5b5d5980; } .grid-2 { grid-template-rows: auto; } .email-blocker-form.question { margin-bottom: 0; } .email-blocker-form.subscribe { border-radius: var(--radius--small); background-color: var(--swatch--brand); } .email-blocker-form.u-highlight-contain.u-vflex-stretch-top { border-radius: var(--radius--small); mix-blend-mode: normal; display: block; box-shadow: 0 2px 16px #0003; } .blocker-email-wraper { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-template-rows: auto auto; grid-template-columns: 2fr; grid-auto-columns: 1fr; grid-auto-flow: row; align-content: center; justify-items: stretch; display: grid; } .blocked-content-richtext.u-highlight-contain { max-height: 30rem; } .blocked-content-richtext.rich-text-html2, .blog_cheatsheet.rich-text-html1, .blog_faq.rich-text-html1, .plants_cheatsheet.rich-text-html1, .plants_faq.rich-text-html1 { column-count: 1; } .rich-text-block-2 { display: none; } .game_container.u-highlight-contain { background-color: var(--swatch--brand); } .game_container.u-highlight-contain.u-vflex-stretch-between.u-column-6 { grid-column-start: 4; } .game_container.u-highlight-contain.u-vflex-stretch-between.u-column-8 { grid-column-start: 3; } .game_button.button.filled { background-color: var(--button--text); } .game_share_wrap.u-hflex-left-center { padding-top: 1rem; } .game_share_wrap.u-vflex-center-top { margin-top: 1rem; } .game_share_icon { width: var(--text-main--font-size); } .game_share_link-block.u-hflex-left-center { grid-column-gap: .25rem; grid-row-gap: .25rem; } .game_rich-text h3 { font-size: var(--h5--font-size); line-height: var(--h5--line-height); font-weight: 700; } .game_rich-text h2 { font-size: var(--h4--font-size); line-height: var(--h5--line-height); font-weight: 700; } .game_rich-text h1 { font-size: var(--h5--font-size); line-height: var(--h5--line-height); font-weight: 700; } .game_rich-text p { font-size: var(--text-main--font-size); line-height: var(--text-main--line-height); letter-spacing: var(--text-main--letter-spacing); margin-bottom: .5rem; font-weight: 300; text-decoration: none; transition: opacity .2s; } .game_rich-text li { font-size: var(--text-main--font-size); line-height: var(--text-main--line-height); } .game_rich-text a { text-decoration: none; } .heading-9 { font-family: var(--all-headings--heading-font-family); } .game_wrap { margin-left: auto; margin-right: auto; } .game_wrap.u-column-6 { grid-column-start: 4; } .game_wrap.u-column-8 { grid-column-start: 3; } .game_wrap.u-grid-custom { grid-template-columns: var(--grid-5); } .game_contain.u-container.u-grid-custom { padding-top: var(--padding-vertical--small); padding-bottom: var(--padding-vertical--small); grid-template-columns: var(--grid-12); } .utility-page-form { flex-direction: column; align-items: stretch; display: flex; } .code-embed-3, .code-embed-4 { width: 100%; min-height: 100px; } @media screen and (max-width: 991px) { .navigation.dark { grid-template-columns: 1fr 2fr 4fr; padding-top: 2rem; padding-left: 16px; padding-right: 16px; position: relative; } .navigation.dark.main { padding-left: 2rem; padding-right: 2rem; } .content_underlay.plants { padding-left: 1rem; padding-right: 1rem; } .header { padding-top: 0; padding-left: 0; padding-right: 0; } .footer-main { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 1fr .5fr 1fr; } .header__background { background-image: none; background-position: 0 0; background-repeat: repeat; background-size: auto; background-attachment: scroll; border-radius: 0; min-height: 500px; padding-top: 4rem; padding-bottom: 4rem; } .nav_links_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; } .nav_links_wrap.footer__nav { grid-column-gap: 0rem; grid-row-gap: 0rem; flex-flow: row; justify-content: center; align-items: stretch; } .nav_links_wrap.u-hflex-right-center.u-gap-xsmall { grid-column-gap: var(--space--extra-small); grid-row-gap: var(--space--extra-small); } .nav_link_item { margin-right: 1rem; } .button.button-nav { max-width: 12rem; } .usp { padding-left: 60px; padding-right: 60px; } .section--image-left { padding-left: 10px; padding-right: 60px; } .section__heading { margin-bottom: 24px; font-size: 40px; line-height: 46px; } .section__copy { font-size: 16px; } .section-image-right { padding-left: 60px; padding-right: 10px; } .faq { padding: 20px 60px 40px; } .faq_wrap.u-column-8 { grid-column: 2 / span 10; } .bottom-cta { padding-left: 16px; padding-right: 16px; } .cards-list { grid-column-gap: .75rem; grid-row-gap: .75rem; padding-left: .5rem; padding-right: .5rem; } .cards-list.plants { padding-left: .5rem; padding-right: .5rem; } .content-wrapper { width: 80%; margin-top: 1rem; margin-bottom: 1rem; } .rich_text_block h4 { margin-top: var(--space--small); font-size: var(--text-main--font-size); } .post__content { padding-top: 2rem; } .further-readings__list { max-width: 100%; } .card__link-block { cursor: pointer; } .rich-text-html2 { column-count: 2; column-gap: 20px; padding-left: 20px; padding-right: 20px; } .card__content { padding-bottom: 1rem; } .card__caption { box-sizing: border-box; max-height: 2.6rem; overflow: clip; } .search__input { min-width: 13rem; } .rich-text-html1 { column-count: 2; column-gap: 20px; padding-left: 20px; padding-right: 20px; } .text-size-large { font-size: 1.2rem; line-height: 1.6rem; } .f2wf-columns { flex-direction: column; align-items: center; } .padding-section-medium { padding-top: 4rem; padding-bottom: 4rem; } .padding-section-medium.newsletter-example { padding-bottom: 7rem; } .nl-h1 { z-index: 10; max-width: 80%; margin-bottom: 1.5rem; font-size: 6.6rem; line-height: 5.6rem; position: relative; } .nl-lead { max-width: 60%; font-size: 1.4rem; line-height: 2rem; } .nl-container { max-width: 728px; } .header__form { padding: 40px; } .footer-form-title { margin-right: 15px; } .header__form-input { width: 400px; padding-right: 180px; } .footer-wrapper-three { flex-direction: column; justify-content: flex-start; align-items: flex-start; } .footer-social-block-three { margin-top: 40px; } .team-slide-wrapper { width: 47%; margin-right: 6%; } .nl-columns { flex-direction: column; align-items: center; } .heading-style-h2 { font-size: 2.6rem; } .heading-style-h3 { margin-bottom: .5rem; font-size: 1.4rem; line-height: 1.6rem; } .container { flex-direction: column; align-items: center; } .how_component { flex-direction: column; justify-content: flex-start; align-items: flex-start; } .features-left { max-width: 100%; margin-bottom: 40px; } .features-right { max-width: 100%; } .margin-top.margin-xlarge { margin-top: 3rem; } .margin-top.margin-xsmall { margin-top: 1rem; } .how-it-works_item { padding: 2.5rem 1.5rem; } .margin-bottom.margin-medium { margin-bottom: 1rem; } .navigation-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-columns: 110px 2fr 3fr; } .follow_links_list.u-hflex-center-center { grid-column-gap: var(--max-width--none); grid-row-gap: var(--max-width--none); } .grid.how-it-works { grid-template-rows: auto; } .grid.steps { grid-column-gap: 2rem; } .grid.hero { grid-template-columns: 1fr; } .grid.example { grid-template-columns: 3fr 1fr; } .text-size-medium { font-size: 1.1rem; line-height: 1.4rem; } .header__wrap { margin-top: 10rem; } .newsletter-cta { z-index: 20; inset: auto 0% 5% auto; } .newsletter-cta.slider { inset: 10% 0% auto auto; } .newsletter-cta.newsletter-end { bottom: 10%; right: 10%; } .newsletter-cta.example-bottom { bottom: -8%; } .start-season-circle { bottom: 0%; } .hero-image { z-index: 1; opacity: .69; max-width: 70%; position: absolute; inset: -14% -5% auto auto; } .slide__container { grid-template: "." "." / auto; } .cta-text { display: none; } .body-image { float: right; text-align: center; } .navbar5_blog-list { width: 100%; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .navbar5_dropdown-content-right { align-items: flex-start; max-width: none; } .navbar5_dropdown-content { flex-direction: column; } .navbar5_menu-button.w--open { background-color: #0000; } .dropdown-chevron { inset: auto 0% auto auto; } .navbar5_menu-right { flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr; align-items: stretch; margin-top: 1.5rem; } .menu-icon { flex-direction: column; justify-content: center; align-items: center; width: 48px; height: 48px; margin-right: -.5rem; padding-bottom: 0; padding-right: 0; display: flex; } .nav_menu { border-bottom: 1px solid var(--\); background-color: var(--\); -webkit-text-fill-color: inherit; background-clip: border-box; align-items: flex-start; height: 100dvh; margin-left: 0; padding: 1rem 5% 6.5rem; transition: height .5s; position: absolute; overflow: auto; } .navbar5_dropdown-background-layer { min-width: 100%; } .navbar5_dropdown-content-left { align-content: start; align-items: start; padding-left: 0; padding-right: 0; } .navbar5_dropdown-toggle { align-items: center; padding-top: .75rem; padding-bottom: .75rem; padding-left: 0; font-size: 1.125rem; display: flex; } .navbar5_dropdown-list { position: relative; overflow: hidden; } .navbar5_dropdown-list.w--open { border-style: none; align-items: flex-start; min-width: auto; margin-bottom: 1.5rem; padding: 0 0 0; position: relative; top: 0; left: 0; right: 0; } .navbar5_large-item-content { width: 100%; } .navbar5_menu-dropdown { width: 100%; position: relative; } .menu-icon_line-middle { background-color: var(--\); justify-content: center; align-items: center; width: 24px; height: 2px; margin-top: 6px; margin-bottom: 6px; padding-bottom: 0; padding-right: 0; display: flex; } .menu-icon_line-bottom { background-color: var(--\); width: 24px; height: 2px; padding-bottom: 0; padding-right: 0; } .nav_link { width: auto; padding: .75rem 0; font-size: 1.125rem; } .menu-icon_line-top { background-color: var(--\); width: 24px; height: 2px; padding-bottom: 0; padding-right: 0; } .margin-top-2 { margin-bottom: 0; margin-left: 0; margin-right: 0; } .navbar5_dropdown-content-wrapper, .navbar5_blog-item { width: 100%; } .menu-icon_line-middle-inner { width: 4px; height: 0; padding-bottom: 0; padding-right: 0; } .padding-section-large { padding-top: 6rem; padding-bottom: 6rem; } .heading-style-h1 { font-size: 3.8rem; } .home_hero-header_content { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: baseline; max-width: 100%; display: flex; } .home_hero-header_component { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-columns: 1fr; grid-auto-flow: row; min-height: auto; } .home_how-it-works_content { grid-column-gap: 3rem; grid-row-gap: 2rem; } .home_how-it-works_list { grid-column-gap: 2rem; } .heading-style-h4 { font-size: 1.75rem; } .home_newsletter-examples_slider { width: 100vw; max-width: 100%; } .home_newsletter-examples_slide-wrapper { grid-template-rows: 60% 40%; } .home_newsletter-examples_content { margin-left: 5%; margin-right: 5%; } .home_newsletter-examples_component { grid-row-gap: 4rem; grid-template-columns: 1fr; padding-top: 6rem; } .home_features-list_column { grid-template-rows: auto; grid-template-columns: 1fr 1fr; } .home_features-list_card-large-content, .home_features-list_card-small-content { padding: 2rem; } .home_features-list_row { grid-template-columns: 1fr; } .max-width-medium { width: 60%; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .padding-bottom-2 { padding-top: 0; padding-left: 0; padding-right: 0; } .padding-vertical-2 { padding-left: 0; padding-right: 0; } .footer4_top-wrapper { grid-row-gap: 3rem; grid-template-columns: 1fr; justify-content: center; justify-items: center; } .hero-wrapper { background-position: 50% 110%; background-size: 24rem; min-height: 30rem; padding-bottom: 20rem; } .styleguide_scroll { padding-right: var(--padding-horizontal--main); margin-right: calc(var(--padding-horizontal--main) * -1); } .u-order-last-desktop, .u-order-first-desktop { order: 0; } .u-grid-column-4 { grid-template-columns: var(--grid-2); } .u-grid-desktop { flex-flow: column; display: flex; } .styleguide_nav_sub_wrap { grid-template-rows: 1fr; } .styleguide_nav_wrap { max-height: none; position: relative; top: 0; } .styleguide_layout { justify-content: flex-start; align-items: stretch; } .styleguide_scroll-2 { padding-right: var(--padding-horizontal--main); margin-right: calc(var(--padding-horizontal--main) * -1); } .u-order-last-desktop-2, .u-order-first-desktop-2 { order: 0; } .u-grid-column-4-2 { grid-template-columns: var(--grid-2); } .u-grid-desktop-2 { flex-flow: column; display: flex; } .styleguide_nav_sub_wrap-2 { grid-template-rows: 1fr; } .styleguide_nav_wrap-2 { max-height: none; position: relative; top: 0; } .styleguide_layout-2 { justify-content: flex-start; align-items: stretch; } .container-4 { max-width: 728px; } .nav-menu-wrapper { background-color: #0000; } .nav-menu-two { background-color: #fff; border-radius: 50px; flex-wrap: wrap; justify-content: space-around; align-items: center; margin-top: 10px; padding: 20px; display: flex; box-shadow: 0 8px 50px #0000000d; } .nav-link { padding-left: 5px; padding-right: 5px; } .nav-dropdown-list.shadow-three.w--open { position: absolute; } .menu-button { padding: 12px; } .menu-button.w--open { color: #fff; background-color: #a6b1bf; } .hero_layout.u-grid-custom { min-height: 30rem; } .hero_col_2.u-vflex-center-center { grid-column: 5 / span 6; justify-content: center; align-items: flex-end; } .hero_image { opacity: .85; } .article_content_wrap.u-column-8.u-vflex-center-top.u-gap-small, .game_wrap.u-column-8 { grid-column: 2 / span 10; } } @media screen and (max-width: 767px) { .navigation.dark { flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr; min-width: auto; margin-right: auto; padding-top: 2rem; padding-left: 0; padding-right: 0; font-size: 1rem; display: block; position: relative; } .content_underlay.plants { padding-left: .25rem; padding-right: .25rem; } .footer-main { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; } .footer-main.u-grid-custom { grid-column-gap: var(--space--extra-small); grid-row-gap: var(--space--extra-small); } .header__background { padding-top: 0; padding-bottom: 0; } .nav_links_wrap { margin-top: .25rem; margin-right: auto; } .nav_links_wrap.u-hflex-right-center.u-gap-xsmall { flex: 1; justify-content: center; } .nav_links_wrap.u-hflex-center-center { grid-column-gap: var(--space--small); grid-row-gap: var(--space--small); grid-column: 9 / span 3; } .nav_link_item { margin-right: 2rem; } .header__content-wrap { padding-bottom: 40px; } .heading-h1 { margin-top: 12rem; font-size: 50px; line-height: 80px; } .heading-h1.blog__heading { margin-top: auto; font-size: 3.2rem; line-height: 3.4rem; } .paragraph { margin-bottom: 40px; } .navigation__wrap { max-width: 90%; margin-left: auto; margin-right: auto; } .usp { padding-left: 20px; padding-right: 20px; } .usp__text { font-size: 13px; } .section--image-left { flex-direction: column; padding-right: 10px; } .text-wrap-half.m-left { max-width: 80%; margin-left: 0; } .text-wrap-half.m-rught { max-width: 80%; margin-right: 0; } .image-half { max-width: 80%; margin-top: 10px; margin-bottom: 10px; } .image-half.desktop { display: none; } .image-half.mobile { display: block; } .section-image-right { flex-direction: column; padding-left: 10px; } .faq, .faq_wrap { padding-left: 20px; padding-right: 20px; } .faq_wrap.u-column-8 { grid-column: 1 / span 12; } .faq__item-title-trigger { justify-content: space-between; align-items: flex-start; } .bottom-cta { padding-left: 0; padding-right: 0; } .bottom-cta__bg { border-radius: 0; } .heading-h2 { font-size: 54px; line-height: 60px; } .bottom-cta__wrap { padding-left: 40px; padding-right: 40px; } .footer__copyright { grid-column: auto / span 6; } .cards-list { grid-template-columns: 1fr 1fr; } .card_image { height: 10rem; } .card_image.u-margin-bottom { aspect-ratio: 16 / 9; height: auto; } .article_heading { font-size: 42px; line-height: 50px; } .content-wrapper { width: 90%; margin-top: 1rem; } .teammate_photo { max-width: 30%; } .footer__social-list { width: 50%; } .stylablebuttons { width: 100%; } .recommended-posts.content-wrapper { margin-top: auto; margin-bottom: auto; } .further-readings__list { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; max-width: 100%; } .further-readings.homepage__further-readings { padding-top: 1rem; padding-bottom: 2rem; } .card__link-block { height: auto; position: absolute; inset: 0%; } .rich-text-html2 { column-count: 1; padding-top: 0; padding-left: 20px; padding-right: 20px; } .rich-text__conclusion { min-width: auto; } .padding-vertical.padding-huge { padding-top: 2rem; } .search { min-width: 20rem; margin-left: auto; margin-right: 0; } .rich-text-html1 { column-count: 1; padding-top: 0; padding-left: 20px; padding-right: 20px; } .rich-text-html1.u-highlight-contain { padding-top: var(--padding-vertical--xsmall); } .stylablebuttons-2 { width: 100%; } .home-message_content { border-radius: 0; } .home-message_component { padding: 0; } .padding-global { padding-left: 1.25rem; padding-right: 1.25rem; } .padding-section-medium { padding-top: 3rem; padding-bottom: 3rem; } .nl-h1 { margin-top: 0; font-size: 5.6rem; line-height: 5.2rem; } .nl-lead { margin-bottom: 0; } .footer-subscribe { padding-left: 15px; padding-right: 15px; } .header__form-container { flex-direction: column; justify-content: flex-start; align-items: flex-start; } .footer-form-title { margin-right: 0; } .header__form-block { width: 100%; margin-top: 20px; } .header__form-input { width: 100%; } .footer-block-three { flex-flow: column wrap; justify-content: flex-start; align-items: flex-start; } .footer-link-three { margin-bottom: 10px; } .footer-social-block-three { margin-top: 10px; } .footer-bottom { flex-direction: column; justify-content: flex-start; align-items: flex-start; } .footer-copyright { font-size: 14px; line-height: 20px; } .footer-legal-block { margin-top: 15px; margin-left: -24px; } .footer-legal-link { font-size: 14px; line-height: 20px; } .team-slider { padding: 60px 15px; } .image { object-fit: cover; object-position: 50% 30%; } .small-columns { flex-direction: column; align-items: center; } .heading-style-h3 { font-size: 1.6rem; line-height: 1; } .features-list { padding: 60px 15px; } .margin-top.margin-xlarge, .margin-top.margin-xsmall { margin-top: 2rem; } .how-it-works_component { grid-template-columns: 1fr; } .nl-paragraph { font-weight: 300; line-height: 1.4rem; } .navigation-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto auto; grid-template-columns: 1fr 2fr; grid-auto-columns: 1fr; } .follow_links_list { width: 50%; } .follow_links_list.u-hflex-center-center { grid-column: 1 / -1; } .grid.how-it-works { grid-column-gap: 0rem; grid-row-gap: 1rem; grid-template-columns: 1fr; } .grid.steps { grid-column-gap: 0rem; grid-row-gap: 2rem; grid-template-rows: 1fr 1fr; grid-template-columns: 1fr; grid-auto-rows: 1fr; } .grid.example { grid-template-columns: 5fr 1fr; margin-bottom: 5rem; } .how-it-works_steps_wrap { width: 100%; } .steps_item { padding-bottom: var(--space--small); border-bottom: 1px solid #bcc1b3; } .steps_item.padding-bottom { padding-bottom: var(--padding-vertical--xsmall); } .steps_line { display: none; } .header__wrap { margin-top: 12rem; } .newsletter-cta { top: auto; bottom: 0%; } .newsletter-cta.slider { top: 60%; } .newsletter-cta.newsletter-end { bottom: 30%; } .newsletter-cta.example-bottom { bottom: -10%; } .hero-image { max-width: 80%; } .cta-text { display: none; } .author__social-list { width: 50%; } .nav { min-height: 4rem; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .navbar5_dropdown-content-right { padding: 1.5rem; } .nav_menu { padding-bottom: 6rem; } .navbar5_dropdown-content-left { grid-row-gap: 1.5rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; } .navbar5_dropdown-link-list { grid-row-gap: .5rem; max-width: none; } .margin-top-2 { margin-bottom: 0; margin-left: 0; margin-right: 0; } .navbar5_blog-item { grid-template-columns: .6fr 1fr; } .padding-section-large { padding-top: 4rem; padding-bottom: 4rem; } .heading-style-h1 { font-size: 3.4rem; } .home_hero-header_content { grid-column-gap: 1rem; grid-row-gap: 1rem; } .home_hero-header_component { grid-column-gap: 3rem; grid-row-gap: 3rem; } .text-size-medium-2 { font-size: 1rem; } .home_how-it-works_content { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-template-columns: 1fr; } .home_how-it-works_list { grid-row-gap: 3rem; grid-template-columns: 1fr; } .heading-style-h4 { font-size: 1.5rem; line-height: 1.4; } .home_newsletter-examples_arrow.is-left { right: 5.5rem; } .heading-style-h6 { font-size: 1.125rem; } .home_newsletter-examples_slide-wrapper { grid-template-rows: 70% 30%; } .home_newsletter-examples_component { padding-top: 4rem; } .home_features-list_column { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .home_features-list_card-large-content { padding: 1.5rem; } .heading-style-h5 { font-size: 1.25rem; } .home_features-list_card-small-content { padding: 1.5rem; } .home_features-list_card-small { grid-template-columns: 1fr; } .home_features-list_component { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .home_features-list_row { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; grid-template-columns: 1fr; } .home_faq_question { padding-top: 1rem; padding-bottom: 1rem; } .home_faq_icon-wrapper { width: 1.75rem; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .footer4_credit-text { margin-top: 1rem; } .padding-bottom-2 { padding-top: 0; padding-left: 0; padding-right: 0; } .padding-vertical-2 { padding-left: 0; padding-right: 0; } .footer4_link-list { grid-column-gap: 0px; grid-row-gap: 1.5rem; grid-auto-flow: row; justify-items: center; } .footer4_bottom-wrapper { grid-column-gap: 0rem; grid-row-gap: 1rem; grid-auto-flow: row; justify-items: center; padding-bottom: 1rem; } .u-grid-column-2 { grid-template-columns: var(--grid-1); } .u-order-last-tablet, .u-order-first-tablet { order: 0; } .u-grid-column-4, .u-grid-column-3 { grid-template-columns: var(--grid-1); } .u-grid-tablet { flex-flow: column; display: flex; } .styleguide_font_item { grid-template-columns: 100%; } .u-grid-column-2-2 { grid-template-columns: var(--grid-1); } .u-order-last-tablet-2, .u-order-first-tablet-2 { order: 0; } .u-grid-column-4-2, .u-grid-column-3-2 { grid-template-columns: var(--grid-1); } .u-grid-tablet-2 { flex-flow: column; display: flex; } .styleguide_font_item-2 { grid-template-columns: 100%; } .nav_layout.u-hflex-between-bottom { grid-column-gap: var(--space--extra-small); grid-row-gap: var(--space--extra-small); flex-flow: wrap; justify-content: center; align-items: flex-end; } .navbar-logo-left-container { max-width: 100%; } .navbar-brand { padding-left: 0; } .nav-menu-two { border-radius: 20px; flex-direction: column; padding-bottom: 30px; } .nav-link { padding-top: 10px; padding-bottom: 10px; display: inline-block; } .nav-dropdown { flex-direction: column; align-items: center; display: flex; } .nav-dropdown-toggle { padding-top: 10px; padding-bottom: 10px; } .nav-dropdown-list.shadow-three { box-shadow: 0 8px 50px #0000000d; } .nav-dropdown-list.shadow-three.w--open { position: relative; } .nav-dropdown-list.shadow-three.mobile-shadow-hide { box-shadow: none; } .nav-divider { width: 200px; max-width: 100%; height: 1px; margin-top: 10px; margin-bottom: 10px; } .nav-link-accent { margin-right: 5px; padding-top: 10px; padding-bottom: 10px; display: inline-block; } .mobile-margin-top-10 { margin-top: 10px; } .hero_layout.u-grid-custom { min-height: 23rem; } .hero_col_1.u-vflex-center-center.u-gap-main { grid-column: 1 / span 5; } .cards_cms_list.u-grid-custom { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cards_cms_list.u-grid-custom.u-margin-bottom { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row; } .how-it-works_info_wrap.u-grid-custom-2 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .how-it-works_column_2 { grid-column: auto / span 5; } .accordion_icon { padding-top: .5rem; } .nav_title_wrap.u-hflex-left-center.u-gap-small { justify-content: space-between; } .hero_col_2.u-vflex-center-center { grid-column: 4 / span 7; } .hero_image { opacity: .9; } .teammember_card { padding-top: 2rem; } .teammember_header.u-hflex-between-center.u-gap-xsmall.u-margin-bottom { flex-flow: column; } .teammember_info.u-flex-grow { text-align: center; } .mid_page_cta_image { display: none; } .mid_page_cta_content.u-vflex-left-between { max-width: 100%; } .mid_page_cta_button.button.filled { width: 100%; } .game_wrap { padding-left: 20px; padding-right: 20px; } .game_wrap.u-column-8 { grid-column: 1 / span 12; } } @media screen and (max-width: 479px) { .navigation.dark { text-align: center; flex-direction: column; grid-template-columns: 1fr; align-items: center; max-width: 100%; padding: 1rem 0 0; position: relative; } .navigation.dark.main { padding-left: .5rem; padding-right: .5rem; } .content_underlay { padding: var(--padding-vertical--xsmall) var(--space--extra-small); margin-left: auto; margin-right: auto; } .content_underlay.plants { padding: 1rem 0; } .footer-main { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-direction: column; grid-template-rows: auto auto auto; grid-template-columns: 1fr; width: 100%; padding-left: 0; padding-right: 0; } .footer-main.u-grid-custom { grid-template-columns: var(--grid-1); justify-content: flex-start; align-items: center; display: flex; } .logo.dark { margin-bottom: 0; margin-left: auto; margin-right: auto; } .nav_links_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: space-between; align-items: center; margin-right: auto; padding-left: 0; list-style-type: none; display: flex; } .nav_links_wrap.u-hflex-right-center.u-gap-xsmall { grid-column-gap: var(--space--extra-small); grid-row-gap: var(--space--extra-small); } .nav_links_wrap.u-hflex-center-center { grid-column: 1 / -1; margin-right: 0; } .nav_link_item { margin-right: 0; } .navigation__link.dark { font-size: 14px; } .navigation__link.dark.w--current { text-decoration: underline; } .heading-h1 { margin-top: 15rem; margin-bottom: 1rem; font-size: 3rem; line-height: 3rem; } .heading-h1.blog__heading { letter-spacing: -1px; margin-top: 0; margin-bottom: 1rem; font-size: 2.4rem; line-height: 2.6rem; } .paragraph { margin-bottom: 2rem; font-size: 1.1rem; font-weight: 400; line-height: 1.5rem; text-decoration: none; } .button.button-nav { margin-top: .125rem; margin-left: auto; margin-right: auto; display: none; overflow: visible; } .button.button-nav.search__button { margin-top: 0; } .button.filled { text-align: center; padding-left: 2.6rem; padding-right: 2.6rem; } .navigation__wrap { flex-wrap: wrap; justify-content: space-between; padding-left: 0; } .usp { display: none; } .faq__item { padding-left: 0; padding-right: 0; } .faq__item-paragraph { font-size: 14px; } .bottom-cta { padding-left: 0; padding-right: 0; } .bottom-cta__bg { border-radius: 0; padding-left: 16px; padding-right: 16px; } .heading-h2 { font-size: 38px; line-height: 48px; } .bottom-cta__wrap { padding-left: 0; padding-right: 0; } .footer_tag_text.navigation__link.w--current { text-decoration: underline; } .footer__copyright { text-align: center; grid-column: 1 / -1; margin-bottom: 0; padding-right: 0; } .cards-list { grid-template-columns: 1fr; padding-left: 0; padding-right: 0; } .cards-list.plants { padding-left: 1rem; padding-right: 1rem; } .card_image { height: 160px; } .card_image.recommended { height: 40vw; } .article_hero_image { object-fit: cover; } .article_summary { margin-bottom: 20px; } .article_heading { margin-top: 0; font-size: 32px; line-height: 36px; } .article_contain { padding-top: 0; } .article_contain.u-container.u-grid-custom { grid-template-columns: var(--grid-6); } .content-wrapper { margin-top: 0; margin-bottom: 0; } .content-wrapper.post { margin-top: 0; } .rich_text_block h1 { font-size: 40px; line-height: 50px; } .rich_text_block p { font-size: 16px; line-height: 28px; } .rich_text_block h4 { margin-bottom: 8px; font-size: 20px; } .rich_text_block li { font-size: 16px; } .post__content { padding-top: 0; } .footer__social-list { width: 80%; } .stylablebuttons { flex-wrap: wrap; align-content: flex-end; margin-top: 1rem; margin-bottom: 4rem; } .section-share-buttons { margin-bottom: 0; } .recommended-posts.content-wrapper { width: 100%; margin-bottom: 2rem; } .further-readings__list { grid-template-rows: auto auto auto; grid-template-columns: 1fr; max-width: 100%; } .further-readings { padding-top: 0; padding-bottom: 0; } .card__link-block { position: absolute; } .rich-text-html2 { margin-bottom: 1.5rem; padding-top: 2rem; padding-left: 1rem; padding-right: 1rem; } .rich-text-html2 p { margin-bottom: .5rem; padding-bottom: 0; } .rich-text__conclusion { min-width: auto; } .rich-text__content { padding-left: 1rem; padding-right: 1rem; } .rich-text__content p { font-size: 1.1rem; line-height: 1.5rem; } .rich-text__content li { color: var(--text-primary\); padding-bottom: .75rem; font-size: 1.1rem; line-height: 1.5rem; } .padding-vertical.padding-huge { padding-top: 12rem; } .padding-vertical.padding-medium { padding-top: 1rem; padding-bottom: 1rem; } .page-padding { padding-left: 1rem; padding-right: 1rem; } .card__content { width: 100%; padding-left: 1rem; padding-right: 1rem; } .plants-collection { width: 100%; } .search { min-width: 15rem; max-width: 90%; margin-left: 0; margin-right: auto; } .nav_logo_wrap { margin-bottom: .5rem; margin-left: auto; margin-right: auto; } .nav_logo_wrap.w--current { flex: 1; } .footer_wrap { padding-left: 1rem; padding-right: 1rem; } .rich-text-html1 { margin-bottom: 0; padding-top: 0; padding-left: 1rem; padding-right: 1rem; } .stylablebuttons-2 { flex-wrap: wrap; align-content: flex-end; } .linkedinshare, .facebookshare, .twittershare, .pinterestsave, .googleplusshare { margin-top: 15px; margin-left: 5px; margin-right: 5px; } .padding-section-medium { display: block; } .padding-section-medium.newsletter-example { padding-bottom: 9rem; } .nl-h1 { max-width: 100%; font-size: 4rem; line-height: 3.6rem; } .nl-lead { max-width: 100%; font-size: 1.2rem; line-height: 1.5rem; } .nl-container { max-width: none; } .header__form { padding: 20px; } .header__form-block { flex-direction: column; justify-content: flex-start; align-items: flex-start; } .header__form-input { margin-bottom: 10px; padding-right: 20px; } .button-primary.header-form-button { position: relative; right: 0; } .footer-bottom { flex-direction: column; justify-content: flex-start; align-items: flex-start; } .centered-heading { margin-bottom: 24px; } .team-slide-wrapper { width: 100%; margin-right: 0%; } .section-recent { background-color: var(--khaki\); padding: 0; } .heading-style-h2 { font-size: 2.6rem; line-height: 2.4rem; } .section_how { background-color: var(--cornsilk\); } .features-right { margin-bottom: -30px; } .features-block-two { flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-bottom: 30px; } .features-image { margin-bottom: 10px; } .section__how-it-works { color: var(--nl-dark\); font-size: 1rem; line-height: 1.2rem; } .text-align-center { text-align: center; } .text-style-allcaps { text-transform: uppercase; } .padding-bottom { padding: 0 0 1rem; } .padding-bottom.padding-small { padding-bottom: 1rem; } .margin-bottom.margin-large { margin-bottom: 1rem; } .email-capture-form.question { padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; } .form-email-wraper { grid-template-columns: 2fr; } .navigation-wrapper { grid-template-rows: auto auto auto; grid-template-columns: 1fr; margin-left: auto; margin-right: auto; } ._404-copy { text-align: center; margin-bottom: 0; padding-right: 0; } .follow_links_list { width: 80%; } .follow_links_list.u-hflex-center-center { grid-column-gap: var(--padding-vertical--none); grid-row-gap: var(--padding-vertical--none); } .grid.how-it-works { grid-row-gap: 1rem; } .text-size-medium { font-size: 1.2rem; line-height: 1.8rem; } .header__wrap { margin-top: 2rem; padding-bottom: 2rem; } .newsletter-cta { width: 140px; height: 140px; inset: 5% 0% auto auto; } .newsletter-cta.slider { inset: auto 0% -15% auto; } .newsletter-cta.newsletter-end { inset: auto 25% 2% auto; } .newsletter-cta.example-bottom { bottom: -7%; } .start-season-circle { width: 130px; height: 130px; top: 5px; left: 6px; } .arrow-cta { display: none; top: 50px; left: 50px; } .circle-text-1 { display: none; } .circle-text-2 { width: 140px; display: none; } .cta-text { text-align: center; letter-spacing: 1.6px; text-transform: uppercase; font-family: Mulish Variablefont Wght; display: block; } .body-image { width: 100%; display: block; } .author__social-list { width: 80%; } .fb-icon, .linkedin-icon, .twitter-icon { display: none; top: 50px; left: 50px; } .navbar5_blog-list { grid-column-gap: 0px; grid-row-gap: .5rem; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .navbar5_dropdown-content-left { grid-template-columns: 1fr; padding-top: 1rem; padding-bottom: 1rem; } .navbar5_large-item-content { margin-top: 1rem; } .navbar5_dropdown-link { padding-left: 0; } .margin-top-2 { margin-bottom: 0; margin-left: 0; margin-right: 0; } .navbar5_blog-item { flex-direction: column; display: flex; } .section_home_hero-header { padding-left: 0; padding-right: 0; } .home_hero-header_content { flex-flow: column; } .home_hero-header_component, .home_how-it-works_content, .home_how-it-works_list { grid-template-columns: 1fr; } .home_newsletter-examples_slide-content { align-content: flex-end; width: 100%; padding-top: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; } .home_newsletter-examples_slide-wrapper { grid-template-rows: auto auto; } .home_newsletter-examples_component { overflow: hidden; } .home_newsletter-examples_slide-content-wrapper { flex-direction: column; } .home_features-list_card-medium-content { display: block; } .home_features-list_column { grid-template-columns: 1fr; } .home_features-list_card-large-content { display: block; } .home_features-list_card-medium, .home_features-list_card-large { flex-direction: column; display: flex; } .max-width-medium { width: 100%; } .section_bottom-cta { padding-bottom: 5rem; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .padding-bottom-2 { padding-top: 0; padding-left: 0; padding-right: 0; } .padding-vertical-2 { padding-left: 0; padding-right: 0; } .hero-wrapper { background-position: 50% 104%; background-size: 17rem; padding-bottom: 15rem; } .section_plants-cards, .section_plants-rich-text, .section_blog-cards { padding-bottom: 5rem; } .u-grid-landscape { flex-flow: column; display: flex; } .u-grid-breakout { grid-template-columns: var(--grid-breakout-single); } .u-grid-landscape-2 { flex-flow: column; display: flex; } .u-grid-breakout-2 { grid-template-columns: var(--grid-breakout-single); } .container-4 { max-width: none; } .nav-menu-two { flex-direction: column; } .hero_layout.u-grid-custom { grid-template-columns: repeat(1, minmax(0, 1fr)); min-height: 33rem; } .hero_col_1.u-vflex-center-center.u-gap-main { grid-area: 2 / 1 / 2 / -1; justify-content: flex-end; align-items: center; } .cards_cms_list.u-grid-custom, .cards_cms_list.u-grid-custom.u-margin-bottom { grid-template-columns: repeat(1, minmax(0, 1fr)); } .footer_contain.u-container { flex-flow: column; display: flex; } .nav_title_wrap.u-hflex-left-center.u-gap-small { grid-column-gap: var(--space--extra-small); grid-row-gap: var(--space--extra-small); flex-flow: column; } .hero_col_2 { grid-column: auto / span 5; } .hero_col_2.u-vflex-center-center { padding-top: var(--padding-vertical--none); grid-column: 1 / -1; justify-content: flex-start; align-items: flex-end; } .hero_image { max-height: 20rem; } .article_meta_wrap.u-hflex-left-center.u-text-small { flex-flow: column; } .share_buttons_wrap.u-hflex-center-center { grid-column-gap: var(--space--extra-small); grid-row-gap: var(--space--extra-small); } .article_content_wrap.u-column-8.u-vflex-center-top.u-gap-small { grid-column: 1 / span 6; } .article_hero_wrap.u-vflex-center-between.u-column-12 { grid-column-end: span 6; } .press-mentions_title.u-text-h4.u-text-align-center.u-margin-bottom { margin-bottom: .5rem; } .logos_container { padding-left: var(--padding-horizontal--main); grid-column-gap: var(--grid-gap--main); grid-row-gap: var(--grid-gap--main); min-width: 160%; } .mid_page_cta_button.button.filled { padding-left: 1rem; padding-right: 1rem; } .email-blocker-form.question { padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; } .blocker-email-wraper { grid-template-columns: 2fr; } .game_container.u-highlight-contain.u-vflex-stretch-between { margin-right: 1rem; } } #w-node-_0914dbc0-954e-6463-7739-f4aa7bdbb280-0f0fc0f4, #w-node-cdd01f2e-8e23-29e2-cc73-94da7bc10c4e-0f0fc0f4, #w-node-cdd01f2e-8e23-29e2-cc73-94da7bc10c50-0f0fc0f4, #w-node-cdd01f2e-8e23-29e2-cc73-94da7bc10c5b-0f0fc0f4, #w-node-cdd01f2e-8e23-29e2-cc73-94da7bc10c63-0f0fc0f4, #w-node-cdd01f2e-8e23-29e2-cc73-94da7bc10c6b-0f0fc0f4 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_3e38c10d-de04-8abc-8da6-c6a81bf2858e-0f0fc0f4 { grid-area: image; } #w-node-_370068df-c259-b1ce-4ffc-b4aaef471034-0f0fc0f4 { grid-area: span 2 / span 1 / span 2 / span 1; } #w-node-_3e38c10d-de04-8abc-8da6-c6a81bf28596-0f0fc0f4 { place-self: start; } #w-node-_57494c4a-b777-b473-c903-f0d381910b79-0f0fc0f4 { grid-area: span 2 / span 1 / span 2 / span 1; } #w-node-_3e38c10d-de04-8abc-8da6-c6a81bf28599-0f0fc0f4 { align-self: end; } #w-node-_3e38c10d-de04-8abc-8da6-c6a81bf2859b-0f0fc0f4 { place-self: start; } #w-node-_568a08ae-e810-a593-e385-76384176c491-0f0fc0f4 { grid-area: span 2 / span 1 / span 2 / span 1; } #w-node-_3e38c10d-de04-8abc-8da6-c6a81bf2859e-0f0fc0f4 { align-self: end; } #w-node-_3e38c10d-de04-8abc-8da6-c6a81bf285a0-0f0fc0f4 { place-self: start; } #w-node-_44f2b371-c578-f0c1-0671-c6528009d69b-0f0fc0f4 { grid-area: span 2 / span 1 / span 2 / span 1; } #w-node-_3e38c10d-de04-8abc-8da6-c6a81bf285a3-0f0fc0f4 { align-self: end; } #w-node-_3e38c10d-de04-8abc-8da6-c6a81bf285a5-0f0fc0f4 { place-self: start; } #w-node-_02236d4f-9313-3ac4-65f8-7a79fca4ecc1-0f0fc0f4, #w-node-fe78cb0c-fa41-ae47-9d9c-e221dbae7b8d-c6966a6e, #w-node-cbfa73af-e960-c965-19bb-2f7483922515-7428042c, #w-node-a739a4b9-7d25-aa3a-5fd7-ec691aeaf446-884914b2 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-a739a4b9-7d25-aa3a-5fd7-ec691aeaf44d-884914b2, #w-node-a739a4b9-7d25-aa3a-5fd7-ec691aeaf455-884914b2 { justify-self: center; } #w-node-_9936173d-357b-984f-146d-d125e740a010-82546448, #w-node-cbfa73af-e960-c965-19bb-2f7483922515-00c9cab4 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_3e5c4774-85b7-7528-f41a-bf8aaff89a53-c41e8f9c { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-df8d8945-6147-463a-27bd-29b6c88a2a40-c41e8f9c, #w-node-_6014c090-fd6a-0314-b0be-f2e82b30e05d-c41e8f9c { grid-area: span 1 / span 1 / span 1 / span 1; } @media screen and (max-width: 991px) { #w-node-_3e38c10d-de04-8abc-8da6-c6a81bf2858e-0f0fc0f4 { grid-area: 1 / 1 / 2 / 2; } #w-node-_3e38c10d-de04-8abc-8da6-c6a81bf2858f-0f0fc0f4 { grid-area: 2 / 1 / 3 / 2; } } @media screen and (max-width: 767px) { #w-node-_434c0516-c30f-6fed-80dc-50ababbc76bb-1ffd9f9a { grid-area: 1 / 2 / 2 / 4; } #w-node-a739a4b9-7d25-aa3a-5fd7-ec691aeaf455-884914b2, #w-node-_0f073eb2-7cc0-ec2f-b76f-31670e2f3273-f334bb3a { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_0f073eb2-7cc0-ec2f-b76f-31670e2f3278-f334bb3a { grid-area: 2 / 1 / 3 / 4; } } @media screen and (max-width: 479px) { #w-node-_452fc7aa-9bdf-08c9-c307-37ed909e36e4-0f0fc0f4 { grid-area: 2 / 1 / 3 / 2; } #w-node-bdb376d4-1df8-31dd-25f1-980ec6966a6f-c6966a6e { align-self: auto; } #w-node-_434c0516-c30f-6fed-80dc-50ababbc76bb-1ffd9f9a { grid-area: 2 / 1 / 3 / 2; } #w-node-a739a4b9-7d25-aa3a-5fd7-ec691aeaf447-884914b2 { align-self: auto; } #w-node-a739a4b9-7d25-aa3a-5fd7-ec691aeaf44d-884914b2 { justify-self: center; } #w-node-a739a4b9-7d25-aa3a-5fd7-ec691aeaf455-884914b2 { grid-column: span 1 / span 1; } #w-node-_0f073eb2-7cc0-ec2f-b76f-31670e2f3273-f334bb3a { grid-area: 2 / 1 / 3 / 2; } #w-node-_0f073eb2-7cc0-ec2f-b76f-31670e2f3278-f334bb3a { grid-row: 3 / 4; grid-column-end: 2; } } @font-face { font-family: 'Fa brands 400'; src: url('../fonts/fa-brands-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Cormorant'; src: url('../fonts/CormorantGaramond-SemiBoldItalic.woff2') format('woff2'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('../fonts/Mulish-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('../fonts/Mulish-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('../fonts/Mulish-ExtraLight.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; }

Tags

How to Grow Berries

How to Grow Fruits

How to Grow Fungi

How to Grow Herbs

How to Grow Legumes

How to Grow Shrubs

How to Grow Succulents

How to Grow Vegetables

How to Grow Vines