.module--banner { margin: 0 auto; max-width: none; padding: 0; } .module--banner .section-container { padding-bottom: 4.25rem; padding-left: 100px; padding-top: 9rem; } @media (min-width: 768px) { .module--banner .section-container { padding-left: 140px; } } @media (min-width: 1200px) { .module--banner .section-container { padding-left: 140px; } } @media (min-width: 1440px) { .module--banner .section-container { padding-left: 0; } } .module--banner h1 { font-size: 60px; font-weight: 700; line-height: 53px; text-transform: lowercase; width: min-content; } @media (min-width: 768px) { .module--banner h1 { font-size: 100px; line-height: 1.05em; } } .module--blog-hero { background-color: var(--color-grey-200); padding-top: 7rem; } .module--blog-hero .autogrid { display: flex; flex-direction: column; } @media (min-width: 992px) { .module--blog-hero h1 { font-size: 74px; } } .module--blog-hero h1 span { font-weight: 400; } @media (min-width: 992px) { .module--blog-hero .autogrid { display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); } } .module--blog-hero .note-text { display: flex; flex-direction: column-reverse; position: relative; } .module--blog-hero .note-tags { font-size: 14px; } .module--blog-hero .meta-info { font-size: 14px; letter-spacing: 2px; } .module--blog-hero .meta-info time { display: none; } .module--blog-hero h2 { font-size: 20px; font-weight: 700; line-height: 1.4; } .module--blog-hero .container { padding-bottom: 96px; } .module--standard-hero { background-size: cover !important; min-height: 600px; max-height: 60vh; padding-top: 20vh; position: relative; overflow: hidden; z-index: -1; box-sizing: border-box; } .module--standard-hero.halfheight { min-height: 400px; max-height: 30vh; padding-top: 100px; } .module--standard-hero .section-container{ padding: 0; } .module--standard-hero h1 { font-size: var(--h1-big-mobile); line-height: 1.1; font-weight: 700; hyphens: auto; } .module--standard-hero h2 { font-size: 24px; line-height: 1.5em; font-weight: 500; } @media (min-width: 550px){ .module--standard-hero h1 { font-size: var(--h1-big-tablet); line-height: .9; } } @media (min-width: 810px){ .module--standard-hero h1 { font-size: var(--h1-big); line-height: .9; } .module--standard-hero{ min-height: 800px; } } @media (min-width: 1350px){ .module--standard-hero{ padding-top: 20vh; } } .module--blog-hero .container > article { background-color: var(--color-grey-700); border: 1px solid var(--color-grey-300); box-shadow: 0 12px 14px 0 rgba(97, 53, 53, 0.15); color: var(--color-white); padding: 25px; position: relative; } .module--blog-hero .container > article header { display: flex; flex-direction: column; height: 100%; margin-bottom: 0; } .module--blog-hero .container > article figure { line-height: 1; margin: -25px -25px 0; } .module--blog-hero .container > article figure img { min-height: 240px; object-fit: cover; } .module--blog-hero .container > article .note-text { flex-grow: 1; justify-content: start; margin-top: -18px; } .module--blog-hero .container > article .meta-info { margin-bottom: 0; margin-top: auto; } .module--blog-hero .container > article .meta-info .author, .module--blog-hero .container > article .meta-info .reading-time { color: var(--color-yellow); display: block; } .module--blog-hero .container > article .meta-info time::after { display: inline-block; } .module--blog-hero .container > article .note-excerpt-tags { color: var(--color-text); margin-bottom: 3px; } @media (min-width: 992px) { .module--blog-hero .container > article:nth-child(2) { grid-column: 2/span 2; min-height: 550px; padding: 0; } .module--blog-hero .container > article:nth-child(2) figure { bottom: 0; display: block; left: 0; margin: 0; position: absolute; right: 0; top: 0; } .module--blog-hero .container > article:nth-child(2) figure a { display: block; height: 100%; } .module--blog-hero .container > article:nth-child(2) figure a img { height: 100%; object-fit: cover; } .module--blog-hero .container > article:nth-child(2) .note-text { display: none; } } .module--blog-hero .container > header { margin-bottom: 0; } @media (min-width: 992px) { .module--blog-hero .container > header { display: flex; flex-direction: column; justify-content: space-between; } } .module--blog-hero .container > header article { display: none; } @media (min-width: 992px) { .module--blog-hero .container > header article { background-color: transparent; color: var(--color-text); display: block; } } .module--blog-hero .container > header article figure { display: none; } .module--blog-hero .container > header article .note-text { margin-top: 0; } .module--blog-hero .container > header article .meta-info { margin-bottom: 20px; } .module--blog-hero .container > header article .meta-info .author, .module--blog-hero .container > header article .meta-info .reading-time { color: var(--color-text); display: block; } .module--blog-hero .container > header article .meta-info time::after { display: inline-block; } .module--blog-hero .container > header article .note-excerpt-title { font-size: 28px; } .module--blog-hero .container > header article .note-excerpt-title a { padding-right: 5px; } .module--blog-hero .container > header article .note-excerpt-title a::after { background: transparent url("../icons/arrow-right-circle.svg") no-repeat left center; background-size: contain; content: ""; display: inline-block; height: 38px; margin-left: 10px; vertical-align: middle; width: 38px; } .module--blog-hero .container > header article .note-excerpt-tags { margin-bottom: 0.25rem; } .module--blog-hero .note-excerpt-title { margin-bottom: 1rem; } .module--blog-hero .author, .module--blog-hero .reading-time { display: none; } .module--blog-list { max-width: none; } .module--blog-list .container > .note-tags { border-bottom: 1px solid var(--color-black); font-size: 28px; margin-bottom: 4.25rem; padding-bottom: 3.5rem; } .module--blog-list .container > .note-tags a { background-color: var(--color-grey-200); color: var(--color-secondary); } .module--blog-list .container > .note-tags a.active, .module--blog-list .container > .note-tags a:hover { background-color: var(--color-yellow); color: var(--color-grey-900); } .module--blog-list .blog-list > li { margin-bottom: 70px; } @media (min-width: 768px) { .module--blog-list .blog-list header { display: flex; grid-gap: 40px; } .module--blog-list .blog-list header figure { flex: 0 0 56%; margin-bottom: 0; padding-bottom: 0; } .module--blog-list .blog-list header figure img { position: relative; } .module--blog-list .blog-list .note-tags { margin-bottom: -0.5rem; } } .module--blog-list .meta-info .reading-time { display: none; } .module--blog-list h2.note-excerpt-title { color: var(--color-grey-800); font-weight: 700; } @media (min-width: 1200px) { .module--blog-list figure { min-height: 472px; } } .module--blog-list figure img { height: 100%; object-fit: cover; } .module--blog-list .note-text { display: flex; flex-direction: column; margin-top: 30px; } @media (min-width: 768px) { .module--blog-list .note-text { margin-top: 0; } } .module--blog-list .reading-time { color: var(--color-secondary); font-size: 17px; font-weight: 700; letter-spacing: 3px; margin-bottom: 14px; margin-top: auto; text-transform: uppercase; } .module--blog-list .note-tags { margin-bottom: 0; } .module--blog-list .load-more { display: block; font-size: 17px; font-weight: 700; letter-spacing: 3px; position: relative; text-align: center; } .module--blog-list .load-more::before { border-top: 1px solid var(--color-black); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 31px; } .module--blog-list .load-more span { background-color: var(--color-white); padding: 0 20px 0 25px; position: relative; vertical-align: middle; } .module--blog-list .load-more span.arrow-down { padding-left: 0; padding-right: 25px; } .module--blog-list .load-more span.arrow-down::before { background: transparent url("../icons/arrow-right-circle.svg") no-repeat left center; background-size: contain; content: ""; display: inline-block; height: 66px; margin-right: 20px; transform: rotate(90deg); vertical-align: middle; width: 66px; } .module--carousel { background-position: center center; background-repeat: no-repeat; background-size: cover; } .module--case-studies-list { background: linear-gradient(to bottom, var(--color-case-study-list-start), var(--color-case-study-list-stop)); padding-bottom: 10rem; } .module--case-studies-list section { padding-top: 8.25rem; } .module--case-studies-list .grid { gap: 30px; padding-top: 6.5rem; } @media screen and (min-width: 60rem) { .module--case-studies-list .grid { margin-top: 120px; } } .module--case-studies-list .grid > .column { margin-bottom: 0; } @media screen and (min-width: 60rem) { .module--case-studies-list .grid > .column:nth-child(odd) { margin-top: -120px; } } .module--case-studies-list h2 { color: var(--color-white); } .module--case-study-intro { padding: 30px 0 60px 0; } .module--case-study-intro .eyebrow{ display: flex; flex-flow: column nowrap; } .module--case-study-intro h6, .block--description .eyebrow, .caption .eyebrow{ font-size: 14px; letter-spacing: 2px; font-weight: 700; text-transform: uppercase; color: #868686; } .module--case-study-intro h4 { font-size: 36px; line-height: 1.3; font-weight: 700; margin-bottom: 30px; } .module--case-study-intro .pull-right { margin: 1em 0 0 0; } .module--case-study-intro .outcomes ul { padding: 1em 1em 0 1em; } .module--case-study-intro .outcomes.two ul { columns: 1; -webkit-columns: 1; -moz-columns: 1; } .module--case-study-intro li, .module--text li, .block--description li { margin-bottom: .5em; page-break-inside: avoid; padding-left: 2em; text-indent: -2em; } .module--case-study-intro li span, .module--text li span, .block--description li span{ background: #afafaf; border-radius: 50%; display: inline-block; width: .5em; height: .5em; margin-right: 1.5em; } @media (min-width: 768px){ .module--case-study-intro { padding: 30px 0 60px 0; } } @media (min-width: 1350px){ .module--case-study-intro { padding: 60px 0; } .module--case-study-intro .eyebrow{ display: flex; flex-flow: row nowrap; } .module--case-study-intro .pull-right { margin: 0 0 0 auto; } .module--case-study-intro .outcomes.two ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; column-gap: 3em; } } .case-study-summary { border: 1px solid var(--color-grey-900); box-shadow: 0 12px 14px 0 var(--color-box-shadow-case-study); } .case-study-summary > a { display: block; } .case-study-summary header { position: relative; } .case-study-summary figure { margin: 0; padding: 0; } @media screen and (min-width: 60rem) { .case-study-summary figure { box-sizing: border-box; min-height: 418px; } } .case-study-summary figure img { display: block; position: relative; min-height: 220px; } @media screen and (min-width: 60rem) { .case-study-summary figure img { position: absolute; } } .case-study-summary .text-summary { align-items: end; bottom: 0; display: flex; gap: 25px; left: 0; padding: 10%; position: absolute; right: 0; top: 0; } .case-study-summary h3 { color: var(--color-white); font-size: 28px; font-weight: 700; line-height: 34.13px; max-height: 104px; overflow: hidden; } .case-study-summary h5 { color: var(--color-white); margin-bottom: 0.75rem; } .case-study-summary .icon-container { margin-bottom: -23px; } .case-study-summary i { color: var(--color-white); font-size: 36px; } .module--grid .img-max-width-100-percent figure { max-width: 100%; } .module--grid .img-max-width-100-percent figure img { max-width: 100%; width: auto; } .module--grid h6 { margin-bottom: 1rem; } .module--grid .text figure { margin-bottom: 1rem; } .module--image { height: 40vh; --inset-image-width: 100vw; } .module--image.slim { height: 35vh; } @media (min-width: 768px){ .module--image { height: 50vh; --inset-image-width: 80vw; } } @media (min-width: 1350px){ .module--image { height: 70vh; --inset-image-width: var(--max-width); } } .module--inquiry { background-color: var(--color-yellow); overflow: hidden; padding: 9rem 1.25rem 7rem; position: relative; } .module--inquiry .dots { height: 105%; position: absolute; right: 50%; top: 0; } .module--inquiry .dots img { object-fit: cover; position: relative; } .module--inquiry .container { position: relative; } .module--inquiry .h2 h2 { font-size: var(--h2-big-mobile); font-weight: 700; line-height: 1.1; text-transform: lowercase; } @media (min-width: 768px) { .module--inquiry{ padding-left: 1.25rem; padding-right: 1.25rem; } .module--inquiry .h2 h2 { font-size: var(--h2-big); } } .module--layout .section-holder { background-position: center center; background-repeat: no-repeat; background-size: cover; } .module--layout .parallaxie { margin-left: 1.25em; margin-right: 1.25em; margin-top: 1.25em; max-width: none; min-height: 70vh; } .home .module--layout .parallaxie { margin-left: 1.25em; margin-right: 1.25em; margin-top: 3em; margin-bottom: 3em; max-width: none; min-height: 70vh; } @media (min-width: 768px) { .module--layout .parallaxie { margin-left: 8vw; margin-right: 8vw; } .home .module--layout .parallaxie { margin-left: 3em; margin-right: 3em; } } @media screen and (min-width: 60rem) { .module--layout .parallaxie { min-height: calc(100vh - 100px); } .home .module--layout .parallaxie { min-height: 100vh; } } .module--layout .text ul li { margin-bottom: 20px; } .module--layout .case-study { display: flex; padding: 0; } .module--layout .case-study .column { align-items: start; box-sizing: border-box; display: flex; padding-bottom: 50px; padding-top: 50px; } @media screen and (min-width: 60rem) { .module--layout .case-study .column { align-items: center; flex-basis: 50%; } .module--layout .case-study .column:first-child { padding-left: 10%; padding-right: 10%; } .module--layout .case-study .column:last-child { padding-right: 10%; } } .home .module--layout .text.container { padding: 0; } .module--layout .case-study a { color: var(--color-white); display: block; font-size: 28px; font-weight: 700; line-height: 1.5; margin: 20px 0; text-decoration: none; } .module--layout .case-study a::after { content: "\e24f"; display: inline-block; font-family: gotomedia; font-size: 36px; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; margin-left: 20px; margin-top: 29px; position: absolute; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .module--layout .case-study h5 { color: var(--color-white); } .module--layout .case-study .scrim { padding: var(--padding) 2.5rem; display: flex; width: 100%; align-self: stretch; } .module--layout .case-study .scrim.dark { background: linear-gradient(var(--color-grey-900), rgba(0, 0, 0, 0)); } .module--layout .case-study .scrim.light { background: linear-gradient(var(--color-white), rgba(0, 0, 0, 0)); } @media (min-width: 60rem) { .module--layout .case-study .scrim.dark, .module--layout .case-study .scrim.light{ background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); } } @media (min-width: 768px) { .module--layout .grid.cnt-6 > .column { grid-column: span var(--columns); } .module--layout .case-study a { font-size: 36px; } .home .module--layout .text { max-width: 880px; } } @media (min-width: 768px) { .module--layout .grid.cnt-6 { grid-template-columns: repeat(12, 1fr); } .module--layout .grid.cnt-6 > .column { grid-column: span 4; } } @media screen and (min-width: 60rem) { .module--layout .grid.cnt-6 > .column { grid-column: span var(--columns); } } .module--layout .big-buttons-before .btn, .module--layout .big-buttons-before-for-a a { display: block; font-size: 17px; font-weight: 700; letter-spacing: 3px; line-height: 20.72px; margin: 20px 0; padding-bottom: 20px; padding-left: 68px; padding-top: 29px; position: relative; text-decoration: none; text-transform: uppercase; } .module--layout .big-buttons-before .btn::before, .module--layout .big-buttons-before-for-a a::before { content: "\e24f"; display: inline-block; font-family: gotomedia; font-size: 50px; font-weight: normal; left: 0; margin-top: 34px; position: absolute; z-index: 1; } .module--layout .big-buttons-before .btn::after, .module--layout .big-buttons-before-for-a a::after { background-color: var(--color-white); content: ""; height: 30px; left: 10px; position: absolute; top: 20px; width: 30px; z-index: 0; } .module--layout .btns-yellow-with-dark-arrow .btn::before { color: var(--color-yellow); } .module--layout .btns-yellow-with-dark-arrow .btn::after { background-color: var(--color-black); content: ""; height: 30px; left: 10px; position: absolute; top: 20px; width: 30px; z-index: 0; } .module--layout .filter-brightness-50 img { filter: brightness(50%); } .module--layout .filter-sepia-83 img { filter: sepia(83%) brightness(50%); } .module--layout .align-center .column { align-items: center; display: flex; margin-bottom: 0; } .module--layout .align-center .text, .module--layout .align-center figure { margin: 0 auto; } @media screen and (min-width: 60rem) { .module--layout .align-center figure { max-width: 80%; } } .module--layout .align-center figure a { display: block; } .module--layout .img-max-width figure img { max-width: 100%; width: auto; } .module--layout .img-max-width-150 figure { max-width: 150px; } @media screen and (min-width: 60rem) { .module--layout .img-max-width-150 { max-width: 80%; } } .module--layout .img-max-width-120 figure { max-width: 120px; } @media screen and (min-width: 60rem) { .module--layout .img-max-width-120 { max-width: 80%; } } .module--layout .font-size-17 .text { font-size: 17px; } .module--layout .font-size-18 .text { font-size: 16px; font-weight: 300; line-height: 28px; } .module--layout .text-transform-uppercase .text { text-transform: uppercase; } .module--layout .letter-spacing-3 .text { letter-spacing: 3px; } .module--layout .max-width-500 .text { max-width: 500px; } .module--layout .grid-gap-0 { grid-gap: 0; } .module--layout .grid-gap-0 .column { margin-bottom: 0; } .module--layout .link-yellow a { color: var(--color-yellow-2); } .module--layout .link-dark a, .module--layout .link-dark h5 { color: var(--color-grey-900); } .module--layout .yellow-cards .column { background-color: var(--color-yellow); box-shadow: 0 12px 14px 0 var(--color-box-shadow-case-study); color: var(--color-text); margin-bottom: 0; padding: 45px 50px; } .module--layout .yellow-cards .column h3 { margin-bottom: 1rem; } .module--layout .uppercase-bold { font-weight: 700; text-transform: uppercase; } .module--layout .figure-padding-s .text figure { margin-bottom: 1rem; } .module--image-grid{ padding: 8rem 0; } .module--image-grid section{ padding: 0; } .module--image-grid .flex-grid{ display: flex; flex-flow: column nowrap; align-items: stretch; max-width: none; gap: var(--grid-gap); margin: 0 var(--full-width-margin); } .module--image-grid .flex-row{ display: flex; gap: var(--grid-gap); flex-flow: column nowrap; align-items: stretch; min-height: 20vh; } .module--image-grid .flex-row.height-content{ min-height: 5vh; } .module--image-grid .flex-row.height-medium{ min-height: 30vh; } .module--image-grid .flex-row.height-tall{ min-height: 40vh; } .module--image-grid .flex-column{ display: flex; flex-basis: 1rem; } /* CSS fixes for wierd mobile background-attachment issues */ @supports (-webkit-touch-callout: none) { @media (max-width: 1349px) { .parallaxie{ background-attachment: scroll !important; } .parallaxie.standard-parallax{ background-size: auto 100vh !important; background-position: center !important; } .parallaxie.inverted-parallax{ background-size: contain !important; background-position: center !important; } } @media (max-width: 767px) { .block--snapshot.parallaxie.inverted-parallax{ background-size: 84vw auto !important; background-position: center 0 !important; } } } /* -------------------------------------------------------- */ @media (min-width: 1350px) { .module--image-grid .flex-row{ flex-flow: row nowrap; max-height: 100vh; min-height: 35vh; } .module--image-grid .flex-row.height-medium{ min-height: 50vh; } .module--image-grid .flex-row.height-tall{ min-height: 80vh; } } @media (max-width: 1349px) { .module--image-grid .flex-column{ flex-grow: 1 !important; } } @media (min-width: 768px) { .module--image-grid .flex-row{ flex-flow: row wrap; } .module--image-grid .flex-column{ flex-basis: 10rem; } } .block--snapshot { display: flex; align-self: stretch; flex-flow: column; flex-basis: 100%; min-height: 20vh; } .block--snapshot .callout-image { display: flex; align-self: stretch; justify-content: space-evenly; align-items: center; flex-flow: column nowrap; flex-basis: 100%; } .block--snapshot .callout-tag { font-size: 16px; font-weight: 700; width: 100%; } .block--snapshot .label{ display: inline-block; vertical-align: middle; padding: 3px 11px; } .block--snapshot .tail{ height: 2px; display: inline-block; vertical-align: middle; } .block--snapshot .dot{ height: 10px; width: 10px; border-radius: 50%; display: inline-block; vertical-align: middle; border: 2px solid; } .block--snapshot.pointing-right{ margin-left: 4rem; text-align: left; } .block--snapshot.pointing-left{ margin-right: 4rem; text-align: right; } .block--snapshot.pointing-right .callout-tag{ align-self: flex-start; margin-left: -4rem; } .block--snapshot.pointing-left .callout-tag{ align-self: flex-end; margin-right: -4rem; } .block--snapshot .video-uncropped{ width: 100%; margin: auto; } .block--snapshot .video-fullbleed{ min-width: 100%; min-height: 100%; object-fit: cover; } .caption{ display: flex; flex-direction: column; align-self: stretch; flex-basis: 100%; padding-bottom: 2rem; } .caption p, .caption h2{ text-align: center; display: flex; justify-content: center; } .caption p{ padding: .25rem; padding-bottom: 3rem; max-width: 400px; min-height: 3rem; margin: auto; } @media (max-width: 767px) { /* .block--snapshot.parallax, .block--snapshot.invparallax { background-size: 84vw !important; background-position-x: var(--full-width-margin) !important; } */ } @media (max-width: 1349px) { .block--snapshot.mobile-cover { min-width: 65vw; min-height: 20vh; } /* .block--snapshot.mobile-cover.parallax, .block--snapshot.mobile-cover.invparallax { background-size: 84vw !important; background-position-x: var(--full-width-margin) !important; } */ .block--snapshot.mobile-cover.height-content{ min-height: 5vh; } .block--snapshot.mobile-cover.height-medium{ min-height: 25vh; } .block--snapshot.mobile-cover.height-tall{ min-height: 30vh; } } @media (min-width: 1349px) { .caption p{ padding: 1.25rem; } } @media (min-width: 768px) { .block--snapshot { min-height: auto; } .block--snapshot.mobile-cover.height-content{ min-height: 5vh; } .block--snapshot.mobile-cover.height-medium{ min-height: 40vh; } .block--snapshot.mobile-cover.height-tall{ min-height: 50vh; } .caption{ padding-bottom: 0; } } .block--description { display: flex; align-self: center; flex-flow: column nowrap; padding: 3rem 0; max-width: 880px; min-width: 180px; } .block--description h3 { font-size: 24px; font-weight: 700; } .block--description .eyebrow{ display: block; margin-bottom: 26px; } .block--description h2{ margin-bottom: 4rem; } .block--description h3{ margin-bottom: 1rem; } .block--description p{ margin-bottom: 1rem; } @media (min-width: 1350px) { .block--description { padding: 3rem 2rem; } .block--description.centered { padding: 3rem 0; margin: auto; max-width: var(--max-width); } } @media (min-width: 768px) { .block--description { padding: 5rem 2rem; } } .module--newsletter { background-color: var(--color-yellow); max-width: none; overflow: hidden; position: relative; } .module--newsletter::before { background-color: var(--color-grey-900); bottom: 0; content: ""; opacity: 0.03; position: absolute; right: -33%; top: 0; transform: skew(-14deg); transform-origin: top; width: 50%; } @media (min-width: 992px) { .module--newsletter::before { right: -20%; } } .module--newsletter .grid { grid-gap: 20px; padding: 4rem 0; } @media (min-width: 768px) { .module--newsletter .grid { padding: 6rem 0 7rem; } } .module--newsletter .column { margin-bottom: 0; } .module--newsletter h2 { font-size: var(--h2-big-mobile); font-weight: 700; line-height: 1.1; margin-bottom: 1.25rem; text-transform: lowercase; } @media (min-width: 768px) { .module--newsletter h2 { font-size: var(--h2-big); } } .module--newsletter #form_22 form { background-color: transparent !important; margin: 0 !important; max-width: none !important; } .module--newsletter #form_22 form > div { display: flex; flex-wrap: wrap; grid-gap: 45px; } .module--newsletter #form_22 form input, .module--newsletter #form_22 form input[type=text] { border: 0; border-radius: 0; font-family: revert !important; font-size: 18px; padding: 10px 25px; } @media (min-width: 768px) { .module--newsletter #form_22 form input, .module--newsletter #form_22 form input[type=text] { min-width: 360px; width: auto !important; } } .module--newsletter #form_22 form input[type=text] { line-height: 46px; } .module--newsletter #form_22 form ._form-label { display: none !important; } .module--newsletter #form_22 form ._form_element, .module--newsletter #form_22 form ._button-wrapper { width: auto; } .module--newsletter #form_22 form button { align-items: center; background-color: transparent !important; color: var(--color-text) !important; display: flex; font-size: 17px; font-weight: 700; letter-spacing: 3px; line-height: 21px; margin-top: 0 !important; padding: 0 !important; text-transform: uppercase; } .module--newsletter #form_22 form button::before { background: transparent url("../icons/arrow-right-circle.svg") no-repeat left center; background-size: contain; content: ""; display: inline-block; height: 66px; margin-right: 20px; width: 66px; } .module--newsletter #form_22 form ._form-thank-you { text-align: left; } .module--newsletter p, .module--newsletter input { font-size: 18px; font-weight: 400; line-height: 32px; } .module--newsletter p { font-weight: 600; margin-top: 18px; max-width: 380px; } .module--text { background-color: var(--color-case-study-list-start); color: var(--color-white); padding-bottom: 5rem; padding-top: 5rem; list-style-type: none; } .module--text+.module--text { padding-top: 0; } .text.module--text li{ list-style-type: none; } .module--text .multi-col { display: flex; flex-flow: column nowrap; gap: 4rem; flex-basis: 15rem; } .module--text .left-col, .module--text .right-col { order: 2; } .module--text .main-col { flex-grow: 2; } .module--text section .basic > * { max-width: 880px; } .module--text section .basic p, .block--description p { line-height: 1.75; } .module--text section .quote { font-size: 24px; font-weight: 100; line-height: 1.75; margin: 0; } .module--text .points{ display: flex; gap: .75rem; } .module--text section .point{ margin-bottom: 1em; } .module--text section .point .number { font-size: 70px; font-weight: 600; line-height: 1; } .module--text .footnote { color: #afafaf; font-size: 14px; font-weight: 500; display: block; } .module--text section .quote.main-col { margin: 0; } .module--text section .quote p { font-size: 20px; font-weight: 100; line-height: 1.75; } @media (min-width: 1350px) { .module--text section .quote { margin: 0 3em; } .module--text { padding-bottom: 8rem; padding-top: 8rem; } .module--text .multi-col { gap: 4rem; } .module--text ul{ margin-left: 1rem; } } @media (min-width: 768px) { .module--text section .quote { font-size: 24px; font-weight: 100; line-height: 1.75; } .module--text { padding-bottom: 6rem; padding-top: 6rem; } .module--text+.module--text { padding-top: 2rem; } .module--text section .quote p { font-size: 24px; font-weight: 100; line-height: 1.75; } .module--text .multi-col { flex-flow: row nowrap; gap: 2rem; } .module--text .left-col { order: 1; } .module--text .right-col { order: 2; } .module--text ul{ margin-left: 0; } .module--text .points{ flex-flow:column nowrap; gap: .25rem; } } .module--related { display: flex; flex-flow: column nowrap; align-items: stretch; align-content: stretch; min-height: 12rem; } .module--related.full-width{ padding: 0; } .module--related a { display: flex; flex-grow: 1; padding: 0 1.25rem; min-height: 150px; } .module--related .related-link{ width: calc(var(--max-width)/2); max-width: 100dvw; box-sizing: border-box; padding-top: 1.25rem; font-size: 30px; line-height: 1.5; font-weight: 700; } .module--related .left, .module--related .right{ margin: 0; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .module--related a{ padding-left: 130px; padding-right: 130px } .module--related .related-link{ padding-top: 3rem; font-size: 36px; } } @media (min-width: 1350px) { .module--related{ flex-direction: row; } .module--related .left{ margin-left: auto; margin-right: 0; padding-right: 2rem; } .module--related .right{ margin-left: 0; padding-left: 2rem; margin-right: auto; } .module--related a{ padding: 0; } } /*# sourceMappingURL=modules.css.map */